.hidden{display:none}
.container{max-width:1000px;margin:0 auto;padding:1rem}
.h1{font-size:2rem;font-weight:800;margin:0.5rem 0}
.h2{font-size:1.25rem;font-weight:700;margin:0.5rem 0}
.card{background:#0b0f18;color:#e5ecff;border:1px solid #1a2236;border-radius:16px;box-shadow:0 6px 24px rgba(0,0,0,0.25);padding:1rem;margin:1rem 0}
.btn{padding:0.5rem 0.75rem;border-radius:10px;border:1px solid #31406e;background:#131a2b;color:#e5ecff;cursor:pointer}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-top:1px solid #243055}
.badge{display:inline-block;padding:.25rem .5rem;border:1px solid #31406e;border-radius:9999px;font-size:.75rem;margin-left:.5rem}
.mono{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}
.note{font-size:.875rem;color:#9fb0e3}
.link{color:#7aa2ff;text-decoration:underline}
.flex{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.right{margin-left:auto}
input[type="number"], input[type="text"]{color:#e5ecff}
.headerbar{background:#111319;color:#e5ecff;border-bottom:1px solid #2a334f}
.bannerwrap{width:100%;border-bottom:1px solid #2a334f;background:#0b0f18}