:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:#0b1220;color:#e5e7eb}.wrap{max-width:1100px;margin:24px auto;padding:0 16px}.header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.title{font-size:22px;font-weight:700}.badge{font-size:12px;padding:2px 6px;border:1px solid #334155;border-radius:8px;color:#9aa6b2}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:16px}.btn-group{display:flex;gap:8px}.btn{background:#101826;border:1px solid #2a3443;color:#dbe2ea;padding:8px 12px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center}.btn:hover{background:#162033}.btn-primary{background:#2563eb;border-color:#2563eb}.select{background:#101826;border:1px solid #2a3443;color:#dbe2ea;padding:8px 10px;border-radius:10px;min-width:200px}.right{display:flex;gap:10px;align-items:center}.checkbox{display:flex;gap:6px;align-items:center;font-size:14px;color:#9aa6b2}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}@media (max-width: 900px){.grid{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.grid{grid-template-columns:1fr}}.card{border-radius:14px;background:#0f172a;border:1px solid #253044;padding:14px;display:flex;align-items:center;justify-content:space-between}.card-title{font-size:12px;color:#9aa6b2}.card-value{font-size:22px;font-weight:700;margin-top:6px}.panel{border-radius:14px;background:#0f172a;border:1px solid #253044;padding:12px}.panel-head{display:flex;align-items:center;justify-content:space-between;color:#c7d1db;margin:6px 2px 10px}.muted{color:#9aa6b2;font-size:13px}.error{margin-top:8px;color:#fca5a5}.foot{margin-top:18px;color:#9aa6b2;font-size:12px}