:root{color-scheme:dark;font-family:Inter,system-ui;background:#070b14;color:#eef2ff}
*{box-sizing:border-box}
body{margin:0}
header,main{max-width:1180px;margin:auto;padding:20px}
header{display:flex;gap:18px;align-items:center}
a{color:#9fc4ff}
.panel,.card,.summary{background:#111827;border:1px solid #27344d;border-radius:16px;padding:16px}
.panel{display:flex;align-items:end;gap:14px;flex-wrap:wrap}
.panel label{display:grid;gap:7px}
.panel select{min-width:260px}
.primary,button{background:#2563eb;color:white;border:0;border-radius:10px;padding:10px 14px;text-decoration:none;cursor:pointer}
button:disabled{opacity:.55}
.summary{margin:18px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.metric{background:#0b1220;border-radius:12px;padding:12px}
.metric div{margin:6px 0;font-size:18px;font-weight:750}
.metric small{color:#9aa8bf}
.orders{display:grid;gap:12px}
.card{display:grid;grid-template-columns:1fr auto;gap:14px}
.card h3{margin:0 0 6px}
.meta{color:#9aa8bf;font-size:14px}
.badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.badge{border:1px solid #334155;border-radius:999px;padding:4px 8px;font-size:12px}
.ok{color:#86efac}.bad{color:#fca5a5}.pending{color:#fde68a}
.operation{display:grid;gap:5px;margin-top:12px;padding:11px 12px;border-radius:11px;background:#0b1220;border:1px solid #27344d;color:#b7c2d4;font-size:13px}
.operation strong{color:#ddd6fe}
.empty{padding:28px;border:1px dashed #334155;border-radius:14px;color:#9aa8bf;text-align:center}
@media(max-width:700px){.card{grid-template-columns:1fr}.panel select{min-width:0;width:100%}}