:root{--bg: #0a0a0f;--surface: #111118;--surface2: #16161f;--border: #1e1e2e;--accent: #7fff6e;--accent2: #4fd1c5;--accent3: #f6ad55;--accent-red: #fc8181;--text: #e8e8f0;--text-muted: #7a7a95;--text-dim: #4a4a65;--font-display: "Syne", sans-serif;--font-mono: "DM Mono", monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--radius: 12px;--radius-sm: 6px}[data-theme=clean]{--bg: #0d0d14;--surface: #14141d;--surface2: #1a1a26;--border: #28283a;--accent: #7fff6e;--accent2: #4fd1c5;--accent3: #f6ad55;--accent-red: #fc8181;--text: #eeeeff;--text-muted: #8b8ba8;--text-dim: #6a6a85;--font-display: "Inter", "Syne", sans-serif;--font-mono: "JetBrains Mono", "DM Mono", monospace;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-lg: 17px;--radius: 12px;--radius-sm: 6px}.content-area{max-width:1100px;margin:0 auto;padding:32px 24px}.header-row{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:28px}.tab-nav{display:flex;gap:2px;margin-bottom:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px;width:fit-content;overflow-x:auto}.tab-nav-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:4px;font-size:13px;font-weight:600;white-space:nowrap}.tab-nav-btn.active{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.tab-nav-btn.inactive{background:transparent;color:var(--text-muted);border:1px solid transparent}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.tab-nav{width:100%;flex-wrap:wrap}.tab-nav-btn{flex:1 1 auto;justify-content:center}}@media (max-width: 480px){.content-area{padding:16px 12px}.header-row{flex-direction:column;align-items:stretch}.stats-grid{grid-template-columns:1fr;gap:8px}.tab-nav{flex-direction:column;gap:4px;padding:6px}.tab-nav-btn{justify-content:flex-start;padding:10px 14px;font-size:14px;min-height:44px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-display);font-size:var(--font-size-base);min-height:100vh;overflow-x:hidden;line-height:1.5}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(127,255,110,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(127,255,110,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}#root{position:relative;z-index:1}button{font-family:var(--font-display);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font-mono);background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:10px 14px;width:100%;font-size:var(--font-size-sm);transition:border-color .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.fade-in{animation:fadeIn .4s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}