*{box-sizing:border-box} body{margin:0;font-family:system-ui,Arial,sans-serif;background:#121212;color:#eee}
a{color:#9bd} .ok{color:#9f9} .err{color:#f99} .hint{color:#ccc}
.centered{display:flex;min-height:100vh;align-items:center;justify-content:center}
.card{background:#1e1e1e;border-radius:12px;padding:20px;max-width:420px;width:100%;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.card h2,h3{margin-top:0}
input,button,select{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #333;background:#181818;color:#eee;margin:8px 0}
button{background:#2f7cff;border:none;cursor:pointer}
button:hover{filter:brightness(1.1)}
.btn{display:inline-block;background:#2f7cff;padding:8px 14px;border-radius:8px}
.btn-secondary{display:inline-block;background:#333;padding:8px 14px;border-radius:8px;color:#ddd}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#181818;border-bottom:1px solid #222}
.wrap{padding-bottom:40px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:1100px;margin:20px auto;padding:0 16px}
.span2{grid-column:span 2}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;border-bottom:1px solid #2a2a2a;text-align:left}
th{background:#181818}
.full{width:100%}
.stat{font-size:28px;margin:0}
@media (max-width:800px){.grid{grid-template-columns:1fr}.span2{grid-column:span 1}}