body{margin:0;background:#080808;color:#eee;font:16px Arial}header{padding:20px 6%;background:#000;border-bottom:1px solid #6b541d;display:flex;gap:15px}header b{color:#f2c34f;font-size:28px}main{max-width:980px;margin:40px auto;padding:0 20px}.card{background:#151515;border:1px solid #57451d;border-radius:14px;padding:28px;margin-bottom:20px}.hero{text-align:center}.hero h1{font-size:42px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px}input,select{padding:13px;background:#070707;color:#fff;border:1px solid #6b541d;border-radius:7px}button{padding:13px;background:#e2b73d;border:0;border-radius:7px;font-weight:bold}.key{font:700 28px monospace;color:#ffd86c;border:1px dashed #d4a92e;padding:20px;margin:20px}.flash{padding:12px;background:#571d1d}.login{max-width:450px;margin:80px auto}.table{overflow:auto}table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid #333;text-align:left}code{color:#ffd86c}footer{text-align:center;color:#777;padding:30px}@media(max-width:700px){.grid{grid-template-columns:1fr}.wide{grid-column:1}.hero h1{font-size:30px}}