:root{--ink:#0B0B0D;--ink2:#3A3B45;--mid:#6B6E7B;--line:#E6E7EE;--q:#1D4ED8;--a:#15803D;--yel:#FCBF03;--org:#FC8B05;--cor:#FC4848;--dot:#FC2E61;
  --grad:linear-gradient(90deg,#FCBF03 0%,#FC8B05 64%,#FC4848 100%);--tint:#FFF7E1;--sh:0 1px 2px rgba(11,11,13,.06),0 4px 14px rgba(11,11,13,.06)}
*{box-sizing:border-box}
html,body{margin:0;font-family:Outfit,system-ui,sans-serif;color:var(--ink);background:radial-gradient(900px 500px at 15% -10%,#E6EEFF 0%,rgba(230,238,255,0) 60%),radial-gradient(900px 600px at 100% 0%,#FFF3DC 0%,rgba(255,243,220,0) 55%),#F5F6FA;min-height:100vh}
b,strong,h1,h2,h3{font-weight:800}
button,input{font-family:inherit;font-size:16px}
.brandbar{position:relative;display:flex;align-items:center;justify-content:space-between;background:#fff;padding:10px 22px;min-height:62px;border-bottom:1px solid #EEEFF3}
.brandbar img{height:30px;display:block}
.brandbar h1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-size:28px;letter-spacing:-.015em;white-space:nowrap}
.brandbar .right{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--mid);z-index:1}
@media (max-width:760px){.brandbar{flex-direction:column;gap:6px}.brandbar h1{position:static;transform:none;font-size:24px}}
.card{background:#fff;border-radius:22px;padding:22px;box-shadow:0 8px 28px rgba(30,35,60,.08)}
.narrow{max-width:460px;margin:40px auto;padding:0 16px}
label{display:block;margin:0 0 14px;font-weight:800;font-size:14px;color:var(--ink2)}
input[type=text],input[type=password]{display:block;width:100%;margin-top:6px;padding:11px 13px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
input:focus{outline:none;border-color:var(--q)}
.btn{border-radius:999px;padding:12px 22px;font-weight:800;cursor:pointer;border:0;background:var(--grad);color:var(--ink)}
.btn.ghost{background:#fff;border:1.5px solid var(--line);padding:7px 14px;font-size:14px}
.btn:disabled{opacity:.45;cursor:not-allowed}
.hint{color:var(--mid);font-size:13px;margin:4px 0 0;font-weight:400}
.err{color:var(--dot);font-weight:800;font-size:14px;min-height:1em;margin:6px 0 12px}
.ok{color:var(--a);font-weight:800}
.meter{height:8px;border-radius:99px;background:var(--line);overflow:hidden;margin-top:8px}
.meter i{display:block;height:100%;width:0;background:var(--cor);transition:width .2s}
.meter i.s2{background:var(--org)}.meter i.s3{background:var(--yel)}.meter i.s4{background:var(--a)}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:800;background:#F1F2F6;color:var(--ink2)}
.pill.live{background:#E8F7EE;color:var(--a)}.pill.warn{background:var(--tint);color:#9A5B00}.pill.off{background:#F1F2F6;color:var(--mid)}
.dot{width:8px;height:8px;border-radius:50%;background:#C9CBD3;display:inline-block}.dot.on{background:#22C55E}