:root{font-family:Inter,Segoe UI,sans-serif;color:#172b47;background:#f3f6fb;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #dbe3ee;border-radius:7px;background:white;padding:9px 13px;color:#263c58}button:hover{background:#edf4ff}.primary{background:#1767e9;color:white;border-color:#1767e9}.primary:hover{background:#1253bc}aside{position:fixed;width:220px;background:#10213a;color:#b4c5dc;inset:0 auto 0 0;padding:30px 20px}h1{font-size:25px;letter-spacing:-1px;margin:0 0 8px}aside h1{color:white;margin-bottom:42px}aside button{display:block;width:100%;text-align:left;background:transparent;color:#b4c5dc;border:0;margin:7px 0;padding:12px}aside button.active{background:#223d60;color:white}aside small{display:block;margin-top:34px;color:#7f99b7}main{margin-left:220px;padding:30px 36px;max-width:1800px}header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:28px}p{color:#6d7d93;margin:6px 0 0}small{color:#728299}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:25px}.stat,.panel{background:white;border:1px solid #e0e7f0;border-radius:10px;box-shadow:0 3px 10px #19365303}.stat{padding:20px;border-top:3px solid #4b78b3}.stat strong{display:block;font-size:30px;margin-top:10px}.stat.up{border-top-color:#16a77b}.stat.down{border-top-color:#e25567}.stat.warning{border-top-color:#e7a42b}.toolbar{display:flex;gap:10px;padding:18px;border-bottom:1px solid #e6ecf3;align-items:center}.toolbar input{min-width:220px;flex:1}input,select{padding:10px;border:1px solid #dbe3ee;border-radius:6px;background:white;color:#263c58}table{border-collapse:collapse;width:100%;text-align:left}th{color:#7c8a9e;font-size:11px;letter-spacing:.7px;text-transform:uppercase;background:#fafbfd}th,td{padding:16px 18px;border-bottom:1px solid #edf1f7}td strong{display:block;font-size:13px}td small{display:block;margin-top:5px}.pill{display:inline-block;border-radius:20px;padding:5px 9px;font-size:11px;background:#e8eef7;color:#66768d}.pill.up{background:#e0f6ed;color:#118363}.pill.down{background:#feeaed;color:#c14256}.pill.warning{background:#fff3d9;color:#a7730d}.row{cursor:pointer}.row:hover{background:#f7faff}.empty{padding:60px 25px;text-align:center;color:#6d7d93}dialog{border:1px solid #dce4ef;border-radius:12px;padding:26px;width:min(520px,95vw);box-shadow:0 30px 100px #10213a40}dialog::backdrop{background:#10213a70}label{display:block;margin:16px 0 6px}dialog input,dialog select{width:100%}dialog h2{margin-top:0}.actions{display:flex;gap:10px;margin-top:22px;justify-content:flex-end}.hidden{display:none!important}#login{max-width:400px;margin:12vh auto;padding:32px;background:white;border-radius:12px;border:1px solid #dbe3ee}#login input{width:100%;margin:20px 0}#login button{width:100%}#notice{color:#b33b50;min-height:20px;margin:10px 0}#detail svg{width:100%;height:160px;background:#f4f8ff;border-radius:8px}#detail code,#agentkey{overflow-wrap:anywhere;white-space:pre-wrap;display:block;padding:15px;background:#edf3fc}footer{margin-top:18px;color:#8b99ac;font-size:12px}@media(max-width:900px){aside{width:75px;padding:20px 5px}aside h1{font-size:12px;letter-spacing:0}aside button{font-size:10px;padding:10px 3px}aside small{display:none}main{margin-left:75px;padding:22px 12px}.stats{grid-template-columns:repeat(2,1fr)}header{flex-wrap:wrap}.panel{overflow:auto}.toolbar{flex-wrap:wrap}td,th{padding:12px}.toolbar input{min-width:120px}}
.demo{margin:-30px -36px 26px;padding:11px 36px;background:#e8f1ff;color:#315a91;font-size:12px;display:flex;justify-content:space-between;gap:15px}.demo button{padding:3px 9px;font-size:11px;background:transparent;border-color:#b8cce9}.overview{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-bottom:24px}.overview .panel{padding:20px}.overview h3{margin:0 0 8px;font-size:14px}.overview svg{width:100%;height:140px}.legend{display:flex;gap:20px;font-size:11px;color:#748399}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:#1767e9}.site{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #edf1f7}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:22px}.feature{padding:22px;border:1px solid #e3eaf3;border-radius:10px;background:#fff}.feature h3{margin:5px 0 12px}.feature p{line-height:1.6;font-size:13px}.tag{font-size:10px;display:inline-block;background:#edf3fd;color:#496c9e;border-radius:4px;padding:4px 7px;letter-spacing:.5px}#options{margin-top:7px}.settings{padding:24px;max-width:680px}.settings label{font-weight:600}.settings input,.settings select{width:100%}.settings p{line-height:1.6}.toast{color:#138463!important}.map{padding:28px}.mapgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.node{border:1px solid #dce6f3;background:#f8fbff;border-radius:9px;padding:22px;text-align:center}.node strong{display:block;margin:10px 0}.node small{display:block}.mapline{height:40px;width:2px;background:#b8cde8;margin:auto}.hub{max-width:300px;margin:auto;text-align:center;padding:22px;background:#153453;color:white;border-radius:9px}.hub small{color:#a2c1e1}.mapnote{text-align:center;font-size:12px;margin:15px}.report{padding:25px}.report-row{display:flex;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid #edf1f7}.bar{background:#e9f0f7;height:7px;border-radius:10px;margin-top:8px;width:180px}.bar i{display:block;height:100%;background:#17a77c;border-radius:10px}.config-note{padding:12px;background:#f1f6fd;border-radius:7px;margin-top:16px;font-size:12px;line-height:1.6}#notice:empty{display:none}@media(max-width:900px){.demo{margin:-22px -12px 20px;padding:10px 12px}.overview{grid-template-columns:1fr}.mapgrid{grid-template-columns:1fr}.report-row{flex-wrap:wrap}}@media(max-width:600px){.toolbar select{max-width:150px}.stats{gap:8px}.stat{padding:12px}.stat strong{font-size:25px}.legend{flex-wrap:wrap}}aside{overflow-y:auto}.snmp-intro,.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px;border-bottom:1px solid #e5ecf5}.snmp-intro h2,.dashboard-toolbar h2{margin:9px 0;font-size:21px}.snmp-count{text-align:center;min-width:100px}.snmp-count strong{display:block;font-size:33px;color:#1767e9}.snmp-count small{display:block}.snmp-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:25px;padding:24px}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.profile-card{padding:18px;text-align:left;background:#f9fbff;border-color:#d9e5f5}.profile-card h3{font-size:14px}.profile-card p{font-size:12px;line-height:1.6;min-height:65px}.profile-card strong{font-size:11px;color:#1767e9}.snmp-config{background:#f8faff;border:1px solid #e2eaf6;padding:22px;border-radius:9px}.snmp-config h3{margin-top:0}.snmp-config input,.snmp-config select{width:100%}.snmp-config small{font-size:11px;line-height:1.5;display:block;margin-top:5px}.snmp-two{display:grid;grid-template-columns:2fr 1fr;gap:12px}.snmp-check{display:flex;align-items:start;gap:9px;font-size:12px}.snmp-check input{width:auto;margin-top:3px;accent-color:#1767e9}.snmp-device-list{margin-top:24px}.snmp-device{border-top:1px solid #e2eaf3;padding:18px 0}.snmp-metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.metric-button{flex:1;min-width:110px;text-align:left;padding:12px}.metric-button strong{display:block;margin:8px 0;font-size:19px}.metric-button small{display:block;font-size:10px}.widget-grid{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:20px;padding:22px;background:#f3f6fb}.widget{background:white;border:1px solid #dfe7f3;border-radius:10px;min-width:0;overflow:hidden}.widget-heading{padding:17px 18px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #eaf0f7;align-items:start}.widget-heading h3{font-size:14px;margin:7px 0 0}.widget-heading small{font-size:10px;text-transform:uppercase;letter-spacing:.4px}.widget-controls{display:flex;gap:3px}.widget-controls button{padding:4px 7px;font-size:12px;border-color:transparent}.widget-controls button:disabled{opacity:.25;cursor:default}.widget-body{padding:20px;min-height:240px}.widget-line{display:block;width:100%;height:150px}.chart-top{display:flex;align-items:center;justify-content:space-between}.chart-top strong,.big-metric{font-size:29px}.chart-top small{font-size:13px;color:#8391a4}.widget-list{max-height:270px;overflow:auto}.widget-sensor{width:100%;border:0;border-bottom:1px solid #eaf0f7;display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:left;padding:12px 0;border-radius:0;font-size:12px}.widget-sensor strong{display:inline-block;min-width:55px;margin-left:8px}.pie-body{display:flex;gap:25px;align-items:center;justify-content:center;min-height:210px}.pie-body svg{width:180px;max-width:55%}.pie-body p{font-size:12px;margin:12px 0}.pie-body p strong{margin-left:12px}.gauge-body{text-align:center}.gauge-body svg{width:220px;max-width:100%;height:165px}.status-tiles{display:flex;gap:12px;flex-wrap:wrap}.status-tiles strong{display:block;font-size:30px;margin-bottom:12px}.status-tiles>div{padding:12px;min-width:85px;background:#f8faff;border-radius:7px}.dashboard-foot{padding:16px 23px;font-size:12px;color:#71849d;background:#f3f6fb}.dashboard-toolbar select{max-width:125px}.snmp-config a{color:#1767e9}@media(max-width:1200px){.snmp-layout{grid-template-columns:1fr}.widget-grid{grid-template-columns:repeat(min(var(--columns),2),minmax(0,1fr))}.profile-card p{min-height:35px}}@media(max-width:900px){.widget-grid{grid-template-columns:1fr}.dashboard-toolbar,.snmp-intro{flex-wrap:wrap}.profile-grid{grid-template-columns:1fr}.snmp-layout{padding:15px}.profile-card p{min-height:0}.widget-controls button{padding:4px 5px}.snmp-config{padding:16px}} #detail{width:min(760px,95vw);max-height:92vh;overflow:auto}.sensor-limits{margin-top:24px;padding-top:15px;border-top:1px solid #dfe8f3}.sensor-limits h3{margin-bottom:6px}.sensor-limits p{font-size:12px;line-height:1.6}.limit-row{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:12px;align-items:center;margin:14px 0}.limit-row input,.limit-row select{width:100%;min-width:0}.limit-row .limit-check{display:flex;align-items:center;gap:8px;margin:0}.limit-check input{width:auto}.limit-test{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 8px}.limit-test input{flex:1;min-width:100px}.sensor-limits input:disabled,.sensor-limits select:disabled{background:#f1f4f9;color:#9aa8ba}#limitresult{color:#315d96;min-height:20px}@media(max-width:600px){.limit-row{grid-template-columns:1fr 1fr}.limit-check{grid-column:1/-1}.limit-test button{flex:1}}  #add{width:min(650px,95vw);max-height:92vh;overflow:auto}.sensor-boundaries{display:grid;grid-template-columns:1fr 1fr;gap:15px}#sensoradderror{color:#ba3e53}#sensorcount{font-weight:400}#sensortype optgroup{font-weight:700}#sensortype option{font-weight:400}#sensortypeinfo{line-height:1.6} .brandtext{display:block;font-weight:800;letter-spacing:2px;font-size:14px;color:#2e72bc;margin-bottom:10px}aside .brandtext{color:#8ebbec}aside h1{font-size:20px;letter-spacing:-.5px;margin-bottom:25px}.brandlogo{max-width:175px;max-height:75px;object-fit:contain;margin-bottom:12px}aside #logout{margin-top:25px}.history-chart{width:100%;height:175px}.overview .history-chart{height:155px}.error{color:#bb3d55;line-height:1.5}#sensor{width:min(670px,95vw);max-height:92vh;overflow:auto}dialog{max-height:92vh;overflow:auto}#detailvalue{margin-top:15px}#detailvalue>strong{font-size:27px;margin-right:12px}.index-button{display:block;width:100%;margin:5px 0;text-align:left}.file-help{max-width:650px;margin:12vh auto;padding:35px;border:1px solid #dce5f2;border-radius:12px;background:white;line-height:1.8}.file-help p{margin:16px 0}.settings{max-width:800px}#agentkey{display:block;overflow-wrap:anywhere;white-space:pre-wrap;background:#edf3fb;padding:15px}#notice{padding:8px 0}#notice:empty{display:none}#profilefields{margin-top:15px}.sensor-limits input[type=checkbox]{accent-color:#1767e9}#sensorfields small{display:block;line-height:1.6;margin-top:8px}#chart svg{width:100%}@media(max-width:900px){aside h1{font-size:11px;letter-spacing:0}aside .brandtext{font-size:9px;letter-spacing:0}.brandlogo{max-width:62px}.brandtext{font-size:11px}#stats{grid-template-columns:repeat(2,1fr)}.overview{grid-template-columns:1fr}}

.brandlogo{background:#fff;padding:7px;border-radius:6px}#brand{margin-bottom:8px}

.access-toolbar{padding:23px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e5ecf4}.access-toolbar h2{margin:0 0 6px}.permission-row{display:flex;gap:10px;align-items:start;margin:13px 0;line-height:1.5}.permission-row input[type=checkbox]{width:auto;flex:none;margin-top:3px;accent-color:#1767e9}.permission-row small{display:block;color:#8694a6;font-size:10px}.access-note{margin:20px}.rights-summary{padding-left:18px;color:#687d98;font-size:12px;line-height:1.9}.recovery-login{margin-top:20px;line-height:1.8}#login label{text-align:left}#login input{margin:7px 0 13px}#login p{line-height:1.5}#userdialog,#roledialog{width:min(650px,95vw)}#usercustomers{width:100%;font:inherit;border:1px solid #dbe3ee;border-radius:6px;padding:10px}#scopebadge{font-size:10px;line-height:1.5;margin-top:8px}#signedin{margin-top:20px}aside small{margin-top:18px}#passwordform input{max-width:500px}

.mfa-account{margin-top:28px;padding-top:18px;border-top:1px solid #dce5f2}#mfaqrcode{width:240px;max-width:100%;margin:18px auto;background:white;padding:10px}#mfaqrcode svg{display:block;width:100%;height:auto}#mfasecret{display:block;overflow-wrap:anywhere;padding:12px;background:#edf3fd}#recoverycodes{font:16px/1.9 Consolas,monospace;letter-spacing:1px;background:#f0f5fc;padding:20px}#mfaenroll{width:min(620px,95vw)}#mfasecurityfields input{width:100%}