:root{font:15px/1.5 system-ui,sans-serif;color:#202020;background:#f7f7f7}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:40px auto;padding:0 20px}.login{max-width:520px;margin-top:70px}header{display:flex;gap:20px;align-items:flex-start;justify-content:space-between}h1{font-size:25px;margin:0 0 5px}h2{font-size:17px;margin:0 0 14px}p{color:#555;margin:8px 0 14px}.box{padding:22px;border:1px solid #ddd;background:white;border-radius:5px}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.credentials{display:grid;gap:10px}input,button{font:inherit;padding:10px 12px;border:1px solid #aaa;border-radius:4px}input{width:100%;background:white}button{cursor:pointer;background:#252525;color:white}.credentials button{margin-top:12px}strong{font-size:28px;font-weight:600}dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:0}dt{color:#555}dd{margin:0;text-align:right;overflow-wrap:anywhere}.error{padding:12px;background:#fff0f0;border:1px solid #dda5a5;color:#8e1818}#status{padding:10px 0}@media(max-width:650px){main{margin:24px auto;padding:0 14px}.metrics{grid-template-columns:1fr}.box{padding:18px}h1{font-size:22px}strong{font-size:25px}header{gap:10px}}