body{margin:0;background:#101217;color:#f5f7fb;font-family:Arial,sans-serif}
.wrap{max-width:1200px;margin:auto;padding:24px}
.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.brand{font-size:24px;font-weight:800}.brand span{color:#f87816}
.btn{background:#f87816;color:#111;padding:10px 14px;border-radius:9px;text-decoration:none;font-weight:700;border:0}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}
.card,.box{background:#171a21;border:1px solid #2b3140;border-radius:14px;padding:18px}
.n{font-size:30px;font-weight:800;margin-top:8px}.muted{color:#9da6b5}
table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #2b3140;text-align:left}
input{width:100%;padding:11px;background:#0f1116;color:white;border:1px solid #2b3140;border-radius:8px;margin:6px 0 14px}
@media(max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}}