@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap');
:root{--dark:#252933;--blue:#2eafe8;--violet:#6273f5;--cyan:#39ced5;--line:#dce5eb;--muted:#748294}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Arial,sans-serif;background:#edf2f5;color:var(--dark)}a{text-decoration:none;color:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.shell aside{background:var(--dark);color:#fff;padding:25px 18px;display:flex;flex-direction:column}.logo{display:block;border-bottom:1px solid #ffffff18;padding:0 8px 18px}.logo img{width:170px}.shell nav{display:flex;flex-direction:column;gap:5px;padding-top:24px}.shell nav a{padding:12px;border-radius:9px;color:#aeb8c7;font-size:13px;font-weight:700}.shell nav a:hover{background:#ffffff0e;color:#fff}.logout{margin-top:auto;color:#99a6b8;font-size:12px;padding:12px}.shell main{padding:0 30px;min-width:0}.shell header{height:95px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8e1e7}.shell header small,.panel-head small{font-size:9px;letter-spacing:.14em;color:#168fc7;font-weight:800}.shell h1{font-size:24px;margin:5px 0}.identity{display:flex;flex-direction:column;align-items:flex-end;font-size:11px}.identity span{color:var(--muted);font-size:9px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 15px}.kpis article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column}.kpis small{font-size:8px;color:#7c8997;font-weight:800}.kpis strong{font-size:29px;margin:8px 0}.kpis span{font-size:9px;color:var(--muted)}.kpis .ok strong{color:#16a34a}.kpis .warn strong{color:#d88905}.kpis .bad strong{color:#dc3030}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:15px;overflow:hidden}.panel-head{min-height:68px;padding:16px 20px;display:flex;align-items:center;border-bottom:1px solid #e5ebef}.panel-head h2{font-size:16px;margin:4px 0}.table{overflow:auto}.row{min-width:650px;min-height:60px;padding:0 20px;display:grid;grid-template-columns:1.5fr 1fr .7fr 1fr;gap:12px;align-items:center;border-bottom:1px solid #edf1f3;font-size:10px;color:#687786}.row.head{min-height:34px;background:#f8fafb;font-size:8px;text-transform:uppercase}.row b{color:#303a46;display:flex;flex-direction:column}.row b small{color:#7f8c99;font-size:8px;margin-top:3px}.row.clients{grid-template-columns:2fr 1fr 1fr}.status{width:max-content;padding:5px 8px;border-radius:20px;font-size:8px;font-weight:800}.status.online{background:#e7f8ed;color:#168b43}.status.warning{background:#fff5df;color:#ba7606}.status.offline{background:#ffebeb;color:#c92b2b}.status.unknown{background:#edf1f4;color:#697684}.events{padding:5px 20px}.events article{display:grid;grid-template-columns:10px 1fr auto;gap:10px;padding:13px 0;border-bottom:1px solid #edf1f3}.events i{width:7px;height:7px;border-radius:50%;margin-top:5px;background:#94a3b8}.events i.online{background:#22c55e}.events i.warning{background:#f59e0b}.events i.offline{background:#ef4444}.events b{font-size:10px}.events p,.events time{font-size:9px;color:var(--muted);margin:3px 0}.two{display:grid;grid-template-columns:1.3fr .7fr;gap:15px}.forms{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.forms form{padding-bottom:18px}.forms label{display:flex;flex-direction:column;gap:6px;margin:12px 18px;font-size:9px;font-weight:700}.forms input,.forms select{height:38px;border:1px solid var(--line);border-radius:8px;padding:0 10px;font:inherit;font-size:10px}.forms button,.login-card button{border:0;border-radius:8px;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;padding:12px 16px;font-weight:800;margin:5px 18px}.notice{background:#e9f9f3;border:1px solid #ccefe1;padding:13px;border-radius:9px;margin-top:18px;font-size:11px}.notice code{display:block;margin-top:8px;background:#fff;padding:10px;word-break:break-all}.empty{padding:20px;color:var(--muted);font-size:10px}.auth{min-height:100vh;background:linear-gradient(135deg,#292d36,#505154 55%,#303641);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:7vw;color:#fff}.auth-brand{max-width:620px}.auth-brand img{width:220px}.auth-brand h1{font-size:52px;line-height:1.1;letter-spacing:-.05em}.auth-brand p{color:#ccd6e2;line-height:1.7}.login-card{background:#fff;color:var(--dark);padding:40px;border-radius:17px;max-width:470px;width:100%;justify-self:end;box-shadow:0 35px 90px #0005}.login-card>small{color:#168fc7;font-weight:800;letter-spacing:.15em}.login-card h2{font-size:25px;margin-bottom:7px}.login-card>p,.login-card>span{font-size:10px;color:var(--muted)}.login-card label{display:flex;flex-direction:column;gap:7px;margin:20px 0;font-size:11px;font-weight:700}.login-card input{height:45px;border:1px solid var(--line);border-radius:9px;padding:0 12px}.login-card button{width:100%;margin:8px 0 16px}.login-card>a{display:block;text-align:center;color:#168fc7;font-size:10px;margin-bottom:20px}.error{background:#ffebeb;color:#b42323;padding:11px;border-radius:8px;font-size:10px}
.row.device-admin{grid-template-columns:1.5fr 1.3fr .7fr .5fr}.row.device-admin form{margin:0}.delete-button{border:1px solid #fecaca;border-radius:7px;background:#fff;color:#c92b2b;padding:7px 11px;font:inherit;font-weight:800;cursor:pointer}.delete-button:hover{background:#ffebeb}.notice small{display:block;margin-top:7px;color:#527064}
.key-modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#0f172acc;backdrop-filter:blur(4px)}.key-modal{position:relative;width:min(560px,100%);border-radius:18px;background:#fff;padding:34px;box-shadow:0 28px 80px #0007}.key-modal>small{color:#168fc7;font-size:9px;font-weight:800;letter-spacing:.15em}.key-modal h2{margin:7px 35px 8px 0;font-size:23px}.key-modal p{color:var(--muted);font-size:11px;line-height:1.65}.key-modal code{display:block;margin:20px 0;padding:16px;border:1px solid #d8e3ed;border-radius:10px;background:#f8fafc;color:#0f172a;font-size:13px;line-height:1.5;word-break:break-all;user-select:all}.key-modal-close{position:absolute;right:18px;top:15px;border:0;background:transparent;color:#64748b;font-size:28px;cursor:pointer}.key-modal-actions{display:flex;gap:10px;flex-wrap:wrap}.key-modal-actions button{border-radius:9px;padding:12px 17px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.copy-key-button{border:0;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff}.copy-key-button.copied{background:#16a34a}.close-key-button{border:1px solid #d8e3ed;background:#fff;color:#475569}
@media(max-width:950px){.shell{grid-template-columns:75px 1fr}.logo img{width:52px;object-fit:cover;object-position:left}.shell nav a{font-size:0}.shell nav a:before{content:'•';font-size:18px}.two,.forms{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.auth{grid-template-columns:1fr}.auth-brand{display:none}.login-card{justify-self:center}.shell main{padding:0 14px}}