:root{--color-bg-base:#0d0f14;--color-bg-surface:#161a22;--color-bg-elevated:#1e2330;--color-bg-overlay:rgba(22,26,34,.85);--color-primary:#00f0ff;--color-primary-hover:#33f5ff;--color-primary-muted:rgba(0,240,255,.15);--color-secondary:#a855f7;--color-secondary-hover:#c084fc;--color-secondary-muted:rgba(168,85,247,.15);--color-alert:#ff2d7b;--color-alert-muted:rgba(255,45,123,.15);--color-success:#39ff85;--color-success-muted:rgba(57,255,133,.15);--color-warning:#ffd600;--color-warning-muted:rgba(255,214,0,.15);--color-error:var(--color-alert);--color-error-bg:var(--color-alert-muted);--color-error-border:rgba(255,45,123,.3);--color-warning-bg:var(--color-warning-muted);--color-warning-border:rgba(255,214,0,.3);--color-text-primary:#e8ecf0;--color-text-secondary:#7a8599;--color-text-muted:#4a5568;--color-neutral-text:var(--color-text-primary);--color-neutral-text-secondary:var(--color-text-secondary);--color-neutral-text-muted:var(--color-text-muted);--color-neutral-bg:var(--color-bg-base);--color-neutral-surface:var(--color-bg-surface);--color-neutral-border:var(--color-border);--color-neutral-border-light:var(--color-border-subtle);--color-accent:var(--color-primary);--color-secondary-dark:var(--color-secondary);--color-border:#2a3040;--color-border-subtle:#1f2533;--color-border-glow:rgba(0,240,255,.2);--color-morale-green:#39ff85;--color-morale-yellow:#ffd600;--color-morale-red:#ff2d7b;--color-morale-unknown:#4a5568;--glow-primary:0 0 12px rgba(0,240,255,.2);--glow-primary-strong:0 0 20px rgba(0,240,255,.35);--glow-alert:0 0 12px rgba(255,45,123,.2);--glow-success:0 0 12px rgba(57,255,133,.2);--glow-card-hover:0 0 16px rgba(0,240,255,.1);--glass-bg:rgba(22,26,34,.85);--glass-border:1px solid rgba(0,240,255,.1);--glass-blur:blur(12px);--glass-elevated-bg:rgba(30,35,48,.9);--glass-elevated-border:1px solid rgba(0,240,255,.15);--glass-elevated-blur:blur(16px);--font-heading:"JetBrains Mono","Fira Code",ui-monospace,SFMono-Regular,monospace;--font-ui:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--font-mono:"JetBrains Mono","Fira Code",ui-monospace,SFMono-Regular,monospace;--text-h1:28px;--text-h2:22px;--text-h3:18px;--text-body:14px;--text-body-large:16px;--text-small:13px;--text-caption:12px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-small:4px;--radius-medium:8px;--radius-large:12px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 2px 8px rgba(0,0,0,.4);--shadow-lg:0 4px 16px rgba(0,0,0,.5)}*,:after,:before{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-ui);font-size:var(--text-body);line-height:1.5;background-color:var(--color-bg-base)}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.3;letter-spacing:-.3px}h1{font-size:var(--text-h1);letter-spacing:-.5px}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3);letter-spacing:-.2px}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-hover)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:var(--glow-primary)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}[data-theme=light]{--color-bg-base:#f8fafb;--color-bg-surface:#fff;--color-bg-elevated:#f1f5f9;--color-bg-overlay:hsla(0,0%,100%,.9);--color-primary:#0891b2;--color-primary-hover:#0e7490;--color-primary-muted:rgba(8,145,178,.1);--color-secondary:#7c3aed;--color-secondary-hover:#6d28d9;--color-secondary-muted:rgba(124,58,237,.1);--color-alert:#dc2626;--color-alert-muted:rgba(220,38,38,.08);--color-success:#16a34a;--color-success-muted:rgba(22,163,74,.08);--color-warning:#ca8a04;--color-warning-muted:rgba(202,138,4,.08);--color-error:var(--color-alert);--color-error-bg:var(--color-alert-muted);--color-error-border:rgba(220,38,38,.2);--color-warning-bg:var(--color-warning-muted);--color-warning-border:rgba(202,138,4,.2);--color-text-primary:#1e293b;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-neutral-text:var(--color-text-primary);--color-neutral-text-secondary:var(--color-text-secondary);--color-neutral-text-muted:var(--color-text-muted);--color-neutral-bg:var(--color-bg-base);--color-neutral-surface:var(--color-bg-surface);--color-neutral-border:var(--color-border);--color-neutral-border-light:var(--color-border-subtle);--color-accent:var(--color-primary);--color-secondary-dark:var(--color-secondary);--color-border:#e2e8f0;--color-border-subtle:#f1f5f9;--color-border-glow:rgba(8,145,178,.2);--color-morale-green:#16a34a;--color-morale-yellow:#ca8a04;--color-morale-red:#dc2626;--color-morale-unknown:#94a3b8;--glow-primary:0 1px 3px rgba(8,145,178,.15);--glow-primary-strong:0 2px 8px rgba(8,145,178,.2);--glow-alert:0 1px 3px rgba(220,38,38,.15);--glow-success:0 1px 3px rgba(22,163,74,.15);--glow-card-hover:0 2px 8px rgba(0,0,0,.06);--glass-bg:hsla(0,0%,100%,.9);--glass-border:1px solid rgba(8,145,178,.1);--glass-blur:blur(12px);--glass-elevated-bg:rgba(241,245,249,.95);--glass-elevated-border:1px solid rgba(8,145,178,.12);--glass-elevated-blur:blur(16px);--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 2px 4px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-lg:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04)}[data-theme=light] ::-webkit-scrollbar-track{background:var(--color-bg-base)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:10px 36px 10px 12px;font-family:var(--font-mono);font-size:var(--text-body);font-weight:var(--weight-medium);letter-spacing:.2px;color:var(--color-text-primary);background-color:var(--glass-elevated-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-medium);cursor:pointer;transition:border-color .2s,box-shadow .2s,background-color .2s;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2300F0FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}select:hover{border-color:var(--color-border-glow);box-shadow:var(--glow-primary);background-color:var(--color-bg-elevated)}select:focus,select:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--glow-primary-strong)}select option{background-color:var(--color-bg-elevated);color:var(--color-text-primary)}.dropdown-trigger,select option{padding:8px 12px;font-family:var(--font-mono)}.dropdown-trigger{display:flex;align-items:center;gap:8px;font-size:var(--text-small);font-weight:var(--weight-medium);letter-spacing:.3px;color:var(--color-text-secondary);background:var(--glass-elevated-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-medium);cursor:pointer;transition:border-color .2s,box-shadow .2s,color .2s,background-color .2s}.dropdown-trigger:hover{border-color:var(--color-border-glow);box-shadow:var(--glow-primary);color:var(--color-primary);background-color:var(--color-bg-elevated)}.dropdown-trigger[aria-expanded=true]{border-color:var(--color-primary);box-shadow:var(--glow-primary-strong);color:var(--color-primary)}.dropdown-panel{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;padding:4px 0;background:var(--glass-elevated-bg);backdrop-filter:var(--glass-elevated-blur);-webkit-backdrop-filter:var(--glass-elevated-blur);border:1px solid rgba(0,240,255,.15);border-radius:var(--radius-small);box-shadow:0 8px 32px rgba(0,0,0,.4),var(--glow-primary);z-index:50;animation:dropdown-enter .15s ease-out;overflow:hidden}.dropdown-panel .dropdown-item{display:block;width:100%;padding:10px 14px 10px 16px;font-family:var(--font-mono);font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--color-text-primary);text-decoration:none;border:none;border-left:2px solid transparent;border-radius:0;background:transparent;cursor:pointer;text-align:left;transition:background-color .15s,color .15s,border-color .15s;letter-spacing:.3px;text-transform:uppercase;position:relative}.dropdown-panel .dropdown-item:hover{background-color:var(--color-primary-muted);color:var(--color-primary);border-left-color:var(--color-primary)}.dropdown-panel .dropdown-item:active{background-color:rgba(0,240,255,.1)}.dropdown-panel .dropdown-item--danger{color:var(--color-alert)}.dropdown-panel .dropdown-item--danger:hover{background-color:var(--color-alert-muted);color:var(--color-alert);border-left-color:var(--color-alert)}.dropdown-panel .dropdown-divider{height:1px;background:linear-gradient(90deg,var(--color-primary-muted),var(--color-border-glow),transparent);margin:4px 0}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.dropdown-panel{animation:none}}[data-theme=light] select{background-color:var(--color-bg-elevated);-webkit-backdrop-filter:none;backdrop-filter:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%230891B2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-theme=light] select:hover{border-color:var(--color-border-glow);box-shadow:var(--glow-primary)}[data-theme=light] .dropdown-panel,[data-theme=light] .dropdown-trigger{background:var(--color-bg-surface);-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=light] .dropdown-panel{border-color:var(--color-border);box-shadow:var(--shadow-lg),var(--glow-primary)}