@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--primary:#1f3398;--primary-hover:#162670;--primary-light:#3a4fba;--primary-container:#d3e4fe;--primary-fixed:#4a5fc7;--on-primary:#fff;--background:#f8f9ff;--surface:#fff;--surface-container-lowest:#fff;--surface-container-low:#eff4ff;--surface-container:#e8eef8;--surface-container-high:#dde5f3;--surface-container-highest:#d3e4fe;--surface-dim:#d8dce6;--surface-variant:#c4c8d4;--on-surface:#0f1729;--on-surface-variant:#3a4260;--on-surface-muted:#6b7394;--success:#0d7c3d;--success-container:#d4f5e2;--on-success-container:#064a24;--error:#c62828;--error-container:#fde8e8;--on-error-container:#8c1d1d;--warning:#e6a817;--warning-container:#fff8e1;--on-warning-container:#7c5800;--info:#1565c0;--info-container:#e3f2fd;--outline:#3a426026;--outline-variant:#3a426014;--shadow-sm:0 1px 3px #0f17290a;--shadow-md:0 4px 12px #0f17290f;--shadow-lg:0 8px 24px #0f17290f;--shadow-xl:0 16px 48px #0f172914;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--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;--font-display:"Manrope", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--text-display-lg:700 2.5rem/1.15 var(--font-display);--text-display-md:700 2rem/1.2 var(--font-display);--text-headline-lg:700 1.75rem/1.25 var(--font-display);--text-headline-md:600 1.5rem/1.3 var(--font-display);--text-headline-sm:600 1.25rem/1.35 var(--font-display);--text-title-lg:600 1.125rem/1.4 var(--font-body);--text-title-md:600 1rem/1.4 var(--font-body);--text-title-sm:500 .875rem/1.4 var(--font-body);--text-body-lg:400 1rem/1.6 var(--font-body);--text-body-md:400 .875rem/1.5 var(--font-body);--text-body-sm:400 .8125rem/1.5 var(--font-body);--text-label-lg:500 .875rem/1.4 var(--font-body);--text-label-md:500 .8125rem/1.4 var(--font-body);--text-label-sm:500 .75rem/1.4 var(--font-body);--text-caption:400 .6875rem/1.4 var(--font-body);--sidebar-width:240px;--header-height:64px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--icon-chip-bg:transparent}[data-theme=dark]{--primary:#6b8afd;--primary-hover:#8aa3ff;--primary-light:#4f6fea;--primary-container:#1b2648;--primary-fixed:#3a4fc7;--on-primary:#0b1026;--background:#0d1117;--surface:#151b26;--surface-container-lowest:#0f1520;--surface-container-low:#1a2130;--surface-container:#1f273a;--surface-container-high:#242d44;--surface-container-highest:#2b3452;--surface-dim:#111824;--surface-variant:#3a4260;--on-surface:#e6ecf5;--on-surface-variant:#b4bdd1;--on-surface-muted:#7a859e;--success:#4ade80;--success-container:#0f3d24;--on-success-container:#a7f3c4;--error:#f87171;--error-container:#3d1212;--on-error-container:#fecaca;--warning:#fbbf24;--warning-container:#3d2c00;--on-warning-container:#fde68a;--info:#60a5fa;--info-container:#0f2a4d;--outline:#b4bdd12e;--outline-variant:#b4bdd114;--shadow-sm:0 1px 3px #00000059;--shadow-md:0 4px 12px #00000073;--shadow-lg:0 8px 24px #0000008c;--shadow-xl:0 16px 48px #000000a6;--icon-chip-bg:#f0f4faf2}[data-theme=dark] .btn-primary{background:linear-gradient(135deg, var(--primary-light), var(--primary));color:#0b1026}[data-theme=dark] .modal-overlay{background:#0009}[data-theme=dark] .modal-content{color:var(--on-surface);background:#1a2130f0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font:var(--text-body-md);color:var(--on-surface);background:var(--background);min-height:100vh}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-body);color:inherit;background:0 0;border:none}input,select,textarea{font-family:var(--font-body);color:inherit;font-size:.875rem}table{border-collapse:collapse;width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-variant);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--on-surface-muted)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font:var(--text-label-lg);transition:all var(--transition-fast);white-space:nowrap;height:40px;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:var(--on-primary)}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-hover), var(--primary));box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--primary);border:1px solid var(--outline)}.btn-secondary:hover{background:var(--surface-container-low)}.btn-ghost{color:var(--on-surface-variant);background:0 0}.btn-ghost:hover{background:var(--surface-container-low);color:var(--on-surface)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#a51f1f}.btn-sm{height:32px;padding:var(--space-1) var(--space-3);font:var(--text-label-md)}.btn-lg{height:48px;padding:var(--space-3) var(--space-8);font:var(--text-title-md)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn .icon{width:18px;height:18px}.input-group{gap:var(--space-1);flex-direction:column;display:flex}.input-group label{font:var(--text-label-md);color:var(--on-surface-variant)}.input{height:44px;padding:0 var(--space-4);background:var(--surface-container-low);border-radius:var(--radius-md);font:var(--text-body-md);color:var(--on-surface);transition:all var(--transition-fast);border:1px solid #0000}.input:focus{border-color:var(--primary);background:var(--surface);outline:none;box-shadow:0 0 0 3px #1f33981a}.input::placeholder{color:var(--on-surface-muted)}.input-error{border-color:var(--error)!important}.input-with-icon{position:relative}.input-with-icon .input{padding-left:2.75rem}.input-with-icon .input-icon{left:var(--space-3);color:var(--on-surface-muted);width:20px;height:20px;position:absolute;top:50%;transform:translateY(-50%)}.card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-normal)}.card-elevated{box-shadow:var(--shadow-sm)}.card-tonal{background:var(--surface-container-low)}.card-primary{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:var(--on-primary)}.card:hover{box-shadow:var(--shadow-md)}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-xs);font:var(--text-label-sm);text-transform:uppercase;letter-spacing:.02em;padding:2px 10px;display:inline-flex}.badge-success{background:var(--success-container);color:var(--on-success-container)}.badge-error{background:var(--error-container);color:var(--on-error-container)}.badge-warning{background:var(--warning-container);color:var(--on-warning-container)}.badge-info{background:var(--info-container);color:var(--info)}.badge-neutral{background:var(--surface-container);color:var(--on-surface-variant)}.badge-primary{background:var(--primary-container);color:var(--primary)}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{font:var(--text-label-sm);color:var(--on-surface-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--outline-variant)}.table td{font:var(--text-body-md);color:var(--on-surface);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--outline-variant);vertical-align:middle}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--surface-container-low)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172966;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);padding:var(--space-8);width:90%;max-width:480px;box-shadow:var(--shadow-xl);background:#ffffffeb;animation:.25s slideUp}.toast-container{top:var(--space-6);right:var(--space-6);z-index:1100;gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.toast{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font:var(--text-body-md);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-3);min-width:320px;animation:.3s slideInRight;display:flex}.toast-success{background:var(--success-container);color:var(--on-success-container)}.toast-error{background:var(--error-container);color:var(--on-error-container)}.toast-info{background:var(--info-container);color:var(--info)}.skeleton{background:linear-gradient(90deg, var(--surface-container-low) 25%, var(--surface-container) 50%, var(--surface-container-low) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);color:var(--on-surface-muted)}.empty-state h3{font:var(--text-headline-sm);color:var(--on-surface-variant);margin-bottom:var(--space-2)}.empty-state p{font:var(--text-body-md);margin-bottom:var(--space-6)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-muted{color:var(--on-surface-muted)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.font-display{font-family:var(--font-display)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;position:absolute;overflow:hidden}