*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--lenovo-light-gray);color:var(--lenovo-dark-gray);line-height:1.6}:root{--lenovo-red: #E51937;--lenovo-dark-red: #C31629;--lenovo-black: #000000;--lenovo-dark-gray: #1F1F1F;--lenovo-medium-gray: #666666;--lenovo-light-gray: #F5F5F5;--lenovo-white: #FFFFFF;--intel-blue: #0071C5;--intel-light-blue: #00A2E0;--success-green: #52C41A;--warning-orange: #FA8C16;--error-red: #FF4D4F;--header-height: 64px;--sidebar-width: 280px;--border-radius: 8px;--border-radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2;color:var(--lenovo-dark-gray)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin:0;font-size:var(--font-size-base);line-height:1.6;color:var(--lenovo-medium-gray)}a{color:var(--lenovo-red);text-decoration:none;transition:color .2s ease}a:hover{color:var(--lenovo-dark-red);text-decoration:underline}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-primary{color:var(--lenovo-red)}.text-secondary{color:var(--lenovo-medium-gray)}.text-muted{color:var(--lenovo-light-gray)}.bg-primary{background-color:var(--lenovo-red)}.bg-white{background-color:var(--lenovo-white)}.bg-light{background-color:var(--lenovo-light-gray)}.page-header{background:var(--lenovo-white);border-bottom:1px solid #f0f0f0;padding:var(--spacing-4) 0;margin-bottom:var(--spacing-6)}.page-content{padding:var(--spacing-6);background:var(--lenovo-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6)}.card{background:var(--lenovo-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid #f0f0f0;overflow:hidden;transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--spacing-6);border-bottom:1px solid #f0f0f0;background:#fafafa}.card-body{padding:var(--spacing-6)}.card-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid #f0f0f0;background:#fafafa}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--border-radius);font-family:inherit;font-size:var(--font-size-base);font-weight:500;line-height:1;text-decoration:none;cursor:pointer;transition:all .2s ease;gap:var(--spacing-2)}.btn:focus{outline:2px solid var(--lenovo-red);outline-offset:2px}.btn-primary{background-color:var(--lenovo-red);color:var(--lenovo-white)}.btn-primary:hover{background-color:var(--lenovo-dark-red);color:var(--lenovo-white)}.btn-secondary{background-color:transparent;color:var(--lenovo-red);border:1px solid var(--lenovo-red)}.btn-secondary:hover{background-color:var(--lenovo-red);color:var(--lenovo-white)}.btn-ghost{background-color:transparent;color:var(--lenovo-medium-gray);border:1px solid transparent}.btn-ghost:hover{background-color:var(--lenovo-light-gray);color:var(--lenovo-dark-gray)}.form-group{margin-bottom:var(--spacing-5)}.form-label{display:block;margin-bottom:var(--spacing-2);font-weight:500;color:var(--lenovo-dark-gray)}.form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid #d9d9d9;border-radius:var(--border-radius);font-family:inherit;font-size:var(--font-size-base);transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{outline:none;border-color:var(--lenovo-red);box-shadow:0 0 0 2px #e519371a}.form-textarea{resize:vertical;min-height:100px}.form-error{margin-top:var(--spacing-1);font-size:var(--font-size-sm);color:var(--error-red)}.loading{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 768px){:root{--sidebar-width: 260px}.container{padding:0 var(--spacing-3)}.page-content{padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.card-header,.card-body{padding:var(--spacing-4)}.btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}}@media print{.no-print{display:none!important}.page-content{box-shadow:none;border:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--lenovo-red);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--lenovo-light-gray)}::-webkit-scrollbar-thumb{background:var(--lenovo-medium-gray);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--lenovo-dark-gray)}
