:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#18212f;background:#f3f6fa;--blue:#2357d9;--green:#16845b;--yellow:#b77905;--red:#c3323a;--muted:#687386;--line:#dde3ec}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,#dfe9ff,transparent 40%),#f3f6fa}.login-card{width:min(420px,100%);padding:38px;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px #27365318}.login-card h1{margin:18px 0 4px;font-size:24px;letter-spacing:.06em}.login-card p,.title-row p,.dialog-head p{color:var(--muted);margin:0 0 26px}.brand-mark{width:48px;height:48px;display:inline-grid;place-items:center;border-radius:13px;background:var(--blue);color:white;font-weight:800}.brand-mark.small{width:34px;height:34px;border-radius:9px;margin-right:10px}.login-card label,dialog label{display:grid;gap:7px;margin:16px 0;font-size:13px;font-weight:650;color:#4b5668}input{width:100%;border:1px solid #cfd7e3;border-radius:9px;padding:12px;background:white;outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2357d91c}.primary,.danger,.ghost,.danger-outline{border:0;border-radius:9px;padding:11px 16px;font-weight:750}.primary{background:var(--blue);color:white}.danger{background:var(--red);color:white}.ghost{background:#eef2f7;color:#354052}.danger-outline{color:var(--red);border:1px solid #e8a7ab;background:white}.login-card .primary{width:100%;margin-top:12px}.form-error{color:var(--red);min-height:22px;margin-top:10px;font-size:14px}header{height:66px;background:#101827;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));position:sticky;top:0;z-index:5}header>div{display:flex;align-items:center;letter-spacing:.05em}.content{max-width:1240px;margin:auto;padding:36px 24px}.title-row,.toolbar,.dialog-head,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.title-row h1{margin:0 0 5px}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:24px 0}.metric{background:white;border:1px solid var(--line);border-radius:12px;padding:18px}.metric span{display:block;color:var(--muted);font-size:13px}.metric strong{font-size:28px}.toolbar{margin:24px 0}.toolbar>input{max-width:650px}.check{display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--muted);font-size:14px}.check input{width:auto}.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.device-card{background:white;border:1px solid var(--line);border-radius:14px;padding:20px}.card-top,.state-grid,.card-actions{display:flex;justify-content:space-between;gap:12px}.device-card h2{font-size:18px;margin:0 0 4px}.sub{color:var(--muted);font-size:14px}.status{font-size:12px;font-weight:800}.online{color:var(--green)}.offline{color:#6d7480}.state-grid{margin:20px 0;padding:14px;background:#f7f9fc;border-radius:10px}.state-block span{display:block;color:var(--muted);font-size:12px}.state-value{font-weight:800;margin-top:4px}.active{color:var(--green)}.warning{color:var(--yellow)}.restricted{color:var(--red)}.sync{font-size:13px;text-align:right}.card-actions{flex-wrap:wrap}.card-actions button{flex:1;min-width:100px;border:1px solid var(--line);background:white;border-radius:8px;padding:9px;font-weight:700}.card-actions .restrict{color:var(--red);border-color:#efc1c4}.empty{text-align:center;color:var(--muted);padding:50px}.toast{position:fixed;right:20px;bottom:20px;z-index:20;background:#172033;color:white;padding:14px 18px;border-radius:10px;box-shadow:0 12px 35px #0003;opacity:0;transform:translateY(15px);transition:.2s;pointer-events:none;max-width:420px}.toast.show{opacity:1;transform:none}.toast.error{background:#92272d}dialog{width:min(540px,calc(100% - 28px));border:0;border-radius:16px;padding:24px;box-shadow:0 24px 80px #10182745}dialog::backdrop{background:#10182799}.dialog-head h2{margin:0 0 4px}.icon{border:0;background:transparent;font-size:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-actions{justify-content:flex-end;margin-top:24px}.token{display:block;padding:18px;overflow-wrap:anywhere;background:#101827;color:#dce7ff;border-radius:10px;font-size:16px}.eyebrow{font-size:12px;font-weight:800;color:var(--muted)}.details-dialog{width:min(760px,calc(100% - 28px))}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail{background:#f7f9fc;border-radius:9px;padding:12px}.detail span{font-size:12px;color:var(--muted);display:block}.detail strong{display:block;margin-top:4px}.history{border-left:2px solid var(--line);margin-left:7px}.history-item{padding:0 0 18px 20px;position:relative}.history-item:before{content:"";position:absolute;left:-6px;top:5px;width:10px;height:10px;background:var(--blue);border-radius:50%}.history-item p{margin:3px 0;color:var(--muted);font-size:13px}.danger-zone{border:1px solid #edc6c9;background:#fff8f8;padding:16px;border-radius:10px;margin-top:20px}.danger-zone p{color:#7e4d50}.last-contact{font-size:13px;color:var(--muted);margin:12px 0}.pending{color:var(--yellow)}.applied{color:var(--green)}@media(max-width:900px){.metrics{grid-template-columns:repeat(3,1fr)}.device-grid{grid-template-columns:1fr}}@media(max-width:600px){.content{padding:24px 14px}.title-row,.toolbar{align-items:stretch;flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}.form-grid,.details-grid{grid-template-columns:1fr}.card-top{flex-direction:column}.card-actions button{min-width:calc(50% - 8px)}}