:root{--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-focus-ring:#6366f147;--color-primary-light:#6366f11f;--color-secondary:#818cf8;--color-cta:#10b981;--color-cta-hover:#059669;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-success:#16a34a;--color-success-hover:#15803d;--color-warning:#d97706;--color-on-primary:#fff;--color-on-primary-muted:#ffffffd1;--color-background:#f8f9fa;--color-surface:#fff;--color-surface-muted:#f1f3f5;--color-text:#1a1d23;--color-text-muted:#6b7280;--color-border:#e5e7eb;--color-overlay:#0f11178c;--color-loading-overlay:#f8f9fac7;--color-primary-soft-bg:#eef2ff;--color-primary-soft-text:#4338ca;--color-danger-soft-bg:#fef2f2;--color-danger-soft-border:#fecaca;--color-danger-soft-text:#991b1b;--color-danger-soft-accent-bg:#fee2e2;--color-success-soft-bg:#ecfdf3;--color-success-soft-border:#bbf7d0;--color-success-soft-text:#166534;--color-success-soft-accent-bg:#dcfce7;--color-warning-soft-bg:#fff7ed;--color-warning-soft-text:#9a3412;--color-info-soft-bg:#eff6ff;--color-info-soft-border:#bfdbfe;--color-info-soft-text:#1d4ed8;--color-neutral-soft-bg:#f8f9fa;--color-neutral-soft-bg-strong:#f1f3f5;--color-sidebar-active-bg:#6366f11f;--color-header-backdrop:#ffffffd1;--color-header-backdrop-dark:#0f1117d1;--color-hero-glow:#6366f126;--color-hero-button-overlay:#ffffffc2;--color-hero-button-overlay-dark:#0f1117a8;--color-auth-brand-bg:#f5f3ff;--color-auth-brand-bg-start:#eef2ff;--color-auth-brand-bg-end:#f5f3ff;--color-auth-brand-border:#c7d2fe99;--color-auth-pattern-line:#818cf814;--color-auth-subtitle:#6366f1;--color-auth-feature-text:#4338ca;--color-auth-feature-bg:#ffffffd9;--color-auth-feature-border:#c7d2fe80;--color-auth-feature-blue:#3b82f6;--color-auth-feature-green:#10b981;--color-auth-feature-purple:#a855f7;--color-auth-footer:#6b7280;--color-auth-glow-top:#6366f11f;--color-auth-glow-bottom:#a855f714;--font-family-heading:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family:var(--font-family-body);--font-size-2xs:.65rem;--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;--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;--radius-sm:.1875rem;--radius:.25rem;--radius-md:.25rem;--radius-lg:.375rem;--radius-xl:.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #1a0e3814;--shadow:0 2px 6px #1a0e381a;--shadow-md:0 8px 16px #29145724;--shadow-lg:0 18px 32px #220e4c33;--transition-fast:.16s ease;--transition-base:.22s ease;--sidebar-width:16.5rem;--header-height:4.25rem}.dark{--color-background:#0f1117;--color-surface:#1a1b1e;--color-surface-muted:#25262b;--color-text:#e4e5e7;--color-text-muted:#9ca3af;--color-border:#2d3036;--color-overlay:#000000a6;--color-loading-overlay:#0f1117c7;--color-primary-soft-bg:#1e1b3a;--color-primary-soft-text:#c7d2fe;--color-danger-soft-bg:#2d1b1b;--color-danger-soft-border:#7f1d1d;--color-danger-soft-text:#fecaca;--color-danger-soft-accent-bg:#5f1a1a;--color-success-soft-bg:#0b2818;--color-success-soft-border:#166534;--color-success-soft-text:#bbf7d0;--color-success-soft-accent-bg:#14532d;--color-warning-soft-bg:#2d2008;--color-warning-soft-text:#fcd34d;--color-info-soft-bg:#111c3a;--color-info-soft-border:#1d4ed8;--color-info-soft-text:#bfdbfe;--color-neutral-soft-bg:#1a1b1e;--color-neutral-soft-bg-strong:#25262b;--color-sidebar-active-bg:#6366f133;--color-header-backdrop:#0f1117d9;--color-header-backdrop-dark:#0f1117d9;--color-hero-button-overlay-dark:#0f1117b3;--color-auth-brand-bg:#0a0b0f;--color-auth-brand-bg-start:#0f1117;--color-auth-brand-bg-end:#0a0b0f;--color-auth-brand-border:#4b556366;--color-auth-pattern-line:#9ca3af1f;--color-auth-subtitle:#d4c7f7;--color-auth-feature-text:#efe8ff;--color-auth-feature-bg:#ffffff0f;--color-auth-feature-border:#c4b5fd52;--color-auth-feature-blue:#93c5fd;--color-auth-feature-green:#86efac;--color-auth-feature-purple:#d8b4fe;--color-auth-footer:#c6b8eb;--color-auth-glow-top:#7c3aed42;--color-auth-glow-bottom:#f973161f}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-family-body);background-color:var(--color-background);color:var(--color-text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.65}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);letter-spacing:-.01em;line-height:1.3}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;font-family:inherit}button,a,input,select,textarea,[tabindex]:not([tabindex="-1"]){outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{box-shadow:0 0 0 3px var(--color-primary-focus-ring)}input,textarea,select{font-family:inherit}iframe{border:none}.btn{min-width:44px;min-height:44px;padding:.625rem var(--spacing-4);font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;gap:var(--spacing-2);border:1px solid #0000;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{box-shadow:0 0 0 3px var(--color-primary-focus-ring)}.btn--primary{background:linear-gradient(140deg, var(--color-primary), var(--color-secondary));border-color:color-mix(in srgb, var(--color-primary) 55%, var(--color-border));color:var(--color-on-primary)}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--outline{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn--outline:hover:not(:disabled){background-color:var(--color-surface-muted);border-color:color-mix(in srgb, var(--color-primary) 40%, var(--color-border))}.btn--danger{background-color:var(--color-danger);color:var(--color-on-primary);border-color:var(--color-danger)}.btn--danger:hover:not(:disabled){background-color:var(--color-danger-hover);transform:translateY(-1px)}.btn--success{background-color:var(--color-success);color:var(--color-on-primary);border-color:var(--color-success)}.btn--success:hover:not(:disabled){background-color:var(--color-success-hover);transform:translateY(-1px)}.btn--sm{min-height:38px;padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs)}.btn--lg{min-height:48px;padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), border-color var(--transition-fast);overflow:hidden}.card__header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border)}.card__body{padding:var(--spacing-4)}.auth-card{background:color-mix(in srgb, var(--color-surface) 92%, var(--color-background));border-radius:var(--radius-xl);border:1px solid var(--color-border);width:100%;max-width:28rem;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem}.form-group{margin-bottom:var(--spacing-4)}.form-label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-1);color:var(--color-text);font-weight:600;display:block}.form-input{width:100%;min-height:44px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);font-family:inherit}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-focus-ring);outline:none}.form-input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-surface-muted)}.form-error{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:var(--spacing-1)}.alert{padding:var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);border:1px solid}.alert--error{background-color:var(--color-danger-soft-bg);border-color:var(--color-danger-soft-border);color:var(--color-danger-soft-text)}.alert--success{background-color:var(--color-success-soft-bg);border-color:var(--color-success-soft-border);color:var(--color-success-soft-text)}.alert--info{background-color:var(--color-info-soft-bg);border-color:var(--color-info-soft-border);color:var(--color-info-soft-text)}.badge{font-size:var(--font-size-xs);border-radius:var(--radius-full);align-items:center;padding:.125rem .5rem;font-weight:500;display:inline-flex}.badge--primary{background-color:var(--color-primary-soft-bg);color:var(--color-primary-soft-text)}.badge--success{background-color:var(--color-success-soft-accent-bg);color:var(--color-success-soft-text)}.badge--warning{background-color:var(--color-warning-soft-bg);color:var(--color-warning-soft-text)}.badge--danger{background-color:var(--color-danger-soft-accent-bg);color:var(--color-danger-soft-text)}.badge--info{background-color:var(--color-primary-soft-bg);color:var(--color-primary-soft-text)}.badge--outline{border:1px solid var(--color-border);color:var(--color-text-muted);background-color:#0000}.table-responsive{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle}.table th{background-color:var(--color-surface-muted);color:var(--color-text-muted);font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase;white-space:nowrap}.table tbody tr:hover{background-color:var(--color-surface-muted)}.modal-actions{justify-content:flex-end;gap:var(--spacing-2);display:flex}.profile-stack{gap:var(--spacing-6);flex-direction:column;display:flex}.profile-body{gap:var(--spacing-4);flex-direction:column;display:flex}.profile-card{max-width:32rem}.field-readonly label{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2);font-weight:500;display:block}.field-readonly p{font-size:var(--font-size-sm);margin:0}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.grid{display:grid}.block{display:block}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.shrink-0{flex-shrink:0}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.m-0{margin:0}.mx-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mb-0{margin-bottom:0}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.mr-2{margin-right:var(--spacing-2)}.p-0{padding:0}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.pt-0{padding-top:0}.pt-3{padding-top:var(--spacing-3)}.pt-4{padding-top:var(--spacing-4)}.pt-6{padding-top:var(--spacing-6)}.pb-0{padding-bottom:0}.pb-2{padding-bottom:var(--spacing-2)}.pb-3{padding-bottom:var(--spacing-3)}.pb-4{padding-bottom:var(--spacing-4)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-medium{font-weight:500}.font-bold{font-weight:700}.italic{font-style:italic}.uppercase{text-transform:uppercase}.whitespace-pre-line{white-space:pre-line}.whitespace-nowrap{white-space:nowrap}.tracking-wide{letter-spacing:.05em}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-muted{color:var(--color-text-muted)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success-soft-text)}.text-primary{color:var(--color-primary)}.text-foreground{color:var(--color-text)}.text-white{color:var(--color-on-primary)}.border{border:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l-4{border-left:4px solid var(--color-primary)}.border-none{border:none}.rounded{border-radius:var(--radius)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.bg-surface{background-color:var(--color-surface)}.bg-background{background-color:var(--color-background)}.bg-primary{background-color:var(--color-primary)}.bg-surface-muted{background-color:var(--color-surface-muted)}.bg-red-50{background-color:var(--color-danger-soft-bg)}.bg-red-100{background-color:var(--color-danger-soft-accent-bg)}.bg-green-50{background-color:var(--color-success-soft-bg)}.bg-green-100{background-color:var(--color-success-soft-accent-bg)}.bg-blue-50{background-color:var(--color-info-soft-bg)}.bg-gray-50{background-color:var(--color-neutral-soft-bg)}.bg-gray-100{background-color:var(--color-neutral-soft-bg-strong)}.bg-white{background-color:var(--color-on-primary)}.border-red-100{border-color:var(--color-danger-soft-accent-bg)}.border-red-200{border-color:var(--color-danger-soft-border)}.border-red-500{border-color:var(--color-danger)}.border-green-200{border-color:var(--color-success-soft-border)}.border-green-500{border-color:var(--color-success)}.border-blue-200{border-color:var(--color-info-soft-border)}.border-gray-100{border-color:var(--color-neutral-soft-bg-strong)}.w-full{width:100%}.w-64{width:16rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-xs{max-width:20rem}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.cursor-pointer{cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.hover-text-primary:hover{color:var(--color-primary);transition:color var(--transition-fast)}.fit-content{width:fit-content}.view-switch{gap:var(--spacing-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:fit-content;padding:.25rem;display:inline-flex}.view-switch__btn{color:var(--color-text-muted);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:0;padding:.5rem .9rem;font-weight:700;transition:all .2s}.view-switch__btn--active{background:var(--color-primary-soft-bg);color:var(--color-primary-soft-text);box-shadow:var(--shadow-sm)}