@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand-blue-900:#12128a;--brand-blue-800:#1c1cb8;--brand-blue-700:#2828cc;--brand-blue-600:#3a3ae0;--brand-yellow-500:#ffb800;--brand-yellow-400:#ffc840;--brand-yellow-600:#e6a600;--color-primary:var(--brand-yellow-500);--color-primary-hover:var(--brand-yellow-400);--color-primary-active:var(--brand-yellow-600);--color-primary-subtle:#ffb8001a;--color-primary-border:#ffb8004d;--color-primary-text:#92520a;--color-on-primary:#7a3800;--color-accent:#111827;--color-accent-hover:#000;--color-accent-subtle:#0000000d;--color-success:#10b981;--color-success-subtle:#10b9811a;--color-success-border:#10b98140;--color-success-text:#065f46;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b1a;--color-warning-border:#f59e0b40;--color-warning-text:#92400e;--color-danger:#ef4444;--color-danger-subtle:#ef44441a;--color-danger-border:#ef444440;--color-danger-text:#991b1b;--color-info:#3b82f6;--color-info-subtle:#3b82f61a;--color-info-border:#3b82f640;--color-info-text:#1e40af;--color-bg:#f8f9fa;--color-bg-subtle:#f1f3f5;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-overlay:#fff;--color-surface-hover:#f8f9fa;--color-surface-active:#f1f3f5;--color-sidebar-bg:#000;--color-sidebar-border:#ffffff1a;--color-sidebar-text:#fff9;--color-sidebar-text-active:#fff;--color-sidebar-text-muted:#ffffff4d;--color-sidebar-item-hover:#ffffff14;--color-sidebar-item-active:#ffb80026;--color-sidebar-icon-bg:#ffffff0d;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-muted:#9ca3af;--color-text-disabled:#d1d5db;--color-text-inverse:#fff;--color-text-brand:var(--brand-yellow-600);--color-text-link:#111827;--color-text-link-hover:#000;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-border-focus:var(--brand-yellow-500);--color-border-brand:#ffb80059;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 4px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 10px 30px #0000001a, 0 4px 8px #0000000f;--shadow-xl:0 20px 50px #0000001f, 0 8px 16px #0000000f;--shadow-primary:0 4px 14px #ffb80059;--shadow-focus:0 0 0 3px #ffb8002e;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--sidebar-width:260px;--transition:all .18s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .32s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .25s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown:100;--z-sticky:200;--z-overlay:500;--z-modal:600;--z-toast:900}[data-theme=dark]{--color-bg:#0f1117;--color-bg-subtle:#161b22;--color-surface:#1c2128;--color-surface-raised:#21262d;--color-surface-overlay:#2d333b;--color-surface-hover:#21262d;--color-surface-active:#2d333b;--color-text-primary:#e6edf3;--color-text-secondary:#8b949e;--color-text-muted:#6e7681;--color-text-disabled:#484f58;--color-border:#30363d;--color-border-strong:#3d444d;--color-success-text:#3fb950;--color-warning-text:#d29922;--color-danger-text:#f85149;--color-info-text:#58a6ff;--color-primary-text:var(--brand-yellow-400);--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 4px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 10px 30px #0009;--shadow-xl:0 20px 50px #000000b3}html,body{height:100%;font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-base);line-height:1.5}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}80%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.shimmer{background:linear-gradient(90deg, var(--color-bg-subtle) 25%, var(--color-border) 50%, var(--color-bg-subtle) 75%);border-radius:var(--radius-xs);background-size:200% 100%;min-width:60px;animation:1.4s linear infinite shimmer;display:inline-block;color:#0000!important}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:10px var(--space-5);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:var(--transition);white-space:nowrap;letter-spacing:.01em;border:1px solid #0000;outline:none;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);color:var(--color-on-primary);box-shadow:var(--shadow-primary);letter-spacing:.03em;text-transform:uppercase;border-color:#0000;font-weight:700}.btn-primary:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 6px 20px #ffb80073}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{background:var(--color-accent);color:var(--color-text-inverse);box-shadow:var(--shadow-sm);border-color:#0000}.btn-secondary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{color:var(--color-text-secondary);border-color:var(--color-border);background:0 0}.btn-outline:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-text-primary)}.btn-ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-surface-active);color:var(--color-text-primary)}.btn-danger{background:var(--color-danger-subtle);color:var(--color-danger-text);border-color:var(--color-danger-border)}.btn-danger:hover:not(:disabled){background:var(--color-danger);color:var(--color-text-inverse);border-color:var(--color-danger)}.btn-warning{background:var(--color-warning-subtle);color:var(--color-warning-text);border-color:var(--color-warning-border)}.btn-warning:hover:not(:disabled){background:var(--color-warning);color:var(--color-text-inverse);border-color:var(--color-warning)}.btn-sm{padding:6px var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-lg{padding:13px var(--space-7);font-size:var(--text-md)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.form-group{gap:var(--space-1);flex-direction:column;display:flex}.form-label{font-size:var(--text-xs);color:var(--color-text-secondary);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.form-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-family:var(--font-sans);color:var(--color-text-primary);transition:var(--transition);width:100%;box-shadow:var(--shadow-xs);outline:none}.form-input::placeholder{color:var(--color-text-muted)}.form-input:hover{border-color:var(--color-border-strong)}.form-input:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.form-input:disabled{background:var(--color-bg-subtle);color:var(--color-text-disabled);cursor:not-allowed}.form-input.is-error{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-subtle)}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.form-error{font-size:var(--text-xs);color:var(--color-danger-text);margin-top:var(--space-1)}.badge{border-radius:var(--radius-pill);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:4px 12px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.badge-success{background:var(--color-success-subtle);color:var(--color-success-text);border-color:var(--color-success-border)}.badge-warning{background:var(--color-warning-subtle);color:var(--color-warning-text);border-color:var(--color-warning-border)}.badge-danger{background:var(--color-danger-subtle);color:var(--color-danger-text);border-color:var(--color-danger-border)}.badge-info{background:var(--color-info-subtle);color:var(--color-info-text);border-color:var(--color-info-border)}.badge-primary{background:var(--color-primary-subtle);color:var(--color-primary-text);border-color:var(--color-primary-border)}.badge-neutral{background:var(--color-bg-subtle);color:var(--color-text-secondary);border-color:var(--color-border)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.table-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.table{border-collapse:collapse;width:100%}.table thead tr{border-bottom:1px solid var(--color-border);background:var(--color-bg-subtle)}.table th{padding:var(--space-3) var(--space-5);text-align:left;font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-muted);font-weight:700}.table td{padding:var(--space-4) var(--space-5);font-size:var(--text-base);vertical-align:middle;color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--transition)}.table tbody tr:hover{background:var(--color-surface-hover)}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.spinner-sm{width:14px;height:14px}.spinner-lg{width:24px;height:24px}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);min-width:280px;max-width:380px;box-shadow:var(--shadow-lg);background:var(--color-surface);border:1px solid;font-weight:500;animation:.25s slideInRight;display:flex}.toast-success{background:var(--color-success-subtle);border-color:var(--color-success-border);color:var(--color-success-text)}.toast-error{background:var(--color-danger-subtle);border-color:var(--color-danger-border);color:var(--color-danger-text)}.toast-warning{background:var(--color-warning-subtle);border-color:var(--color-warning-border);color:var(--color-warning-text)}.toast-info{background:var(--color-info-subtle);border-color:var(--color-info-border);color:var(--color-info-text)}.menu{background:var(--color-surface-overlay);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:160px;animation:.15s scaleIn;overflow:hidden}.menu-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);text-align:left;font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;font-weight:500;display:flex}.menu-item:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.menu-item-danger{color:var(--color-danger-text)}.menu-item-danger:hover{background:var(--color-danger-subtle);color:var(--color-danger-text)}.menu-separator{background:var(--color-border);height:1px;margin:var(--space-1) 0}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-overlay);padding:var(--space-6);background:#00000073;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.text-primary{color:var(--color-text-primary)!important}.text-secondary{color:var(--color-text-secondary)!important}.text-muted{color:var(--color-text-muted)!important}.text-brand{color:var(--color-primary)!important}.text-success{color:var(--color-success-text)!important}.text-danger{color:var(--color-danger-text)!important}.text-warning{color:var(--color-warning-text)!important}.bg-surface{background:var(--color-surface)!important}.bg-subtle{background:var(--color-bg-subtle)!important}.border-default{border:1px solid var(--color-border)!important}.font-mono{font-family:var(--font-mono)}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}