:root{--bg:#0b1220;--text:#e6eefc;--muted:#9fb2d6;--accent:#4f8cff;--good:#2ecc71;--bad:#ff4d4f;--border:rgba(255,255,255,.08);--shadow:0 10px 30px rgba(0,0,0,.35);--radius:14px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:radial-gradient(1200px 800px at 10% 10%,rgba(79,140,255,.18),transparent 60%),radial-gradient(900px 700px at 90% 20%,rgba(46,204,113,.1),transparent 55%),var(--bg);color:var(--text)}.container{max-width:1200px;margin:0 auto;padding:16px}.card{background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:12px}.h1{font-size:22px;font-weight:700}.h2{font-size:16px;font-weight:700}.p{color:var(--muted);font-size:13px;line-height:1.35}.btn{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);cursor:pointer}.btn.primary{background:#4f8cff38;border-color:#4f8cff59}.btn.danger{background:#ff4d4f2e;border-color:#ff4d4f4d}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#0003;color:var(--text);outline:none}.badge{padding:3px 8px;border-radius:999px;border:1px solid var(--border);font-size:12px;color:var(--muted)}.grid{display:grid;gap:12px}@media (min-width:768px){.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,1fr)}}.divider{height:1px;background:var(--border);width:100%}.sticky-bottom{position:sticky;bottom:0;z-index:20;padding:12px;background:linear-gradient(180deg,#0b122000,#0b1220d9 35%,#0b1220f2)}pre{margin:0}