:root{--nav:#0d1b2a;--blue:#1968f5;--ink:#19263b;--muted:#7e8ea7;--line:#e0e8f2;--canvas:#f4f7fb;--green:#059a70;--red:#e55a6a;--orange:#fa7b32;--purple:#8259ed;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px;background:var(--canvas)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:var(--blue);text-decoration:none}button{border:0;background:none;color:inherit}button svg{pointer-events:none}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}[hidden]{display:none!important}.primary,.secondary,.danger{border-radius:8px;padding:11px 17px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:9px}.primary{background:var(--blue);color:white}.primary:hover{background:#1258d5}.secondary{border:1px solid var(--line);background:white}.danger{background:#fff0f2;color:#c22c47}.muted,small{color:var(--muted)}small{font-size:11px;line-height:1.5}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:25px;letter-spacing:-.6px;margin-bottom:8px}h2{font-size:20px;letter-spacing:-.35px}h3{font-size:15px;font-weight:600;margin-bottom:5px}.shell{display:flex;min-height:100vh}aside{width:240px;position:fixed;inset:0 auto 0 0;background:var(--nav);padding:22px 16px 0;display:flex;flex-direction:column;color:#9eabbc;z-index:20}.brand{height:135px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;background:radial-gradient(ellipse at 65% 20%,#102f46,#030c15 80%);margin-bottom:20px}.brand img{width:65px;height:65px;margin-bottom:-4px}.brand strong{font-size:29px;letter-spacing:4px;color:#edf4fd;font-style:italic}.brand span,.wordmark span{color:#06baf6}.brand small{font-size:6px;letter-spacing:2px;color:#7aa2bd}nav{overflow-y:auto;scrollbar-width:thin;flex:1}.nav-link{display:flex;width:100%;gap:13px;align-items:center;padding:13px 14px;margin-bottom:4px;border-radius:8px;text-align:left;color:#a4afbe;font-size:13px;white-space:nowrap}.nav-link:hover{background:#162b41;color:white}.nav-link.active{background:#1b60d5;color:white}.nav-link svg{width:18px;height:18px}.sidebar-bottom{padding-top:12px;border-top:1px solid #263548;margin-top:14px}.profile{padding:18px 7px;border-top:1px solid #263548;display:flex;align-items:center;gap:10px}.profile strong{font-size:11px;color:#f7faff;display:block;max-width:125px;overflow:hidden;text-overflow:ellipsis}.profile small{font-size:10px;display:block}.avatar{width:34px;height:34px;background:#2c73e6;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:white;flex-shrink:0}.logout{margin-left:auto;font-size:21px}.workspace{margin-left:240px;min-width:0;flex:1}.topbar{background:white;border-bottom:1px solid var(--line);height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 36px;position:sticky;top:0;z-index:10}.searchbox{display:flex;gap:12px;align-items:center;min-width:170px;color:#94a3b8}.searchbox input{border:0;background:transparent;width:310px;font-size:12px;padding:10px 0}.searchbox input::placeholder{color:#a9b5c7}.top-actions{display:flex;align-items:center;gap:12px}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:white;display:inline-flex;align-items:center;justify-content:center;font-size:22px}.connection{font-size:10px;color:#7d8c9f;display:flex;align-items:center;gap:6px}.connection:before{content:'';width:6px;height:6px;background:#0eaf82;border-radius:50%}.connection.error:before{background:var(--red)}main{max-width:1450px;margin:0 auto;padding:30px 36px 20px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.page-head p{font-size:12px;margin-bottom:0;color:var(--muted)}.page-head .eyebrow{display:block;margin-bottom:9px}.date-chip{font-size:12px;color:var(--muted);background:white;border:1px solid var(--line);padding:10px 13px;border-radius:8px}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.metric{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 6px #1b315608;padding:20px 17px;display:flex;align-items:flex-start;gap:13px;min-height:112px;text-align:left;width:100%}.metric:hover{border-color:#b8d0f8;transform:translateY(-1px)}.metric-icon,.activity-icon{padding:10px;background:#eaf2ff;color:var(--blue);border-radius:10px;flex-shrink:0}.metric-icon.green{background:#e5f6ee;color:var(--green)}.metric-icon.orange{background:#fff0e5;color:var(--orange)}.metric-icon.purple{background:#f0eaff;color:var(--purple)}.metric-label{color:#7587a2;font-size:10px;letter-spacing:.15px;display:block;margin-bottom:6px}.metric strong{font-size:27px;line-height:1;font-weight:650;letter-spacing:-.8px;display:block;margin-bottom:6px}.metric small{font-size:9px;display:block}.panel{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden;margin-bottom:18px;box-shadow:0 3px 8px #18345704}.panel-head{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.panel-head small{font-size:10px}.text-button{font-size:11px;color:var(--blue);padding:6px;white-space:nowrap}.dashboard-bottom{display:grid;grid-template-columns:1.8fr 1fr;gap:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{background:#f7f9fc;color:#73849e;font-size:9px;font-weight:650;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}th,td{padding:15px 18px;border-bottom:1px solid #edf1f7}td{line-height:1.5}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcff}td strong{font-weight:600}.cell-name{display:flex;align-items:center;gap:10px;white-space:nowrap}.mini-avatar{width:31px;height:31px;border-radius:50%;background:#ecf3ff;color:#3077ee;display:inline-flex;align-items:center;justify-content:center;font-size:9px}.badge{display:inline-flex;align-items:center;border-radius:5px;padding:4px 8px;font-size:10px;white-space:nowrap;background:#eff3f8;color:#778399}.badge.online,.badge.done,.badge.resolved,.badge.active{color:#07805f;background:#e7f6ef}.badge.warning,.badge.in_progress,.badge.acknowledged,.badge.high{color:#c5701b;background:#fff2df}.badge.critical,.badge.offline,.badge.overdue{color:#d23a54;background:#fff0f2}.badge.planned{color:#3572d1;background:#ecf3ff}.empty{padding:43px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.empty svg{width:29px;height:29px;color:#93a7c1;margin-bottom:14px}.empty h3{font-size:14px}.empty p{color:var(--muted);font-size:12px;max-width:410px;line-height:1.7;margin-bottom:13px}.activity{padding:17px 20px;display:flex;gap:12px}.activity+.activity{padding-top:7px}.activity-icon{padding:7px;height:30px;width:30px}.activity-icon svg{width:16px;height:16px}.activity strong{font-size:11px;display:block;margin-bottom:3px;overflow-wrap:anywhere}.activity small{display:block;font-size:9px}.toolbar{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.toolbar input,.toolbar select{width:auto;min-width:180px}.table-actions{display:flex;gap:4px}.table-actions button{font-size:11px;color:var(--blue);padding:5px 8px;border-radius:5px;border:1px solid var(--line);white-space:nowrap}.table-actions button:hover{background:#eaf2ff}.table-actions button.danger-text{color:#d6445d}.number{text-align:right;font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,monospace;font-size:11px}.subtext{display:block;font-size:10px;color:var(--muted);margin-top:3px;max-width:350px;overflow-wrap:anywhere}.info{padding:15px 18px;border:1px solid #d3e4ff;border-radius:9px;background:#edf5ff;font-size:12px;color:#3f628f;line-height:1.7;margin-bottom:20px}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.padded{padding:22px}.padded p{line-height:1.7}.padded label{margin-top:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .full{grid-column:1/-1}label{display:block;font-size:12px;font-weight:550}input,select,textarea{display:block;width:100%;border:1px solid #dce4ef;border-radius:7px;background:#fff;color:var(--ink);padding:10px 12px;margin-top:7px;font-size:13px}input:focus,select:focus,textarea:focus{outline:2px solid #c2daff;border-color:#649cf8}textarea{resize:vertical;min-height:85px}input[type=checkbox]{width:auto;display:inline-block}dialog{width:600px;max-width:calc(100vw - 32px);max-height:90vh;border:1px solid var(--line);border-radius:15px;padding:26px;box-shadow:0 25px 100px #0d1b2a40}dialog::backdrop{background:#0c1b3266;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.dialog-head h2{margin:7px 0 0}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.error{color:#cc3550;font-size:12px;line-height:1.6;white-space:pre-wrap}.error:empty{display:none}#toast{position:fixed;bottom:25px;right:25px;border-radius:10px;padding:15px 22px;background:#0d1b2a;color:white;z-index:100;box-shadow:0 5px 25px #0002;max-width:calc(100vw - 50px);font-size:13px}footer{max-width:1450px;margin:auto;padding:5px 36px 22px;color:#8d9bb0;font-size:9px;display:flex;gap:15px;letter-spacing:.3px}footer span:last-child{margin-left:auto}.mobile{display:none}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0e1b2b;color:#c5dcf9;padding:17px;border-radius:8px;font-size:11px;line-height:1.8}.login-screen{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:white}.login-brand{background:radial-gradient(ellipse at 50% 60%,#153b5d 0,#0d1b2a 65%);padding:60px 70px;color:white;position:relative;overflow:hidden}.wordmark{font-size:32px;letter-spacing:5px;font-weight:750;font-style:italic}.login-brand>p:first-of-type{font-size:8px;letter-spacing:3px;color:#8daac5;margin-top:7px}.login-brand h1{font-size:43px;line-height:1.2;margin-top:70px;font-weight:550;letter-spacing:-1.5px}.login-brand>p{color:#a5bbd1;max-width:340px;font-size:14px;line-height:1.8}.brand-orbit{margin:30px auto;width:220px;height:220px;border:1px solid #245173;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 35px #153b5d30,0 0 0 70px #153b5d20}.brand-orbit img{width:165px;height:165px}.login-brand>small{display:block;margin-top:70px;font-size:8px;letter-spacing:2px}.login-panel{display:flex;align-items:center;justify-content:center;padding:45px}.login-panel form{width:350px;max-width:100%}.login-panel h2{font-size:28px;margin:13px 0}.login-panel p{font-size:13px;margin-bottom:30px}.login-panel label{margin:20px 0}.login-panel input{padding:13px}.login-panel .primary{width:100%;justify-content:space-between;margin:12px 0 24px}.login-panel small{display:block;text-align:center}.key-box{font-size:12px;user-select:all;overflow-wrap:anywhere;background:#ecf3ff;padding:15px;border-radius:8px}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.device{padding:20px}.device h3{margin:12px 0 6px}.device .status-line{display:flex;align-items:center;justify-content:space-between}.device p{font-size:12px;color:var(--muted);min-height:30px;margin:10px 0}.busy{padding:65px;text-align:center;color:var(--muted)}
@media(min-width:1650px){aside{width:260px}.workspace{margin-left:260px}main{padding-top:28px}.metric{min-height:114px}.topbar{padding:0 60px}}
@media(max-width:1200px){aside{width:210px}.workspace{margin-left:210px}.metrics{grid-template-columns:repeat(3,1fr)}main{padding:25px}.topbar{padding:0 25px}.searchbox input{width:220px}.connection{display:none}.metric strong{font-size:25px}.login-brand{padding:45px}.status-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){aside{transform:translateX(-100%);transition:transform .2s}aside.open{transform:translateX(0);box-shadow:10px 0 30px #0003}.workspace{margin-left:0}.mobile{display:inline-flex;flex-shrink:0}.topbar{padding:0 16px;gap:12px}.searchbox{flex:1;min-width:0}.searchbox input{width:100%;min-width:0}.top-actions{gap:8px}.top-actions .primary{font-size:11px;padding:10px}.top-actions .icon-button{display:none}.dashboard-bottom,.section-grid{grid-template-columns:1fr}main{padding:22px 16px}.login-brand{display:none}.login-screen{display:block}.login-panel{min-height:100vh}.page-head{align-items:flex-start}.date-chip{display:none}footer{padding:15px 16px}.metrics{gap:10px}.metric{padding:15px 12px;gap:10px}.metric-icon{padding:7px}}
@media(max-width:560px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:110px}.metric-icon{display:none}.page-head h1{font-size:22px}.form-grid,.status-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.searchbox input{font-size:11px}.searchbox svg{display:none}.top-actions .primary{max-width:115px}.table-wrap{max-width:100%}th,td{padding:13px}footer span:nth-child(2){display:none}.login-panel{padding:30px}.toolbar input{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;transform:none!important}}