:root{font-family:Inter,system-ui,sans-serif;color:#17211d;background:#f3f5f1}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:20px}.login{min-height:100vh;display:grid;place-items:center}.login section,.panel{background:#fff;padding:28px;border-radius:20px;box-shadow:0 8px 30px #18322112}.login section{width:min(100%,420px)}.brand-logo{display:block;width:min(100%,240px);height:auto;margin:0 auto 24px}.header-logo{display:block;width:150px;height:auto;margin-bottom:10px}h1{margin:3px 0 8px;font-size:1.7rem}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:#56715d;margin:0}.muted{color:#64706a}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}label{font-size:.86rem;font-weight:700;display:grid;gap:7px}input,select,button{font:inherit;border-radius:12px;padding:13px;border:1px solid #cfd8d0}input,select{width:100%;background:#fff}form{display:grid;gap:15px;margin-top:25px}button{background:#174d33;color:#fff;font-weight:700;min-height:48px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.quiet{background:transparent;color:#174d33}.panel{display:grid;gap:14px}.status{font-size:.88rem;color:#52605a}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#a54b40}.dot.online{background:#23955b}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:18px}.grid button{background:#e8ece8;color:#25332a;text-align:left;display:grid;gap:4px}.grid button.on{background:#198754;color:#fff}.grid button.unknown{background:#e2e3e2;color:#68736b}.grid span{font-size:.8rem}.notice,.error{padding:12px 14px;border-radius:10px}.notice{background:#daf3e4;color:#165d37}.error{background:#fae3df;color:#963b31}@media(min-width:560px){.grid{grid-template-columns:repeat(4,1fr)}}