*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#0b1020;color:#fff}header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#111936;border-bottom:1px solid #24304f}header h1{margin:0;color:#27e7ff}header p{margin:6px 0 0;color:#aab}a{color:#fff}.grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;padding:20px}.card{background:#111936;border:1px solid #24304f;border-radius:18px;padding:20px;box-shadow:0 20px 60px #0005}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #263455;text-align:left}.badge{padding:6px 10px;border-radius:50px;font-weight:bold}.online{background:#0b8f4d;color:#fff}.offline{background:#9b1c1c;color:#fff}.login-body{min-height:100vh;display:grid;place-items:center}.login-card{width:360px;background:#111936;padding:30px;border-radius:20px;border:1px solid #24304f}.login-card input,.login-card button{width:100%;padding:14px;margin-top:12px;border-radius:12px;border:0}.login-card button{background:#27e7ff;font-weight:bold;cursor:pointer}.erro{background:#8d1c1c;padding:10px;border-radius:10px}
@media(max-width:800px){.grid{grid-template-columns:1fr}table{font-size:13px}}