:root{--gray-950: #050508;--gray-900: #0b0c10;--gray-850: #111317;--gray-800: #151820;--gray-750: #181c24;--gray-700: #1e2230;--gray-600: #2a3040;--gray-500: #3a4154;--gray-400: #5b6782;--gray-300: #7d88a3;--gray-200: #a4aec2;--gray-150: #c2cad8;--gray-100: #d7dde8;--gray-50: #f2f4f8;--primary-50: #e6f6ff;--primary-100: #c2e9ff;--primary-200: #7acfff;--primary-300: #38baff;--primary-400: #00aaff;--primary-500: #0099ff;--primary-600: #007acc;--primary-700: #005c99;--secondary-300: #9ea6ff;--secondary-400: #7a84ff;--secondary-500: #5a64ff;--success: #4ade80;--warning: #facc15;--danger: #fb4e5c;--info: #38bdf8;--chart-bar-muted: #353743;--chart-bar-active: #0099ff;--card-gradient-start: #141414;--card-gradient-end: #0099ff;--sidebar-highlight: #0f1e35;--table-row-hover: #0d1726;--bg: var(--gray-900);--surface: var(--gray-800);--surface-hover: var(--gray-750);--border: var(--gray-750);--border-subtle: var(--gray-700);--text-primary: var(--gray-50);--text-secondary: var(--gray-300);--text-muted: var(--gray-400);--icon-default: var(--gray-400);--icon-active: var(--primary-500);--font-base: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--shadow-sm: 0 4px 12px rgba(0,0,0,.18);--shadow-md: 0 12px 30px rgba(0,0,0,.28);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:var(--font-base);background:var(--bg);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary-400);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-base);font-size:12px;font-weight:500;border:none;cursor:pointer;transition:all .15s ease;border-radius:var(--radius-pill);white-space:nowrap;outline:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{height:30px;padding:0 10px}.btn-md{height:36px;padding:0 14px}.btn-lg{height:42px;padding:0 20px;font-size:14px}.btn-primary{background:var(--primary-500);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-400)}.btn-secondary{background:var(--gray-700);color:var(--gray-100)}.btn-secondary:hover:not(:disabled){background:var(--gray-600)}.btn-ghost{background:transparent;color:var(--gray-300)}.btn-ghost:hover:not(:disabled){background:var(--gray-800);color:var(--gray-100)}.btn-danger{background:#fb4e5c1f;color:var(--danger)}.btn-danger:hover:not(:disabled){background:#fb4e5c33}.btn-icon{width:32px;height:32px;padding:0;border-radius:var(--radius-md);justify-content:center}.input{width:100%;background:var(--gray-800);border:1.5px solid transparent;border-radius:var(--radius-lg);padding:8px 12px;font-family:var(--font-base);font-size:14px;color:var(--text-primary);transition:border-color .15s ease;outline:none}.input::placeholder{color:var(--gray-400)}.input:focus{border-color:var(--primary-500)}.input.error{border-color:var(--danger)}.input-mono{font-family:var(--font-mono);font-size:13px}.textarea{resize:vertical;min-height:200px;line-height:1.6}.panel{background:var(--surface);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:500;letter-spacing:.02em}.badge-neutral{background:#a1aec21f;color:var(--gray-300)}.badge-positive{background:#4ade801f;color:var(--success)}.badge-warning{background:#facc151f;color:var(--warning)}.badge-danger{background:#fb4e5c1f;color:var(--danger)}.badge-info{background:#38bdf81f;color:var(--info)}.badge-primary{background:#0099ff1f;color:var(--primary-400)}.alert{padding:12px 14px;border-radius:var(--radius-lg);border-left:3px solid;font-size:13px;line-height:1.5}.alert-danger{background:#fb4e5c14;border-color:var(--danger);color:#f9a3aa}.alert-success{background:#4ade8014;border-color:var(--success);color:#a7f3c4}.alert-warning{background:#facc1514;border-color:var(--warning);color:#fde68a}.alert-info{background:#38bdf814;border-color:var(--info);color:#a5d8f7}.chip{display:inline-flex;align-items:center;background:var(--gray-750);border:1.5px solid transparent;border-radius:var(--radius-pill);padding:3px 10px;font-size:11px;font-weight:500;cursor:pointer;color:var(--gray-300);transition:all .15s}.chip:hover{background:var(--gray-700);color:var(--gray-100)}.chip.active{background:#0099ff26;border-color:var(--primary-500);color:var(--primary-400)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.form-error{font-size:12px;color:var(--danger)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.text-muted{color:var(--text-muted);font-size:12px}.text-sm{font-size:12px}.text-xs{font-size:11px}.font-mono{font-family:var(--font-mono)}.divider{height:1px;background:var(--border);margin:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-600);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:18px;height:18px;border:2px solid var(--gray-700);border-top-color:var(--primary-500);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeIn .2s ease forwards}@keyframes copiedPop{0%{transform:scale(.9)}50%{transform:scale(1.05)}to{transform:scale(1)}}.copied-pop{animation:copiedPop .2s ease}