:root{--site-width: 1280px;--nav-h: 68px;--bg:#0b0f19;--bg-soft:#0d1324;--panel:#101827;--panel-strong:#0f172a;--text:#e9eefc;--muted:#a9b3cf;--accent:#60a5fa;--accent-2:#7dd3fc;--ok:#22c55e;--bad:#ef4444;--warn:#f59e0b;--border:#1c2746;--shadow: 0 10px 28px rgba(0,0,0,.25)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 20% -10%,#0e1630 0%,transparent 60%),radial-gradient(900px 500px at 90% -20%,#0b1532 0%,transparent 60%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;font-size:16px;overflow-x:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0 0 .6rem;line-height:1.25}p{margin:.4rem 0}.app{min-height:100%;padding-top:calc(var(--nav-h) + 6px);overflow-x:auto}.page{width:var(--site-width);margin:0 auto;padding:24px 20px}.nav{position:fixed;top:0;left:0;width:100vw;z-index:1000;background:linear-gradient(180deg,#0b1222 0% 70%,#0b122200)}.nav-wrap{width:var(--site-width);margin:0 auto;height:var(--nav-h);display:grid;grid-template-columns:max-content 1fr 320px;align-items:center;gap:6px;padding:8px 12px;position:relative}.nav-border{position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.55),transparent);border-bottom:1px solid var(--border)}.brand{display:inline-block;font-weight:800;letter-spacing:.25px;padding:6px 10px;font-size:.95rem;border:1px solid var(--border);border-radius:10px;background:var(--panel-strong);color:#f2f6ff}.nav-center{position:relative;display:block;max-width:100%;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.nav-center::-webkit-scrollbar{display:none}.nav-center:before,.nav-center:after{content:"";position:absolute;top:0;height:100%;width:28px;pointer-events:none}.nav-center:before{left:0;background:linear-gradient(90deg,#0b1222,#0b122200)}.nav-center:after{right:0;background:linear-gradient(270deg,#0b1222,#0b122200)}.nav-center a{display:inline-block;margin-right:6px;padding:8px 12px;border-radius:10px;line-height:1;color:#eef3ff;opacity:.95;border:1px solid transparent}.nav-center a:last-child{margin-right:0}.nav-center a:hover{background:#122043;border-color:#233869;color:#fff}.nav-center a.active{background:#142756;border-color:#2b4682;color:#fff;box-shadow:0 0 0 1px #7dd3fc1f inset}.nav-right{display:flex;gap:8px;justify-content:flex-end;align-items:center}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.btn{background:#18325f;border:1px solid #2a4a89;color:#eaf1ff;border-radius:10px;padding:10px 14px;cursor:pointer}.btn:hover{background:#1a3970}.btn.primary{background:#2563eb;border-color:#2b6bef}.btn.primary:hover{background:#1d4fd6}.btn.good{background:var(--ok);color:#05140a}.btn.bad{background:var(--bad)}.btn.small{padding:6px 10px;font-size:.92rem;border-radius:8px;line-height:1.1}input,select,button,textarea{background:#0e1834;border:1px solid #2a3f72;color:var(--text);border-radius:10px;padding:10px}input::placeholder,textarea::placeholder{color:#93a2c8}input:focus,select:focus,textarea:focus{outline:none;border-color:#3b5fb4;box-shadow:0 0 0 2px #60a5fa40}.tag{padding:4px 10px;border-radius:999px;border:1px solid #2a3d75;background:#0d1833;color:#e7eeff}.small{font-size:.93rem;color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.table{width:100%;border-collapse:separate;border-spacing:0 6px}.table th{text-align:left;font-weight:600;color:#f0f4ff;opacity:.92;padding:6px 8px}.table td{background:#ffffff05;border:1px solid var(--border);padding:10px 12px}.table tr td:first-child{border-radius:10px 0 0 10px}.table tr td:last-child{border-radius:0 10px 10px 0}.chart-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px;box-shadow:var(--shadow)}.flex{display:flex}.center{display:flex;align-items:center;justify-content:center}a,button{-webkit-tap-highlight-color:transparent}.btn.small{padding:5px 10px;font-size:.9rem;border-radius:8px;line-height:1.05}