*{box-sizing:border-box}body{margin:0;background:#111;color:#e5e5e5;font:16px Arial,sans-serif}header{background:#1b1b1b;border-bottom:3px solid #9c2323;padding:24px;text-align:center}h1{margin:0;letter-spacing:2px}h1 span,h2{color:#e45a5a}header p,footer{color:#999}main{max-width:1000px;margin:24px auto;padding:0 14px}section,article{background:#1e1e1e;border:1px solid #393939;border-radius:6px;padding:20px;margin-bottom:16px}#auth{max-width:430px;margin:30px auto}input,select,button{font:inherit;padding:11px;margin:5px 4px 5px 0;border-radius:4px}input,select{background:#101010;color:#fff;border:1px solid #555;max-width:100%}#auth input{display:block;width:100%}button{background:#902323;color:white;border:1px solid #ba4242;cursor:pointer}button:hover{background:#b32c2c}.actions{display:flex;gap:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.stats div{background:#242424;padding:16px;border-left:3px solid #c83d3d}.stats strong{display:block;font-size:22px;margin-top:7px}.columns{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.columns article{margin:0}#message{padding:12px;color:#ffbd7a}nav{text-align:right}li{padding:5px}footer{text-align:center;padding:30px}@media(max-width:650px){.stats,.columns{grid-template-columns:1fr 1fr}.stats strong{font-size:18px}}@media(max-width:430px){.stats,.columns{grid-template-columns:1fr}}