*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#059669;--color-primary-hover:#047857;--color-primary-light:#34d399;--color-primary-50:#ecfdf5;--color-primary-100:#d1fae5;--color-primary-200:#a7f3d0;--color-primary-500:#10b981;--color-primary-600:#059669;--color-primary-700:#047857;--color-primary-800:#065f46;--color-primary-900:#064e3b;--color-primary-950:#022c22;--color-accent:#d97706;--color-accent-hover:#b45309;--color-accent-light:#fcd34d;--color-accent-50:#fffbeb;--color-accent-100:#fef3c7;--color-accent-500:#f59e0b;--color-accent-600:#d97706;--color-primary-contrast:#fff;--color-accent-contrast:#fff;--color-navbar:#111827;--color-navbar-text:#f9fafb;--color-navbar-hover:#1f2937;--color-background:#f9fafb;--color-surface:#fff;--color-surface-elevated:#fff;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-muted:#9ca3af;--color-text-inverse:#fff;--color-success:#059669;--color-success-bg:#ecfdf5;--color-success-border:#a7f3d0;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--color-danger-border:#fecaca;--color-info:#2563eb;--color-info-bg:#eff6ff;--color-info-border:#bfdbfe;--color-chart-1:#059669;--color-chart-2:#d97706;--color-chart-3:#2563eb;--color-chart-4:#dc2626;--color-chart-5:#7c3aed;--color-chart-6:#0891b2;--color-status-draft:#9ca3af;--color-status-pending:#d97706;--color-status-approved:#059669;--color-status-rejected:#dc2626;--font-display:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--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;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.15;--line-height-normal:1.5;--line-height-relaxed:1.65;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-primary:0 4px 14px 0 #0596694d;--shadow-primary-lg:0 8px 24px 0 #05966966;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-slower:.5s ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1200px}@media (prefers-color-scheme:dark){:root{--color-background:#0f172a;--color-surface:#1e293b;--color-surface-elevated:#334155;--color-border:#334155;--color-border-light:#1e293b;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-navbar:#0f172a;--color-navbar-text:#c7d2fe;--color-navbar-hover:#1e293b;--color-primary-50:#4f46e526;--color-primary-100:#05966940;--color-success-bg:#05966926;--color-warning-bg:#d9770626;--color-danger-bg:#dc262626;--color-info-bg:#2563eb26;--shadow-sm:0 1px 3px 0 #0000004d, 0 1px 2px -1px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d}}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);letter-spacing:-.025em}h1{font-size:var(--font-size-5xl);letter-spacing:-.04em}h2{font-size:var(--font-size-4xl);letter-spacing:-.03em}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{line-height:var(--line-height-relaxed);margin:0}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}.container{width:100%;max-width:var(--container-xl);padding:0 var(--space-6);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fadeIn{animation:fadeIn var(--transition-slow) ease-out}.animate-fadeInUp{animation:fadeInUp var(--transition-slow) ease-out}.animate-fadeInDown{animation:fadeInDown var(--transition-slow) ease-out}.animate-slideInLeft{animation:slideInLeft var(--transition-slow) ease-out}.animate-slideInRight{animation:slideInRight var(--transition-slow) ease-out}.animate-scaleIn{animation:scaleIn var(--transition-slow) ease-out}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-spin{animation:1s linear infinite spin}.animate-float{animation:3s ease-in-out infinite float}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}input,textarea,select,button{font-family:inherit;font-size:inherit}button{cursor:pointer;background:0 0;border:none}::selection{background-color:var(--color-primary-100);color:var(--color-primary-700)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (width<=768px){html{font-size:15px}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-xl)}.container{padding:0 var(--space-4)}}.ant-select-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2) 0}.ant-select-item{color:var(--color-text-primary);padding:var(--space-2) var(--space-3);transition:all .2s}.ant-select-item:hover{background:var(--color-primary-50);color:var(--color-primary)}.ant-select-item-option-selected{background:var(--color-primary-100);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.ant-select-item-option-active{background:var(--color-primary-50)}.ant-modal-content{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl)}.ant-modal-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.ant-modal-title{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.ant-modal-body{color:var(--color-text-primary)}.ant-modal-footer{border-top:1px solid var(--color-border)}.ant-message-notice-content{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--color-text-primary)}.ant-message-success .ant-message-notice-content{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.ant-message-error .ant-message-notice-content{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger)}.ant-empty-description{color:var(--color-text-muted)}.ant-spin-dot-item{background-color:var(--color-primary)}.input-container{gap:var(--space-2);flex-direction:column;display:flex}.input-full{width:100%}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);align-items:center;gap:var(--space-1);display:flex}.input-required{color:var(--color-danger)}.input-wrapper{align-items:center;display:flex;position:relative}.input{width:100%;font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);outline:none}.input::placeholder{color:var(--color-text-muted)}.input:hover:not(:disabled):not(.input-error){border-color:var(--color-text-muted)}.input:focus:not(.input-error){border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50)}.input-sm{height:36px;padding:0 var(--space-3);font-size:var(--font-size-sm);border-radius:var(--radius-md)}.input-md{height:44px;padding:0 var(--space-4)}.input-lg{height:52px;padding:0 var(--space-5);font-size:var(--font-size-lg)}.input-icon{color:var(--color-text-muted);pointer-events:none;transition:color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute}.input-icon svg{width:20px;height:20px}.input-icon-left{left:var(--space-3)}.input-icon-right{right:var(--space-3)}.input-with-icon-left{padding-left:calc(var(--space-3) + 20px + var(--space-2))}.input-with-icon-right{padding-right:calc(var(--space-3) + 20px + var(--space-2))}.input-wrapper:focus-within .input-icon{color:var(--color-primary)}.input-password-toggle{right:var(--space-3);padding:var(--space-1);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.input-password-toggle:hover{color:var(--color-text-secondary);background:var(--color-background)}.input-password-toggle svg{width:20px;height:20px}.input-with-password-toggle{padding-right:calc(var(--space-3) + 28px)}.input-error{border-color:var(--color-danger)}.input-error:focus{box-shadow:0 0 0 3px var(--color-danger-bg);border-color:var(--color-danger)}.input-error-message{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-danger);margin:0;display:flex}.input-error-message svg{flex-shrink:0;width:16px;height:16px}.input-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.input-disabled{opacity:.5;cursor:not-allowed;background:var(--color-background)}.input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset;-webkit-text-fill-color:var(--color-text-primary);transition:background-color 5000s ease-in-out}.input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset;-webkit-text-fill-color:var(--color-text-primary);transition:background-color 5000s ease-in-out}.input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset;-webkit-text-fill-color:var(--color-text-primary);transition:background-color 5000s ease-in-out}.input-wrapper:after{content:"";background:var(--color-primary);width:0;height:2px;transition:all var(--transition-base);border-radius:var(--radius-full);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.input-wrapper:focus-within:after{width:calc(100% - 2px)}.input-wrapper:has(.input-error):after{background:var(--color-danger)}.card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);transition:all var(--transition-base)}.card-default{box-shadow:var(--shadow-sm)}.card-elevated{box-shadow:var(--shadow-lg);border-color:#0000}.card-outlined{box-shadow:none}.card-ghost{box-shadow:none;background:0 0;border-color:#0000}.card-gradient{background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-background) 100%);box-shadow:var(--shadow-md)}.card-padding-none{padding:0}.card-padding-sm{padding:var(--space-4)}.card-padding-md{padding:var(--space-6)}.card-padding-lg{padding:var(--space-8)}.card-padding-xl{padding:var(--space-10)}.card-hover:hover{box-shadow:var(--shadow-xl);border-color:var(--color-primary);transform:translateY(-4px)}.card-clickable{cursor:pointer}.card-clickable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-clickable:active{transform:translateY(0)}.card-clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.card-header{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}.card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.card-footer{align-items:center;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex}.card.feature-card{text-align:center;padding:var(--space-8) var(--space-6)}.card.feature-card .feature-icon{background:var(--color-primary-50);border-radius:var(--radius-xl);width:64px;height:64px;margin:0 auto var(--space-4);transition:all var(--transition-base);justify-content:center;align-items:center;font-size:28px;display:flex}.card.feature-card:hover .feature-icon{background:var(--color-primary);transform:scale(1.1)rotate(5deg)}.card.feature-card .card-title{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.card.feature-card .card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media (width<=768px){.card-padding-lg{padding:var(--space-6)}.card-padding-xl{padding:var(--space-8)}}.badge{justify-content:center;align-items:center;gap:var(--space-1);font-family:var(--font-sans);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap;transition:all var(--transition-fast);display:inline-flex}.badge-sm{height:20px;padding:0 var(--space-2);font-size:var(--font-size-xs);line-height:1}.badge-md{height:24px;padding:0 var(--space-3);font-size:var(--font-size-sm);line-height:1}.badge-lg{height:28px;padding:0 var(--space-4);font-size:var(--font-size-base);line-height:1}.badge-default{background:var(--color-background);color:var(--color-text-secondary);border:1px solid var(--color-border)}.badge-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.badge-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-border)}.badge-primary{background:var(--color-primary-50);color:var(--color-primary);border:1px solid var(--color-primary-200)}.badge-accent{background:var(--color-accent-50);color:var(--color-accent);border:1px solid var(--color-accent-100)}.badge-dot{border-radius:var(--radius-full);border:none;width:8px;height:8px;padding:0}.badge-dot.badge-sm{width:6px;height:6px}.badge-dot.badge-lg{width:10px;height:10px}.badge-dot.badge-default{background:var(--color-text-muted)}.badge-dot.badge-success{background:var(--color-success)}.badge-dot.badge-warning{background:var(--color-warning)}.badge-dot.badge-danger{background:var(--color-danger)}.badge-dot.badge-info{background:var(--color-info)}.badge-dot.badge-primary{background:var(--color-primary)}.badge-dot.badge-accent{background:var(--color-accent)}.badge-removable{padding-right:var(--space-1)}.badge-remove{margin-left:var(--space-1);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);color:currentColor;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.badge-remove:hover{opacity:1;background:#0000001a}.badge-remove:focus-visible{outline-offset:1px;opacity:1;outline:2px solid}.badge-remove svg{width:12px;height:12px}.badge-sm .badge-remove svg{width:10px;height:10px}.badge-lg .badge-remove svg{width:14px;height:14px}.badge-text{display:inline-block}.spinner{justify-content:center;align-items:center;display:inline-flex}.spinner svg{animation:2s linear infinite spinner-rotate}.spinner circle{stroke-dasharray:1 150;stroke-dashoffset:0;animation:1.5s ease-in-out infinite spinner-dash}.spinner-sm,.spinner-sm svg{width:16px;height:16px}.spinner-md,.spinner-md svg{width:24px;height:24px}.spinner-lg,.spinner-lg svg{width:40px;height:40px}.spinner-primary circle{stroke:var(--color-primary)}.spinner-accent circle{stroke:var(--color-accent)}.spinner-text circle{stroke:var(--color-text-secondary)}.spinner-success circle{stroke:var(--color-success)}.spinner-warning circle{stroke:var(--color-warning)}.spinner-danger circle{stroke:var(--color-danger)}.spinner-info circle{stroke:var(--color-info)}.spinner-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);animation:fadeIn var(--transition-base);background:#ffffffe6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (prefers-color-scheme:dark){.spinner-overlay{background:#0f172ae6}}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}.textarea-container{gap:var(--space-2);flex-direction:column;display:flex}.textarea-full{width:100%}.textarea-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-1);display:block}.textarea-required{color:var(--color-danger);margin-left:var(--space-1)}.textarea-wrapper{width:100%;position:relative}.textarea{width:100%;font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);transition:all var(--transition-base);resize:vertical;line-height:var(--line-height-normal);min-height:44px}.textarea:hover:not(:disabled){border-color:var(--color-text-muted)}.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50);outline:none}.textarea::placeholder{color:var(--color-text-muted)}.textarea-sm{font-size:var(--font-size-sm);padding:var(--space-2);border-radius:var(--radius-md)}.textarea-md{font-size:var(--font-size-base);padding:var(--space-3);border-radius:var(--radius-lg)}.textarea-lg{font-size:var(--font-size-lg);padding:var(--space-4);border-radius:var(--radius-lg)}.textarea-error{border-color:var(--color-danger)}.textarea-error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-bg)}.textarea-disabled{background:var(--color-background);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.textarea-auto-resize{resize:none;min-height:44px;overflow:hidden}.textarea-count{bottom:var(--space-2);right:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-surface);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);pointer-events:none;position:absolute}.textarea-sm+.textarea-count{bottom:var(--space-1);right:var(--space-2)}.textarea-lg+.textarea-count{bottom:var(--space-3);right:var(--space-4)}.textarea-error-message{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-danger);animation:slideInLeft var(--transition-fast);margin:0;display:flex}.textarea-error-message svg{flex-shrink:0;width:16px;height:16px}.textarea-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.textarea::-webkit-scrollbar{width:8px}.textarea::-webkit-scrollbar-track{background:var(--color-background);border-radius:var(--radius-sm)}.textarea::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.textarea::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media (prefers-color-scheme:dark){.textarea-count{background:var(--color-surface)}}.radio-group{gap:var(--space-3);display:flex}.radio-group-vertical{flex-direction:column}.radio-group-horizontal{flex-flow:wrap}.radio-group-disabled{opacity:.5;cursor:not-allowed}.radio{align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);display:inline-flex;position:relative}.radio:hover:not(.radio-disabled) .radio-indicator{border-color:var(--color-primary)}.radio-disabled{cursor:not-allowed;opacity:.5}.radio-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.radio-indicator{border:2px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);width:20px;height:20px;transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.radio:focus-within .radio-indicator{outline:2px solid var(--color-primary);outline-offset:2px}.radio-checked .radio-indicator{border-color:var(--color-primary);background:var(--color-primary)}.radio-dot{background:var(--color-surface);border-radius:var(--radius-full);width:8px;height:8px;transition:transform var(--transition-fast);transform:scale(0)}.radio-checked .radio-dot{transform:scale(1)}.radio-label{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text-primary);line-height:var(--line-height-normal)}.radio-disabled .radio-label{color:var(--color-text-muted)}.radio:not(.radio-disabled):hover .radio-indicator{box-shadow:0 0 0 4px var(--color-primary-50)}.radio-checked:not(.radio-disabled):hover .radio-indicator{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.radio:not(.radio-disabled):active .radio-indicator{transform:scale (.95)}.radio-input:focus-visible+.radio-indicator{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-color-scheme:dark){.radio-indicator{border-color:var(--color-border);background:var(--color-surface)}.radio-checked .radio-indicator{border-color:var(--color-primary);background:var(--color-primary)}}.select{width:100%;font-family:var(--font-sans);position:relative}.select-selector{justify-content:space-between;align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;width:100%;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;display:flex}.select-selector:hover:not(.select-disabled .select-selector){border-color:var(--color-text-muted)}.select-open .select-selector{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50)}.select-error .select-selector{border-color:var(--color-danger)}.select-error.select-open .select-selector{box-shadow:0 0 0 3px var(--color-danger-bg)}.select-disabled .select-selector{background:var(--color-background);cursor:not-allowed;opacity:.6}.select-sm .select-selector{height:36px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.select-md .select-selector{height:44px;padding:0 var(--space-4);font-size:var(--font-size-base)}.select-lg .select-selector{height:52px;padding:0 var(--space-5);font-size:var(--font-size-lg)}.select-value{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.select-placeholder{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.select-arrow-wrapper{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.select-arrow{width:16px;height:16px;color:var(--color-text-secondary);transition:transform var(--transition-base)}.select-open .select-arrow{transform:rotate(180deg)}.select-clear{cursor:pointer;width:16px;height:16px;color:var(--color-text-muted);transition:color var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.select-clear:hover{color:var(--color-danger);background:var(--color-danger-bg)}.select-clear svg{width:12px;height:12px}.select-dropdown{top:calc(100% + var(--space-1));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);max-height:300px;animation:slideDown var(--transition-base);position:absolute;left:0;right:0;overflow:hidden}.select-search{padding:var(--space-2);border-bottom:1px solid var(--color-border-light);position:relative}.select-search-icon{left:var(--space-4);width:16px;height:16px;color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.select-search-input{width:100%;height:36px;padding:0 var(--space-3) 0 var(--space-10);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none}.select-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-50)}.select-search-input::placeholder{color:var(--color-text-muted)}.select-options{max-height:250px;padding:var(--space-1);overflow-y:auto}.select-options::-webkit-scrollbar{width:8px}.select-options::-webkit-scrollbar-track{background:0 0}.select-options::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.select-options::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.select-option{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;display:flex}.select-option:hover{background:var(--color-primary-50);color:var(--color-primary)}.select-option-selected{background:var(--color-primary-50);color:var(--color-primary);font-weight:var(--font-weight-medium)}.select-option-check{width:16px;height:16px;color:var(--color-primary);flex-shrink:0}.select-empty{padding:var(--space-6) var(--space-4);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-color-scheme:dark){.select-dropdown{background:var(--color-surface);border-color:var(--color-border)}.select-search-input{background:var(--color-background)}}.modal-backdrop{padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);animation:backdropFadeIn var(--transition-base);background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{width:100%;max-height:calc(100vh - var(--space-8));background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);animation:modalScaleIn var(--transition-base);flex-direction:column;display:flex;position:relative}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1200px}.modal-full{max-width:calc(100vw - var(--space-8));max-height:calc(100vh - var(--space-8))}.modal-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-6);border-bottom:1px solid var(--color-border-light);flex-shrink:0;display:flex}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}.modal-close{border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.modal-close:hover{background:var(--color-background);color:var(--color-text-primary)}.modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal-close svg{width:20px;height:20px}.modal-body{padding:var(--space-6);flex:1;overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--color-border-light);flex-shrink:0;display:flex}@media (width<=768px){.modal-backdrop{align-items:flex-end;padding:0}.modal{max-width:100%;max-height:90vh;animation:modalSlideUp var(--transition-base);border-bottom-right-radius:0;border-bottom-left-radius:0}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-header,.modal-body{padding:var(--space-4)}.modal-footer{padding:var(--space-4);flex-direction:column-reverse}.modal-footer>*{width:100%}}@media (prefers-color-scheme:dark){.modal-backdrop{background:#0f172acc}.modal{background:var(--color-surface);box-shadow:0 25px 50px -12px #00000080}}.table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;overflow:hidden}.table-wrapper{overflow-x:auto}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:var(--color-background)}.table-wrapper::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.table{border-collapse:collapse;width:100%;font-family:var(--font-sans);font-size:var(--font-size-sm)}.table-thead{background:var(--color-background);border-bottom:2px solid var(--color-border)}.table-th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;-webkit-user-select:none;user-select:none}.table-th-sortable{cursor:pointer;transition:background var(--transition-fast)}.table-th-sortable:hover{background:var(--color-border-light)}.table-th-sorted{background:var(--color-primary-50)}.table-th-content{align-items:center;gap:var(--space-2);display:flex}.table-sort-icon{color:var(--color-text-muted);flex-direction:column;gap:2px;display:flex}.table-sort-asc,.table-sort-desc{opacity:.4;width:12px;height:8px;transition:opacity var(--transition-fast)}.table-sort-asc.active,.table-sort-desc.active{opacity:1;color:var(--color-primary)}.table-tbody{background:var(--color-surface)}.table-row{border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.table-row:hover{background:var(--color-primary-50)}.table-row:last-child{border-bottom:none}.table-td{padding:var(--space-3) var(--space-4);color:var(--color-text-primary);vertical-align:middle}.table-loading,.table-empty{padding:var(--space-10) var(--space-4);text-align:center}.table-empty-content{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.table-empty-content svg{width:48px;height:48px;color:var(--color-text-muted)}.table-empty-content p{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0}.table-empty-action{margin-top:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;border:none;font-weight:500;transition:opacity .15s}.table-empty-action:hover{opacity:.85}.table-pagination{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border-top:1px solid var(--color-border-light);background:var(--color-background);display:flex}.table-pagination-info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.table-pagination-controls{align-items:center;gap:var(--space-2);display:flex}.table-pagination-current{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);padding:0 var(--space-3)}.table-pagination-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);color:var(--color-text-primary);justify-content:center;align-items:center;padding:0;display:flex}.table-pagination-btn:hover:not(:disabled){background:var(--color-primary-50);border-color:var(--color-primary);color:var(--color-primary)}.table-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.table-pagination-btn svg{width:16px;height:16px}.table-pagination-size{font-family:var(--font-sans);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.table-pagination-size:hover{border-color:var(--color-primary)}.table-pagination-size:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-50);outline:none}@media (width<=768px){.table-th,.table-td{padding:var(--space-2) var(--space-3)}.table-pagination{align-items:stretch;gap:var(--space-3);flex-direction:column}.table-pagination-info{text-align:center}.table-pagination-controls{justify-content:center}.table-pagination-size{width:100%}}@media (prefers-color-scheme:dark){.table-container{background:var(--color-surface);border-color:var(--color-border)}.table-thead{background:var(--color-background)}.table-tbody{background:var(--color-surface)}.table-row:hover{background:#4f46e51a}.table-pagination{background:var(--color-background)}}.tabs{gap:var(--space-6);flex-direction:column;display:flex}.tabs-nav{gap:var(--space-2);border-bottom:2px solid var(--color-border);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow:auto hidden}.tabs-nav::-webkit-scrollbar{display:none}.tabs-nav-item{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;display:flex;position:relative}.tabs-nav-item:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-surface-hover)}.tabs-nav-item.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tabs-nav-item:disabled{opacity:.5;cursor:not-allowed}.tabs-nav-icon{justify-content:center;align-items:center;display:flex}.tabs-nav-icon svg{width:18px;height:18px}.tabs-content{animation:fadeIn var(--transition-base)}@media (width<=640px){.tabs-nav-item{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}}.grid-row{flex-flow:wrap;display:flex}.grid-wrap{flex-wrap:wrap}.grid-align-top{align-items:flex-start}.grid-align-middle{align-items:center}.grid-align-bottom{align-items:flex-end}.grid-align-stretch{align-items:stretch}.grid-justify-start{justify-content:flex-start}.grid-justify-center{justify-content:center}.grid-justify-end{justify-content:flex-end}.grid-justify-space-between{justify-content:space-between}.grid-justify-space-around{justify-content:space-around}.grid-justify-space-evenly{justify-content:space-evenly}.grid-col{max-width:100%;min-height:1px;margin-bottom:var(--space-6);position:relative}.grid-col-1{flex:0 0 4.16667%;max-width:4.16667%}.grid-col-2{flex:0 0 8.33333%;max-width:8.33333%}.grid-col-3{flex:0 0 12.5%;max-width:12.5%}.grid-col-4{flex:0 0 16.6667%;max-width:16.6667%}.grid-col-5{flex:0 0 20.8333%;max-width:20.8333%}.grid-col-6{flex:0 0 25%;max-width:25%}.grid-col-7{flex:0 0 29.1667%;max-width:29.1667%}.grid-col-8{flex:0 0 33.3333%;max-width:33.3333%}.grid-col-9{flex:0 0 37.5%;max-width:37.5%}.grid-col-10{flex:0 0 41.6667%;max-width:41.6667%}.grid-col-11{flex:0 0 45.8333%;max-width:45.8333%}.grid-col-12{flex:0 0 50%;max-width:50%}.grid-col-13{flex:0 0 54.1667%;max-width:54.1667%}.grid-col-14{flex:0 0 58.3333%;max-width:58.3333%}.grid-col-15{flex:0 0 62.5%;max-width:62.5%}.grid-col-16{flex:0 0 66.6667%;max-width:66.6667%}.grid-col-17{flex:0 0 70.8333%;max-width:70.8333%}.grid-col-18{flex:0 0 75%;max-width:75%}.grid-col-19{flex:0 0 79.1667%;max-width:79.1667%}.grid-col-20{flex:0 0 83.3333%;max-width:83.3333%}.grid-col-21{flex:0 0 87.5%;max-width:87.5%}.grid-col-22{flex:0 0 91.6667%;max-width:91.6667%}.grid-col-23{flex:0 0 95.8333%;max-width:95.8333%}.grid-col-24{flex:0 0 100%;max-width:100%}.grid-col-offset-0{margin-left:0}.grid-col-offset-1{margin-left:4.16667%}.grid-col-offset-2{margin-left:8.33333%}.grid-col-offset-3{margin-left:12.5%}.grid-col-offset-4{margin-left:16.6667%}.grid-col-offset-5{margin-left:20.8333%}.grid-col-offset-6{margin-left:25%}.grid-col-offset-7{margin-left:29.1667%}.grid-col-offset-8{margin-left:33.3333%}.grid-col-offset-9{margin-left:37.5%}.grid-col-offset-10{margin-left:41.6667%}.grid-col-offset-11{margin-left:45.8333%}.grid-col-offset-12{margin-left:50%}@media (width<=575px){.grid-col-xs-1{flex:0 0 4.16667%;max-width:4.16667%}.grid-col-xs-2{flex:0 0 8.33333%;max-width:8.33333%}.grid-col-xs-3{flex:0 0 12.5%;max-width:12.5%}.grid-col-xs-4{flex:0 0 16.6667%;max-width:16.6667%}.grid-col-xs-6{flex:0 0 25%;max-width:25%}.grid-col-xs-8{flex:0 0 33.3333%;max-width:33.3333%}.grid-col-xs-12{flex:0 0 50%;max-width:50%}.grid-col-xs-24{flex:0 0 100%;max-width:100%}}@media (width>=576px) and (width<=767px){.grid-col-sm-1{flex:0 0 4.16667%;max-width:4.16667%}.grid-col-sm-2{flex:0 0 8.33333%;max-width:8.33333%}.grid-col-sm-3{flex:0 0 12.5%;max-width:12.5%}.grid-col-sm-4{flex:0 0 16.6667%;max-width:16.6667%}.grid-col-sm-6{flex:0 0 25%;max-width:25%}.grid-col-sm-8{flex:0 0 33.3333%;max-width:33.3333%}.grid-col-sm-12{flex:0 0 50%;max-width:50%}.grid-col-sm-24{flex:0 0 100%;max-width:100%}}@media (width>=768px) and (width<=1023px){.grid-col-md-1{flex:0 0 4.16667%;max-width:4.16667%}.grid-col-md-2{flex:0 0 8.33333%;max-width:8.33333%}.grid-col-md-3{flex:0 0 12.5%;max-width:12.5%}.grid-col-md-4{flex:0 0 16.6667%;max-width:16.6667%}.grid-col-md-6{flex:0 0 25%;max-width:25%}.grid-col-md-8{flex:0 0 33.3333%;max-width:33.3333%}.grid-col-md-12{flex:0 0 50%;max-width:50%}.grid-col-md-16{flex:0 0 66.6667%;max-width:66.6667%}.grid-col-md-24{flex:0 0 100%;max-width:100%}}@media (width>=1024px) and (width<=1279px){.grid-col-lg-1{flex:0 0 4.16667%;max-width:4.16667%}.grid-col-lg-2{flex:0 0 8.33333%;max-width:8.33333%}.grid-col-lg-3{flex:0 0 12.5%;max-width:12.5%}.grid-col-lg-4{flex:0 0 16.6667%;max-width:16.6667%}.grid-col-lg-6{flex:0 0 25%;max-width:25%}.grid-col-lg-8{flex:0 0 33.3333%;max-width:33.3333%}.grid-col-lg-12{flex:0 0 50%;max-width:50%}.grid-col-lg-16{flex:0 0 66.6667%;max-width:66.6667%}.grid-col-lg-24{flex:0 0 100%;max-width:100%}}@media (width>=1280px){.grid-col-xl-1{flex:0 0 4.16667%;max-width:4.16667%}.grid-col-xl-2{flex:0 0 8.33333%;max-width:8.33333%}.grid-col-xl-3{flex:0 0 12.5%;max-width:12.5%}.grid-col-xl-4{flex:0 0 16.6667%;max-width:16.6667%}.grid-col-xl-6{flex:0 0 25%;max-width:25%}.grid-col-xl-8{flex:0 0 33.3333%;max-width:33.3333%}.grid-col-xl-12{flex:0 0 50%;max-width:50%}.grid-col-xl-16{flex:0 0 66.6667%;max-width:66.6667%}.grid-col-xl-24{flex:0 0 100%;max-width:100%}}.form{width:100%}.form-item{gap:var(--space-2);margin-bottom:var(--space-10);flex-direction:column;display:flex}.form-item:last-child{margin-bottom:0}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-normal);display:block}.form-required{color:var(--color-danger);margin-left:var(--space-1)}.form-control{width:100%;position:relative}.form-item-error .form-label{color:var(--color-danger)}.form-error-message{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-danger);animation:slideInLeft var(--transition-fast);margin:0;display:flex}.form-error-message svg{flex-shrink:0;width:16px;height:16px}.form-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-normal);margin:0}.form-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border-light);display:flex}.form-actions-left{justify-content:flex-start}.form-actions-center{justify-content:center}.form-actions-space-between{justify-content:space-between}@media (width<=768px){.form-actions{flex-direction:column-reverse}.form-actions>*{width:100%}}.home-page{min-height:100vh;position:relative;overflow-x:hidden}.home-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.home-bg-gradient{background:radial-gradient(ellipse 70% 50% at 75% 10%, #05966912 0%, transparent 60%), radial-gradient(ellipse 50% 40% at 10% 70%, #d977060d 0%, transparent 60%), var(--color-background);position:absolute;inset:0}.home-bg-orb{filter:blur(100px);opacity:.12;pointer-events:none;border-radius:50%;position:absolute}.home-bg-orb-1{background:var(--color-primary);width:500px;height:500px;top:-150px;right:-80px}.home-bg-orb-2{background:var(--color-accent);width:350px;height:350px;bottom:25%;left:-80px}.header{z-index:var(--z-sticky);background:var(--color-navbar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #ffffff1a;position:sticky;top:0}.header-container{max-width:var(--container-xl);padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-6);margin:0 auto;display:flex}.logo{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.logo-icon{background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-accent) 100%);color:#fff;width:40px;height:40px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);border-radius:var(--radius-lg);box-shadow:var(--shadow-primary);justify-content:center;align-items:center;display:flex}.logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff}.nav-links{align-items:center;gap:var(--space-8);display:flex}.nav-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-navbar-text);transition:color var(--transition-fast);opacity:.85;text-decoration:none}.nav-link:hover{color:#fff;opacity:1}.header-actions{align-items:center;gap:var(--space-3);display:flex}.header-actions .btn-ghost{color:var(--color-navbar-text)}.header-actions .btn-ghost:hover{background:var(--color-navbar-hover);color:#fff}.mobile-menu-toggle{width:40px;height:40px;color:var(--color-navbar-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:none}.mobile-menu-toggle svg{width:24px;height:24px}.mobile-nav{opacity:0;pointer-events:none;border-top:1px solid #0000;flex-direction:column;max-height:0;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s,transform .25s;display:none;overflow:hidden;transform:translateY(-6px)}.mobile-nav.open{opacity:1;pointer-events:auto;border-top-color:#ffffff14;max-height:480px;transform:translateY(0)}.mobile-nav-links{padding:var(--space-3) var(--space-4);gap:var(--space-1);flex-direction:column;display:flex}.mobile-nav-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-navbar-text);border-radius:var(--radius-lg);transition:background var(--transition-fast), color var(--transition-fast), padding-left var(--transition-fast), opacity .2s ease, transform .2s ease;opacity:0;text-decoration:none;display:flex;position:relative;transform:translate(-8px)}.mobile-nav.open .mobile-nav-link{opacity:.85;transform:translate(0)}.mobile-nav.open .mobile-nav-link:first-child{transition-delay:80ms}.mobile-nav.open .mobile-nav-link:nth-child(2){transition-delay:.13s}.mobile-nav.open .mobile-nav-link:nth-child(3){transition-delay:.18s}.mobile-nav-link:hover{background:var(--color-navbar-hover);color:#fff;opacity:1;padding-left:calc(var(--space-4) + 4px)}.mobile-nav-link-dot{background:var(--color-primary-light);opacity:.5;width:6px;height:6px;transition:opacity var(--transition-fast), transform var(--transition-fast);border-radius:50%;flex-shrink:0}.mobile-nav-link:hover .mobile-nav-link-dot{opacity:1;transform:scale(1.4)}.mobile-nav-footer{padding:var(--space-3) var(--space-4) var(--space-5);gap:var(--space-3);opacity:0;border-top:1px solid #ffffff14;flex-direction:column;transition:opacity .2s .22s,transform .2s .22s;display:flex;transform:translateY(6px)}.mobile-nav.open .mobile-nav-footer{opacity:1;transform:translateY(0)}.mobile-nav-lang{align-self:flex-start;color:var(--color-navbar-text)!important}.mobile-nav-actions{gap:var(--space-3);display:flex}.mobile-nav-actions .btn{flex:1;justify-content:center}.hero{z-index:1;padding:var(--space-20) var(--space-6) var(--space-24);text-align:center;position:relative}.hero-container{max-width:900px;margin:0 auto}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-accent-50);color:var(--color-accent-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);border:1px solid var(--color-accent-100);margin-bottom:var(--space-6);display:inline-flex}.badge-dot{background:var(--color-accent);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.hero-title{font-size:var(--font-size-6xl);font-weight:var(--font-weight-bold);letter-spacing:-.03em;color:var(--color-text-primary);margin:0 0 var(--space-6);line-height:1.1}.hero-title-gradient{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:700px;margin:0 auto var(--space-8)}.hero-cta{justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);display:flex}.hero-trust{justify-content:center;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.trust-item{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.trust-item svg{width:18px;height:18px;color:var(--color-accent)}.hero-visual{margin-top:var(--space-16);perspective:1500px}.hero-mockup{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);will-change:transform;background:#fffffffa;border:1px solid #05966926;max-width:1000px;margin:0 auto;transition:transform .2s ease-out,box-shadow .3s;position:relative;overflow:hidden;transform:perspective(1000px)rotateX(0)rotateY(0);box-shadow:0 0 0 1px #05966914,0 20px 40px -15px #00000026,0 0 80px -30px #05966933}.hero-mockup:hover{box-shadow:0 0 0 1px #05966933,0 30px 60px -15px #00000040,0 0 100px -20px #05966966}.mockup-glow{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 50%, var(--color-primary) 100%);border-radius:inherit;opacity:0;z-index:-1;filter:blur(15px);transition:opacity .3s;position:absolute;inset:-2px}.hero-mockup:hover .mockup-glow{opacity:.3}.mockup-header{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0cc;display:flex}.mockup-dots{gap:var(--space-2);display:flex}.mockup-dots span{background:var(--color-border);border-radius:50%;width:12px;height:12px;transition:transform .2s}.mockup-dots span:first-child{background:#ef4444}.mockup-dots span:nth-child(2){background:#f59e0b}.mockup-dots span:nth-child(3){background:#10b981}.hero-mockup:hover .mockup-dots span{transform:scale(1.1)}.mockup-title{font-size:var(--font-size-sm);color:var(--color-text-muted)}.mockup-content{background:var(--color-surface);min-height:460px;display:flex}.mockup-sidebar{width:200px;padding:var(--space-4);background:var(--color-navbar);gap:var(--space-2);flex-direction:column;display:flex}.mockup-menu-item{border-radius:var(--radius-md);background:#ffffff1a;height:40px;transition:background .2s}.mockup-menu-item.active{background:var(--color-primary);box-shadow:var(--shadow-primary)}.mockup-main{padding:var(--space-8);gap:var(--space-6);background:var(--color-background);flex:1;grid-template-columns:repeat(2,1fr);display:grid}.mockup-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);height:130px;padding:var(--space-5);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.hero-mockup:hover .mockup-card{box-shadow:0 2px 8px #0000000d}.mockup-card-content{gap:var(--space-3);height:100%;display:flex}.mockup-card-icon{background:var(--color-primary-50);border-radius:var(--radius-xl);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.mockup-card-icon svg{width:26px;height:26px;color:var(--color-primary)}.mockup-card-icon.accent{background:var(--color-accent-50)}.mockup-card-icon.accent svg{color:var(--color-accent)}.mockup-card-info{justify-content:center;gap:var(--space-1);flex-direction:column;flex:1;display:flex}.mockup-card-value{font-size:28px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em;line-height:1}.mockup-card-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.mockup-card-trend{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-top:var(--space-1)}.mockup-card-trend.positive{color:#10b981}.mockup-card-trend.neutral{color:var(--color-text-secondary)}.mockup-card:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#0596690d 50%,#0000 100%) 0 0/200% 100%;transition:opacity .3s;animation:3s infinite shimmer;position:absolute;inset:0}.hero-mockup:hover .mockup-card:after{opacity:1}.mockup-chart{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);height:220px;padding:var(--space-5);gap:var(--space-2);flex-direction:column;grid-column:span 2;transition:transform .2s,box-shadow .2s;display:flex}.hero-mockup:hover .mockup-chart{box-shadow:0 2px 8px #0000000d}.mockup-chart-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.mockup-chart-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.mockup-chart-period{font-size:var(--font-size-xs);color:var(--color-text-muted)}.mockup-chart-labels{margin-top:var(--space-1);justify-content:space-around;display:flex}.mockup-chart-labels span{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.chart-bars{justify-content:space-around;align-items:flex-end;gap:var(--space-2);flex:1;width:100%;display:flex}.chart-bar{background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary-700) 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transform-origin:bottom;opacity:0;flex:1;animation:1s ease-out forwards barGrow}.chart-bar:first-child{animation-delay:.1s}.chart-bar:nth-child(2){animation-delay:.2s}.chart-bar:nth-child(3){animation-delay:.3s}.chart-bar:nth-child(4){background:linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent-600) 100%);animation-delay:.4s}.chart-bar:nth-child(5){animation-delay:.5s}.chart-bar:nth-child(6){animation-delay:.6s}.chart-bar:nth-child(7){background:linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent-600) 100%);animation-delay:.7s}@keyframes barGrow{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.features{z-index:1;padding:var(--space-24) var(--space-6);background:#6b72ff1f;border-top:1px solid #d9770633;border-bottom:1px solid #d9770633;position:relative}.features-container{max-width:var(--container-xl);z-index:1;margin:0 auto;position:relative}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-16)}.section-badge{padding:var(--space-1) var(--space-3);background:var(--color-primary-50);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);margin-bottom:var(--space-4);display:inline-block}.section-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-4)}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.features-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{padding:var(--space-8) var(--space-6);text-align:center}.feature-icon{width:64px;height:64px;margin:0 auto var(--space-4);background:var(--color-primary-50);border-radius:var(--radius-xl);color:var(--color-primary);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.feature-icon svg{width:28px;height:28px}.feature-card:hover .feature-icon{background:var(--color-primary);color:#fff;transform:scale(1.1)rotate(5deg)}.feature-card .card-title{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.feature-card .card-description{font-size:var(--font-size-sm)}.stats{z-index:1;padding:var(--space-16) var(--space-6);background:linear-gradient(135deg,#059669d9 0%,#4338cad9 100%);position:relative}.stats-container{max-width:var(--container-xl);gap:var(--space-8);z-index:1;grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid;position:relative}.stat-item{text-align:center;color:#fff}.stat-number{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);line-height:1;display:block}.stat-label{font-size:var(--font-size-base);opacity:.9}.testimonials{z-index:1;padding:var(--space-24) var(--space-6);background:#d9770626;position:relative}.testimonials-container{max-width:var(--container-xl);z-index:1;margin:0 auto;position:relative}.testimonials-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.testimonial-card{flex-direction:column;display:flex}.testimonial-content{flex:1;position:relative}.quote-icon{width:32px;height:32px;color:var(--color-primary-100);margin-bottom:var(--space-4)}.testimonial-content p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);font-style:italic}.testimonial-author{align-items:center;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex}.author-avatar{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);color:#fff;width:48px;height:48px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.author-info{flex-direction:column;display:flex}.author-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.author-role{font-size:var(--font-size-xs);color:var(--color-text-muted)}.pricing{z-index:1;padding:var(--space-20) var(--space-6);position:relative}.pricing-container{max-width:1100px;margin:0 auto}.pricing-grid{gap:var(--space-6);margin-top:var(--space-12);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}.pricing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);gap:var(--space-6);flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;position:relative}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pricing-card-highlight{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary), var(--shadow-lg)}.pricing-popular-badge{background:var(--color-primary);color:#fff;font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card-header{gap:var(--space-2);flex-direction:column;display:flex}.pricing-name{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0;font-weight:600}.pricing-price{align-items:baseline;gap:var(--space-1);display:flex}.pricing-amount{font-size:var(--font-size-4xl);color:var(--color-text-primary);font-weight:700;line-height:1}.pricing-period{font-size:var(--font-size-sm);color:var(--color-text-muted)}.pricing-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.pricing-features{gap:var(--space-3);flex-direction:column;flex:1;margin:0;padding:0;list-style:none;display:flex}.pricing-feature{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.pricing-feature svg{width:16px;height:16px;color:var(--color-success);flex-shrink:0}.pricing-cta{justify-content:center;width:100%}@media (width<=768px){.pricing-grid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}}.cta{z-index:1;padding:var(--space-24) var(--space-6);text-align:center;background:#1e1b4be6;position:relative}.cta-container{z-index:1;max-width:800px;margin:0 auto;position:relative}.cta-content h2{font-size:var(--font-size-4xl);color:#fff;margin:0 0 var(--space-4)}.cta-content p{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--space-8)}.cta-buttons{justify-content:center;align-items:center;gap:var(--space-4);display:flex}.cta-btn-light{color:var(--color-text-primary)!important;background:#fff!important}.cta-btn-light:hover{transform:translateY(-2px);background:var(--color-background)!important}.cta-btn-ghost{color:#fff!important;border:1px solid #ffffff4d!important}.cta-btn-ghost:hover{background:#ffffff1a!important}.footer{z-index:1;padding:var(--space-16) var(--space-6) var(--space-8);background:#4338ca2e;border-top:1px solid #0596694d;position:relative}.footer-container{max-width:var(--container-xl);z-index:1;margin:0 auto;position:relative}.footer-grid{gap:var(--space-12);margin-bottom:var(--space-12);grid-template-columns:2fr repeat(3,1fr);display:grid}.footer-brand p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-4);max-width:300px}.footer-links{gap:var(--space-3);flex-direction:column;display:flex}.footer-links h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.footer-links a{font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:color var(--transition-fast);text-decoration:none}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--color-border);text-align:center}.footer-bottom p{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (width<=1024px){.nav-links{display:none}.mobile-menu-toggle,.mobile-nav{display:flex}.mobile-menu-toggle{touch-action:manipulation}.hero-title{font-size:var(--font-size-5xl)}.features-grid,.stats-container,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.header-actions .btn:not(:last-child){display:none}.hero{padding:var(--space-12) var(--space-4) var(--space-16)}.hero-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-base)}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.hero-trust{gap:var(--space-3);flex-direction:column}.hero-visual{margin-top:var(--space-10)}.hero-mockup{transition:transform .2s ease-out}.mockup-sidebar{display:none}.mockup-main{grid-template-columns:1fr}.mockup-chart{grid-column:span 1}.data-particle{display:none}.features-grid,.testimonials-grid{grid-template-columns:1fr}.stats-container{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.stat-number{font-size:var(--font-size-4xl)}.cta-content h2{font-size:var(--font-size-3xl)}.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%}.footer-grid{gap:var(--space-8);grid-template-columns:1fr}.footer-brand{text-align:center}.footer-brand p{margin:var(--space-4) auto 0}.footer-links{text-align:center}}.dashboard-layout{background:var(--color-background);min-height:100vh;display:flex;position:relative}.sidebar{background:var(--color-navbar);width:260px;z-index:var(--z-fixed);transition:width var(--transition-base), transform var(--transition-base);border-right:1px solid #ffffff1a;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-collapsed .sidebar{cursor:pointer;width:73px}.sidebar-header{padding:var(--space-4);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;min-height:65px;display:flex}.sidebar-logo{align-items:center;gap:var(--space-3);text-decoration:none;display:flex;overflow:hidden}.sidebar-logo .logo-icon{background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-accent) 100%);color:#fff;width:40px;min-width:40px;height:40px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);border-radius:var(--radius-lg);box-shadow:var(--shadow-primary);justify-content:center;align-items:center;display:flex}.sidebar-logo .logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;white-space:nowrap}.sidebar-collapsed .sidebar-logo .logo-text{display:none}.sidebar-toggle{background:var(--color-navbar-hover);border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;color:var(--color-navbar-text);transition:all var(--transition-fast);border:1px solid #ffffff1a;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{background:var(--color-primary-800);color:#fff}.sidebar-toggle svg{width:18px;height:18px}.sidebar-nav{padding:var(--space-4) var(--space-3);flex:1;overflow-y:auto}.nav-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-lg);color:var(--color-navbar-text);transition:all var(--transition-fast);opacity:.85;text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--color-navbar-hover);color:#fff;opacity:1}.nav-item.active{background:var(--color-primary);color:#fff;opacity:1;box-shadow:var(--shadow-primary)}.nav-item.active:before{display:none}.nav-item--admin{color:#f59e0b;border:1px solid #f59e0b33}.nav-item--admin:hover{color:#f59e0b;background:#f59e0b1a}.nav-item--admin.active{color:#1a1a1a;background:#f59e0b;border-color:#0000}.nav-icon{justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;display:flex}.nav-icon svg{width:20px;height:20px}.nav-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.sidebar-collapsed .nav-label{display:none}.sidebar-collapsed .nav-item{padding:var(--space-3);justify-content:center}.sidebar-collapsed .nav-item.active:before{display:none}.sidebar-footer{padding:var(--space-3);border-top:1px solid #ffffff1a}.main-area{z-index:10;min-height:100vh;transition:margin-left var(--transition-base);flex-direction:column;flex:1;margin-left:260px;display:flex;position:relative}.sidebar-collapsed .main-area{margin-left:72px}.top-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);height:74px;padding:0 var(--space-6);z-index:var(--z-sticky);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:var(--space-4);display:flex}.mobile-menu-btn{touch-action:manipulation;width:44px;height:44px;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;display:none}.mobile-menu-btn:hover{background:var(--color-background);color:var(--color-text-primary)}.mobile-menu-btn svg{width:24px;height:24px}.breadcrumb{align-items:center;gap:var(--space-2);display:flex}.breadcrumb-item{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.header-right{align-items:center;gap:var(--space-3);display:flex}.lang-btn{font-size:var(--font-size-lg)!important}.user-menu{position:relative}.user-btn{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;display:flex}.user-btn:hover{background:var(--color-background)}.user-avatar{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);color:#fff;width:40px;height:40px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.user-info{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.user-company{font-size:var(--font-size-xs);color:var(--color-text-muted)}.user-dropdown{top:calc(100% + var(--space-2));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:240px;box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:var(--z-dropdown);position:absolute;right:0;transform:translateY(-10px)}.user-menu:hover .user-dropdown,.user-menu:focus-within .user-dropdown,.user-menu.open .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.dropdown-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:block}.dropdown-email{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px;display:block}.dropdown-divider{background:var(--color-border);height:1px;margin:var(--space-2) 0}.dropdown-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;text-decoration:none;display:flex}.dropdown-item:hover{background:var(--color-background);color:var(--color-text-primary)}.dropdown-item svg{width:18px;height:18px}.dropdown-logout{color:var(--color-danger)}.dropdown-logout:hover{background:var(--color-danger-bg);color:var(--color-danger)}.page-content{padding:var(--space-6);flex:1}.mobile-overlay{display:none}.desktop-only{display:flex}.mobile-only{display:none}@media (width<=1024px){.sidebar,.sidebar-collapsed .sidebar{z-index:9999!important;pointer-events:none!important;width:260px!important;transition:transform .3s!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;transform:translate(-100%)!important}.sidebar.mobile-open{pointer-events:auto!important;transform:translate(0)!important}.main-area,.sidebar-collapsed .main-area{margin-left:0!important}.mobile-overlay{z-index:9998;background:#00000080;display:block;position:fixed;inset:0}.mobile-menu-btn{display:flex}.desktop-only{display:none}.mobile-only{display:flex}}@media (width<=768px){.top-header{padding:0 var(--space-4)}.page-content{padding:var(--space-4)}.user-info{display:none}}.dashboard-page{max-width:1400px;padding:var(--space-6);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.welcome-section{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex;box-shadow:0 1px 3px #0000001a}.welcome-text h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-1)}.welcome-text p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.welcome-date{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.date-day{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium);text-transform:capitalize}.date-full{font-size:var(--font-size-sm);color:var(--color-text-muted)}.stats-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);align-items:flex-start;gap:var(--space-4);padding:var(--space-5);transition:all var(--transition-base);display:flex;box-shadow:0 1px 3px #0000001a}.stat-card:hover{border-color:var(--color-primary);box-shadow:0 4px 6px #0000001a}.stat-icon{background:var(--color-primary-50);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-icon svg{width:24px;height:24px}.stat-content{flex-direction:column;gap:2px;display:flex}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stat-change{font-size:var(--font-size-xs);margin-top:var(--space-1)}.stat-change.positive{color:var(--color-success)}.stat-change.warning{color:var(--color-warning)}.stat-change.negative{color:var(--color-danger)}.dashboard-grid{gap:var(--space-6);grid-template-columns:2fr 1fr;display:grid}.activity-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-6);box-shadow:0 1px 3px #0000001a}.activity-list{flex-direction:column;display:flex}.activity-item{align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-light);display:flex}.activity-item:last-child{border-bottom:none}.activity-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.activity-icon svg{width:20px;height:20px}.activity-icon.invoice{background:var(--color-primary-50);color:var(--color-primary)}.activity-icon.contract{background:var(--color-success-bg);color:var(--color-success)}.activity-icon.offer{background:var(--color-warning-bg);color:var(--color-warning)}.activity-icon.payment{background:var(--color-accent-50);color:var(--color-accent)}.activity-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.activity-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.activity-client{font-size:var(--font-size-xs);color:var(--color-text-muted)}.activity-meta{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.activity-amount{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.activity-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.sidebar-cards{gap:var(--space-6);flex-direction:column;display:flex}.tasks-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-6);box-shadow:0 1px 3px #0000001a}.tasks-list{gap:var(--space-3);flex-direction:column;display:flex}.task-item{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-background);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex}.task-item:hover{background:var(--color-border-light)}.task-priority{border-radius:50%;flex-shrink:0;width:8px;height:8px}.task-priority.high{background:var(--color-danger)}.task-priority.medium{background:var(--color-warning)}.task-priority.low{background:var(--color-success)}.task-content{flex-direction:column;gap:2px;display:flex}.task-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.task-client{font-size:var(--font-size-xs);color:var(--color-text-muted)}.company-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-6);box-shadow:0 1px 3px #0000001a}.company-info{align-items:center;gap:var(--space-4);display:flex}.company-avatar{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);color:#fff;width:56px;height:56px;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);border-radius:var(--radius-xl);justify-content:center;align-items:center;display:flex}.company-details{flex-direction:column;gap:2px;display:flex}.company-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.company-email{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=768px){.dashboard-page{padding:var(--space-4)}.welcome-section{flex-direction:column}.welcome-date{text-align:left;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:row;align-items:center}.onboarding-card{padding:var(--space-4)}}.onboarding-card{background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:0 0 0 1px #4f46e51a, var(--shadow-sm)}.onboarding-header{margin-bottom:var(--space-6)}.onboarding-title{font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0 0 var(--space-1);font-weight:700}.onboarding-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.onboarding-steps{gap:var(--space-3);flex-direction:column;display:flex}.onboarding-step{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.onboarding-step:hover{border-color:var(--color-primary);background:var(--color-surface)}.onboarding-step:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.onboarding-step-number{background:var(--color-primary);color:#fff;width:32px;height:32px;font-size:var(--font-size-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.onboarding-step-content{flex-direction:column;flex:1;gap:2px;display:flex}.onboarding-step-title{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600}.onboarding-step-desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}.onboarding-step-arrow{width:18px;height:18px;color:var(--color-text-muted);flex-shrink:0}.demo-page{flex-direction:column;min-height:100vh;display:flex}.demo-banner{z-index:calc(var(--z-fixed) + 10);background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%);height:44px;padding:0 var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex;position:fixed;top:0;left:0;right:0}.demo-banner-label{align-items:center;gap:var(--space-2);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.02em;display:flex}.demo-banner .btn{gap:var(--space-1);white-space:nowrap}.demo-layout{min-height:calc(100vh - 44px);margin-top:44px}.demo-layout .sidebar{top:44px}.demo-company-switcher{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:#ffffff12;border:1px solid #ffffff1a;display:flex}.demo-company-avatar{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary-light), var(--color-accent));color:#fff;width:32px;min-width:32px;height:32px;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.demo-company-name{color:var(--color-navbar-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar .nav-item{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-family:inherit}.demo-section-page{max-width:1400px;padding:var(--space-6);gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.demo-section-header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.demo-toast{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-primary-50);border:1px solid var(--color-primary-200,#6366f140);border-radius:var(--radius-lg);color:var(--color-primary);font-size:var(--font-size-sm);display:flex}.demo-toast svg{flex-shrink:0;width:16px;height:16px}.demo-table-wrap{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow-x:auto;box-shadow:0 1px 3px #0000001a}.demo-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.demo-table thead tr{border-bottom:1px solid var(--color-border)}.demo-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.demo-table td{padding:var(--space-3) var(--space-4);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);white-space:nowrap}.demo-table tbody tr:last-child td{border-bottom:none}.demo-table tbody tr:hover{background:var(--color-background)}.demo-highlight{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.demo-amount{font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums}.demo-action-hint{color:var(--color-text-muted)}.demo-badge{padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;align-items:center;display:inline-flex}.demo-badge--success{background:var(--color-success-bg);color:var(--color-success)}.demo-badge--info{background:var(--color-primary-50);color:var(--color-primary)}.demo-badge--neutral{background:var(--color-border-light);color:var(--color-text-muted)}.demo-badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.demo-badge--danger{background:var(--color-danger-bg,#ef44441a);color:var(--color-danger)}@media (width<=768px){.demo-banner{padding:0 var(--space-4)}.demo-section-page{padding:var(--space-4)}}