*{box-sizing:border-box}body{margin:0;background:#070707;color:#eee;font-family:Arial,sans-serif}a{color:#e7bd6b}.login,.panel{max-width:980px;margin:8vh auto;padding:28px}.login{max-width:420px;border:1px solid #3b3020;border-radius:18px;background:#0d0d0d}.login h1,.panel h1{color:#e7bd6b}form{display:grid;gap:14px}input{width:100%;padding:14px;border-radius:10px;border:1px solid #444;background:#111;color:#fff}button{padding:14px;border:1px solid #d5a84e;border-radius:999px;background:#17120a;color:#f0c979;font-weight:700}.err,.ok{padding:12px;margin:12px 0;border-radius:10px;background:#241111}.ok{background:#102114}.bar{display:flex;justify-content:space-between;align-items:center;gap:20px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cards section{padding:20px;border:1px solid #3b3020;border-radius:14px;background:#0d0d0d}.cards b{display:block;font-size:34px;color:#e7bd6b}.cards span,.muted{color:#aaa}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #222;white-space:nowrap}@media(max-width:700px){.cards{grid-template-columns:1fr 1fr}.bar{align-items:flex-start;flex-direction:column}.panel{margin:2vh auto;padding:18px}}