:root{--bg:#0b1020;--panel:#111a33;--panel2:#0f1730;--text:#e9eefc;--muted:#aab5d6;--accent:#6aa6ff;--good:#47d18c;--bad:#ff6b6b;--warn:#ffd166;--border:rgba(255,255,255,.1)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:radial-gradient(1200px 800px at 20% 0%,#18265a 0%,var(--bg) 50%)}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:20px}.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff0f,#ffffff05);border-radius:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.4px}.badge{font-size:12px;color:var(--muted);padding:3px 8px;border:1px solid var(--border);border-radius:999px}.navlinks{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#ffffff0d;cursor:pointer;color:var(--text)}.btn.primary{background:#6aa6ff2e;border-color:#6aa6ff59}.btn.good{background:#47d18c2e;border-color:#47d18c59}.btn.bad{background:#ff6b6b24;border-color:#ff6b6b59}.btn:disabled{opacity:.5;cursor:not-allowed}.hero{margin-top:18px;display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.card{border:1px solid var(--border);background:#ffffff0a;border-radius:18px;padding:16px}.heroTitle{font-size:40px;margin:0 0 6px;line-height:1.05}.sub{color:var(--muted);margin:0}.grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tile{padding:14px;border-radius:16px;border:1px solid var(--border);background:#0000002e;display:flex;gap:12px}.tile img{width:54px;height:54px;border-radius:14px;border:1px solid var(--border);background:#ffffff0d}.tile h3{margin:0 0 4px;font-size:16px}.tile p{margin:0;color:var(--muted);font-size:13px}@media (max-width: 900px){.hero,.grid{grid-template-columns:1fr}}.kpiRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.kpi{padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:#ffffff08}.kpi .label{color:var(--muted);font-size:12px}.kpi .value{font-size:18px;font-weight:800;margin-top:2px}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#00000038;color:var(--text)}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 720px){.row{grid-template-columns:1fr}}hr{border:none;border-top:1px solid var(--border);margin:14px 0}.small{color:var(--muted);font-size:12px}.noticeBar{position:fixed;left:14px;right:14px;bottom:14px;border:1px solid var(--border);background:#0a0e1eeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:12px 14px;display:flex;gap:10px;align-items:center;justify-content:space-between;z-index:50}.noticeBar .text{color:var(--muted);font-size:13px;line-height:1.25}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px;z-index:60}.modal{max-width:820px;width:100%;border:1px solid var(--border);background:#0a0e1ef7;border-radius:18px;padding:16px}