:root { color-scheme: dark; }
body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background: #0b1020; color: #e6ecff; }
.container { max-width: 1100px; margin: 0 auto; padding: 24px; }
h1 { margin: 0 0 6px; }
.muted { color: #96a3c8; }
.small { font-size: 13px; }
.cards { display: grid; grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); gap: 12px; margin: 16px 0; }
.card, .panel { background: #131a31; border: 1px solid #263056; border-radius: 12px; padding: 14px; }
.label { color: #9fb0dd; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
.value { font-size: 28px; font-weight: 700; margin-top: 4px; }
.panel { margin-bottom: 14px; }
.grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 10px; margin-bottom: 10px; }
label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: #aeb9df; }
input { background: #0f1630; color: #dbe6ff; border: 1px solid #33437a; border-radius: 8px; padding: 8px 10px; }
button { background: #4b7cff; color: white; border: 0; border-radius: 8px; padding: 10px 14px; font-weight: 600; cursor: pointer; }
button:hover { opacity: .92; }
code { background: #10162d; padding: 2px 6px; border-radius: 6px; }