*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#09090b;--bg-secondary:#111114;--bg-card:#18181b;--bg-card-hover:#1f1f23;--bg-elevated:#27272a;--border:hsla(0,0%,100%,.06);--border-hover:hsla(0,0%,100%,.12);--border-active:hsla(0,0%,100%,.18);--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#52525b;--accent:#6366f1;--accent-light:#818cf8;--accent-dim:rgba(99,102,241,.12);--accent-glow:rgba(99,102,241,.25);--green:#22c55e;--green-dim:rgba(34,197,94,.12);--red:#ef4444;--red-dim:rgba(239,68,68,.12);--orange:#f59e0b;--orange-dim:rgba(245,158,11,.12);--blue:#3b82f6;--blue-dim:rgba(59,130,246,.12);--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--font-sans:"Inter","Noto Sans SC",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",ui-monospace,monospace;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 30px rgba(0,0,0,.5);--shadow-glow:0 0 20px var(--accent-glow)}[data-theme=light]{--bg-primary:#fafafa;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f4f4f5;--bg-elevated:#fff;--border:rgba(0,0,0,.08);--border-hover:rgba(0,0,0,.15);--border-active:rgba(0,0,0,.22);--text-primary:#09090b;--text-secondary:#52525b;--text-muted:#a1a1aa;--accent:#6366f1;--accent-light:#4f46e5;--accent-dim:rgba(99,102,241,.08);--accent-glow:rgba(99,102,241,.15);--green-dim:rgba(34,197,94,.08);--red-dim:rgba(239,68,68,.08);--orange-dim:rgba(245,158,11,.08);--blue-dim:rgba(59,130,246,.08);--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 30px rgba(0,0,0,.1)}html{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{min-height:100vh}a{color:var(--accent-light);text-decoration:none;transition:color .15s}a:hover{color:var(--accent)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;transition:border-color .15s,box-shadow .15s}.card:hover{border-color:var(--border-hover)}.btn{align-items:center;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .15s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-light);box-shadow:var(--shadow-glow)}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-card);border-color:var(--border-hover);color:var(--text-primary)}.btn-ghost{background:transparent;border:none;color:var(--text-muted);padding:6px 10px}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary)}.input-field{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.input-field::-moz-placeholder{color:var(--text-muted)}.input-field::placeholder{color:var(--text-muted)}.label{color:var(--text-muted);display:block;font-size:12px;font-weight:500;letter-spacing:.02em;margin-bottom:6px}.stat-value{font-family:var(--font-mono);font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.2}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-orange{color:var(--orange)}.text-blue{color:var(--blue)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.badge{align-items:center;border-radius:100px;display:inline-flex;font-size:11px;font-weight:500;letter-spacing:.01em;padding:2px 8px}.badge-green{background:var(--green-dim);color:var(--green)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-orange{background:var(--orange-dim);color:var(--orange)}.badge-blue{background:var(--blue-dim);color:var(--blue)}.badge-accent{background:var(--accent-dim);color:var(--accent-light)}.divider{background:var(--border);height:1px;margin:16px 0}.section-title{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.06em;margin-bottom:16px;text-transform:uppercase}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .3s ease-out}.page-enter-active,.page-leave-active{transition:opacity .15s,transform .15s}.page-enter-from{opacity:0;transform:translateY(4px)}.page-leave-to{opacity:0}.container{margin:0 auto;max-width:1200px;padding:0 24px}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}