:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial; }
body { margin:0; background:#0b0c10; color:#f5f5f5; }
.container { max-width: 1100px; margin: 0 auto; padding: 24px; }
h1 { margin: 0 0 6px; font-size: 22px; }
.meta { margin-bottom: 14px; color:#b7bac5; }
.controls { display:flex; gap:10px; flex-wrap:wrap; margin: 14px 0 18px; }
select, input, button { padding:10px 12px; border-radius:10px; border:1px solid #2a2d3a; background:#11121a; color:#f5f5f5; }
button { cursor:pointer; }
.grid { display:grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.card { background:#11121a; border:1px solid #2a2d3a; border-radius:16px; padding: 14px; }
table { width:100%; border-collapse: collapse; font-size: 13px; }
th, td { padding: 8px; border-bottom: 1px solid #23263a; vertical-align: top; }
th { text-align:left; color:#b7bac5; font-weight:600; }
.muted { color:#b7bac5; }
@media (max-width: 880px){ .grid { grid-template-columns: 1fr; } }