:root{--bg:#f5f7fa;--panel:#fff;--ink:#17212f;--muted:#84909f;--line:#edf0f4;--nav:#0c121d;--nav-muted:#8992a1;--green:#1eae7a;--red:#e25c62;--blue:#5286ed;--purple:#9b78e8;--yellow:#e9aa3b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}.app-shell{min-height:100vh}.sidebar{background:var(--nav);color:white;position:fixed;inset:0 auto 0 0;width:246px;padding:25px 16px 15px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 28px;text-decoration:none;color:white}.brand-mark{width:39px;height:39px;border-radius:12px;background:#1a2d3b;display:grid;place-items:center}.brand-mark svg{width:23px;fill:none;stroke:#35d49c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.brand-copy{display:flex;flex-direction:column;gap:1px}.brand-copy strong{font:800 20px Manrope,sans-serif;letter-spacing:-1px}.brand-copy strong span{color:#36d59d}.brand-copy small{font-size:8px;letter-spacing:1.12px;color:#8792a2}.workspace-switch{height:58px;border:1px solid #28303b;border-radius:9px;padding:8px;display:flex;align-items:center;gap:9px;margin-bottom:26px}.workspace-icon{width:33px;height:33px;border-radius:8px;background:#e7edf8;color:#304059;display:grid;place-items:center;font:700 15px Manrope}.workspace-copy{display:flex;flex:1;flex-direction:column;gap:3px}.workspace-copy small{font-size:8px;letter-spacing:.45px;color:#8d98a8}.workspace-copy strong{font-size:11px;font-weight:600}.chevron{font-size:18px;color:#818b99}.nav-label{font-size:9px;color:#697383;letter-spacing:1.1px;font-weight:700;margin:0 9px 9px}.nav-label-spaced{margin-top:25px}.nav-main{flex:1}.nav-link{height:39px;border-radius:7px;display:flex;align-items:center;gap:12px;padding:0 10px;color:#9ba4b1;text-decoration:none;margin:2px 0;font-size:12px;transition:.16s}.nav-link:hover{background:#171f2b;color:white}.nav-link.active{color:#f9fbff;background:#1b2b34;box-shadow:inset 2px 0 #36d59d}.nav-icon{width:16px;text-align:center;font-size:16px;color:#8694a4}.active .nav-icon{color:#50dba9}.nav-count{margin-left:auto;font-size:10px;color:#8d99a9;background:#1c2531;padding:3px 7px;border-radius:10px}.nav-dot,.notification-dot{width:6px;height:6px;background:#ee6c68;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto}.support-card{padding:14px;background:#141e2b;border:1px solid #26303d;border-radius:9px;margin-bottom:15px}.support-icon{color:#4bd6a6;font-size:16px;margin-bottom:8px}.support-card strong{font:600 12px Manrope}.support-card p{font-size:10px;color:#97a2b1;line-height:1.5;margin:6px 0 10px}.support-card a{font-size:10px;color:#56dbaa;text-decoration:none}.support-card a span{margin-left:4px}.profile{border-top:1px solid #252e3b;margin-top:12px;padding:14px 3px 0;display:flex;align-items:center;gap:9px}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#e8d6c2;color:#644d3e;font-size:10px;font-weight:700}.profile-copy{display:flex;flex-direction:column;gap:3px;flex:1}.profile-copy strong{font-size:10px;font-weight:600}.profile-copy small{font-size:9px;color:#8d98a8}.main-content{margin-left:246px;min-height:100vh}.topbar{height:63px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumbs{display:flex;align-items:center;gap:10px;color:#9aa3af;font-size:11px}.breadcrumbs b{font-weight:400;color:#c2c8d0}.breadcrumbs strong{color:#374252;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:20px}.system-state{font-size:10px;color:#6f7c8a;display:flex;align-items:center;gap:7px}.system-state i,.footer-pulse{width:6px;height:6px;background:#2cbd86;border-radius:50%;box-shadow:0 0 0 3px #e5f8f0}.icon-button{border:0;background:none;font-size:19px;color:#647181;position:relative;padding:5px}.icon-button .notification-dot{position:absolute;right:1px;top:3px}.top-divider{height:20px;border-left:1px solid #edf0f4}.help-button{background:none;border:0;color:#768292;font-size:11px;display:flex;align-items:center;gap:7px}.help-button:first-letter{border:1px solid #dce1e8;border-radius:50%;padding:0 5px}.page-wrap{max-width:1570px;margin:0 auto;padding:30px 38px 22px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.eyebrow{font-size:9px;letter-spacing:.9px;font-weight:700;color:#8c97a5;display:flex;align-items:center;gap:8px;margin-bottom:8px}.eyebrow-line{width:15px;height:2px;background:#36c994}h1,h2,p{margin-top:0}.page-heading h1{font:700 25px Manrope,sans-serif;letter-spacing:-.7px;margin:0;color:#192434}.wave{font-size:18px;color:#edae42}.subtitle{font-size:11px;color:#8994a1;margin:5px 0 0}.heading-actions{display:flex;gap:9px}.button{border:0;border-radius:6px;height:35px;padding:0 12px;font:600 10px "DM Sans",sans-serif;cursor:pointer;transition:.15s}.button:hover{transform:translateY(-1px);filter:brightness(.97)}.button span{font-size:15px;vertical-align:-1px;margin-right:4px}.button-secondary{background:#fff;border:1px solid #e3e7ed;color:#596575}.button-primary{background:#1dac79;color:white;box-shadow:0 4px 10px #1dac7926}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric-card,.panel{background:var(--panel);border:1px solid #edf0f3;border-radius:9px;box-shadow:0 2px 7px #1b2a3910}.metric-card{height:117px;padding:15px 17px;position:relative;overflow:hidden}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#778291;font-size:10px;font-weight:500}.metric-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;font-size:15px}.icon-blue{background:#edf3ff;color:#5a87e7}.icon-green{background:#e9faf3;color:#2bb783}.icon-red{background:#fff0f0;color:#e4676d}.icon-purple{background:#f3eeff;color:#9774e7}.metric-value{font:700 25px Manrope,sans-serif;letter-spacing:-.8px;margin:4px 0 1px;color:#202c3b}.metric-percent{font-size:16px;margin-left:2px}.metric-foot{display:flex;align-items:center;gap:4px;font-size:9px;color:#98a2ae}.metric-up{color:#25ae7b;font-weight:600}.metric-down{color:#dd686c;font-weight:600}.metric-neutral{color:#84909e}.metric-decoration{position:absolute;right:16px;bottom:-28px;width:68px;height:45px;border:1px solid;border-radius:50%;transform:rotate(-20deg);opacity:.45}.decoration-blue{color:#d5e3ff}.decoration-green{color:#c9f1e1}.decoration-red{color:#ffe0e0}.decoration-purple{color:#e5dafe}.overview-grid{display:grid;grid-template-columns:minmax(300px,.86fr) minmax(450px,1.44fr);gap:14px;margin-bottom:16px}.panel{min-width:0}.health-panel,.activity-panel{height:218px;padding:17px 19px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between}.panel-heading h2{font:700 12px Manrope,sans-serif;margin:0 0 4px;color:#263243}.panel-heading p{font-size:9px;color:#9aa3af;margin:0}.select-button{background:white;border:1px solid #e7eaef;border-radius:5px;color:#758190;font:500 9px "DM Sans";height:26px;padding:0 8px}.select-button span{margin-left:10px}.health-content{display:flex;align-items:center;justify-content:space-around;height:155px}.donut-wrap{position:relative;width:124px;height:124px}.donut{width:124px;height:124px;border-radius:50%;background:conic-gradient(from -90deg,#28b982 0 92.9%,#e56568 92.9% 98%,#f0bd58 98% 100%);display:grid;place-items:center}.donut:before{content:"";width:91px;height:91px;border-radius:50%;background:#fff}.donut-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translateY(-1px)}.donut-center strong{font:700 19px Manrope;color:#253143;letter-spacing:-.5px}.donut-center strong span{font-size:11px}.donut-center small{font-size:8px;color:#97a2af;margin-top:2px}.health-legend{width:45%;min-width:145px}.legend-row{height:26px;display:flex;align-items:center;gap:7px;font-size:9px;color:#717d8b}.legend-row strong{margin-left:auto;color:#354152;font-size:10px}.legend-row strong small{font-size:8px;color:#9ba4b0;font-weight:400}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:0 0 auto}.legend-dot.green{background:#28b982}.legend-dot.red{background:#e56568}.legend-dot.yellow{background:#efb646}.health-footnote{margin-top:7px;padding-top:8px;border-top:1px solid #f0f2f5;font-size:8px;color:#9aa4af}.health-footnote span{font-size:7px;color:#33bd8a;margin-right:4px}.chart-legend{display:flex;gap:13px;font-size:8px;color:#8c97a4}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend .legend-dot{width:6px;height:6px}.chart-area{height:150px;display:flex;padding-top:20px}.chart-y-labels{height:114px;display:flex;flex-direction:column;justify-content:space-between;color:#a6afb9;font-size:8px;padding-right:10px}.chart-main{position:relative;flex:1;height:138px}.chart-gridlines{position:absolute;inset:0 0 21px;display:flex;flex-direction:column;justify-content:space-between}.chart-gridlines i{border-top:1px dashed #edf0f4;width:100%}.line-chart{position:absolute;inset:0;width:100%;height:115px;overflow:visible}.area-path{fill:url(#areaFill)}.online-path,.offline-path{fill:none;stroke:#25b982;stroke-width:2.5;vector-effect:non-scaling-stroke}.offline-path{stroke:#e66b6d;stroke-width:1.5;stroke-dasharray:4 4}.chart-point{fill:#fff;stroke:#28b982;stroke-width:2}.chart-x-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#a4adb8;font-size:8px}.bottom-grid{display:grid;grid-template-columns:minmax(550px,1.65fr) minmax(285px,.85fr);gap:14px}.recorder-panel{min-height:303px;padding:16px 0 0}.recorder-heading{padding:0 18px 13px}.text-link,.events-link{font-size:9px;text-decoration:none;color:#20a977;font-weight:600}.text-link span,.events-link span{font-size:14px;margin-left:4px;vertical-align:-1px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}thead{background:#f8f9fb}th{text-align:left;height:31px;padding:0 12px;color:#9aa4b0;font-size:8px;font-weight:600;letter-spacing:.4px}th:first-child,td:first-child{padding-left:18px}td{border-bottom:1px solid #f0f2f5;height:41px;padding:0 12px;color:#6e7a89;font-size:9px}tbody tr:last-child td{border-bottom:0}.recorder-name{display:flex;align-items:center;gap:8px;color:#334052;font-size:9px;font-weight:600}.recorder-icon{width:25px;height:25px;background:#eff4fb;color:#6a8fbe;border-radius:6px;display:grid;place-items:center;font-size:13px}.recorder-icon.red-icon{background:#fff0f0;color:#dd6c6f}.recorder-sub{color:#a0a9b4;font-size:8px;font-weight:400;margin-top:2px}.devices-mini{color:#475467;font-weight:600}.status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:10px;padding:4px 7px;font-size:8px;font-weight:600}.status-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-online{background:#eaf8f2;color:#24a875}.status-offline{background:#fff0f0;color:#dc6266}.status-warning{background:#fff7e9;color:#cf942b}.row-menu{border:0;background:none;color:#9ba5b1;font-size:16px;cursor:pointer}.table-footer{height:39px;border-top:1px solid #eff1f4;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#a0a9b3;font-size:8px}.table-footer strong{color:#596575}.pagination-button{border:0;background:none;color:#26a978;font:600 8px "DM Sans";cursor:pointer}.pagination-button span{font-size:13px;margin-left:5px}.events-panel{padding:16px 17px;min-height:303px}.events-panel .panel-heading{margin-bottom:9px}.more-button{border:0;background:none;color:#8b97a5;font-size:17px}.event-list{display:flex;flex-direction:column}.event-item{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid #f0f2f5}.event-item:last-child{border:0}.event-symbol{width:25px;height:25px;flex:0 0 auto;border-radius:7px;display:grid;place-items:center;font-size:12px}.event-symbol.critical{background:#fff0f0;color:#e0686c}.event-symbol.warning{background:#fff7e8;color:#d6a13d}.event-symbol.success{background:#e9f8f1;color:#29b27e}.event-copy{min-width:0;flex:1}.event-copy strong{font-size:9px;color:#465263;display:block;font-weight:600}.event-copy p{font-size:8px;color:#98a2af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0}.event-copy time{font-size:8px;color:#b0b8c1}.events-link{display:block;text-align:center;border-top:1px solid #f0f2f5;padding-top:12px;margin-top:2px}.page-footer{display:flex;align-items:center;justify-content:space-between;color:#a3acb7;font-size:8px;padding-top:19px}.page-footer span:nth-child(2){display:flex;align-items:center;gap:7px}.footer-pulse{width:5px;height:5px}.mobile-menu{display:none}.toast{position:fixed;right:24px;bottom:24px;background:#172434;color:#fff;border-radius:7px;padding:12px 16px;font-size:11px;box-shadow:0 8px 30px #101a2940;opacity:0;transform:translateY(8px);transition:.22s;pointer-events:none;z-index:20}.toast.visible{opacity:1;transform:translateY(0)}.modal-backdrop{position:fixed;inset:0;background:#111b2c80;display:none;align-items:center;justify-content:center;z-index:15;padding:18px}.modal-backdrop.open{display:flex}.modal{width:min(460px,100%);background:white;border-radius:12px;padding:22px;box-shadow:0 20px 70px #0c152340}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-kicker{font-size:8px;letter-spacing:1px;color:#20aa78;font-weight:700}.modal-head h2{font:700 18px Manrope;margin:5px 0 0}.modal-close{border:0;background:#f3f5f7;color:#788391;font-size:20px;width:29px;height:29px;border-radius:6px;cursor:pointer}.modal form{display:flex;flex-direction:column;gap:13px}.modal label{font-size:10px;color:#5d6877;font-weight:600;display:flex;flex-direction:column;gap:6px}.modal input,.modal select{height:36px;border:1px solid #e3e8ed;border-radius:6px;padding:0 10px;font:400 11px "DM Sans";color:#374252;outline:none}.modal input:focus,.modal select:focus{border-color:#35bd8b;box-shadow:0 0 0 3px #35bd8b20}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:7px}.empty-state{padding:30px;text-align:center;color:#96a0ad;font-size:11px}
@media(max-width:1200px){.sidebar{width:220px}.main-content{margin-left:220px}.page-wrap{padding:25px 24px}.topbar{padding:0 24px}.bottom-grid{grid-template-columns:minmax(480px,1.5fr) minmax(260px,.8fr)}.health-panel,.activity-panel{padding-left:14px;padding-right:14px}.donut-wrap,.donut{width:110px;height:110px}.donut:before{width:80px;height:80px}.health-legend{min-width:128px}.metric-card{padding-left:13px;padding-right:13px}}
@media(max-width:980px){.overview-grid{grid-template-columns:1fr}.health-panel{height:190px}.health-content{height:130px}.bottom-grid{grid-template-columns:1fr}.events-panel{min-height:unset}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.sidebar{width:246px;transform:translateX(-100%);transition:transform .22s;box-shadow:8px 0 30px #10172230}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.mobile-menu{display:block;border:0;background:none;color:#536071;font-size:17px;padding:4px 8px 4px 0}.topbar{height:55px;padding:0 16px}.breadcrumbs{margin-right:auto}.topbar-actions{gap:12px}.system-state,.top-divider,.help-button{display:none}.page-wrap{padding:22px 15px}.page-heading{align-items:flex-start;gap:13px;flex-direction:column}.page-heading h1{font-size:22px}.heading-actions{width:100%}.heading-actions .button{flex:1}.metrics-grid{gap:9px}.metric-card{height:105px;padding:12px}.metric-value{font-size:23px}.metric-top{font-size:9px}.metric-icon{width:24px;height:24px}.overview-grid{gap:10px}.activity-panel{padding:15px 12px}.chart-legend{gap:7px}.bottom-grid{gap:10px}.recorder-panel{min-height:unset}.recorder-heading{padding:0 13px 12px}.events-panel{padding:14px}.page-footer{gap:8px;flex-wrap:wrap}.page-footer span:nth-child(2){order:3;width:100%}}
@media(max-width:430px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-foot{font-size:8px}.health-content{justify-content:space-between}.donut-wrap,.donut{width:106px;height:106px}.donut:before{width:78px;height:78px}.health-legend{min-width:140px}.chart-x-labels{font-size:7px}.chart-y-labels{font-size:7px}.page-heading h1{font-size:20px}}
.optional-label{display:inline;color:#c78329;font-size:9px;font-weight:500;margin-left:4px}.form-security-note{font-size:9px;line-height:1.55;color:#788594;background:#f5f8fa;border-left:2px solid #36bd8c;padding:9px 10px;margin:0}.modal-wide{width:min(650px,100%)}.detail-content{min-width:0}.detail-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#718090;font-size:10px;margin-bottom:13px}.detail-summary .select-button{margin-left:auto}.detail-table-wrap{overflow:auto;border:1px solid #edf0f3;border-radius:7px}.detail-table{min-width:700px}.detail-table th{padding:0 10px}.detail-table td{padding:0 10px}.detail-table td strong{font-weight:600;color:#435062}.data-note{font-size:9px;color:#9aa4af;margin:11px 0 0}@media(max-width:700px){.modal-wide{padding:18px}.detail-table{min-width:680px}.form-row{grid-template-columns:1fr}}
.overview-grid{grid-template-columns:1fr}.health-panel,.activity-panel{width:100%}.health-content{justify-content:flex-start;gap:clamp(25px,12vw,150px);padding-left:4%}.module-heading{align-items:flex-end;margin-bottom:20px}.module-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.module-stats .metric-card{height:104px}.module-panel{overflow:hidden;margin-bottom:15px}.module-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 2px;color:#8994a1;font-size:10px}.module-toolbar strong{color:#364253;font:700 12px Manrope}.table-search{width:min(290px,55%);height:31px;border:1px solid #e5e9ee;border-radius:5px;padding:0 10px;font:400 10px "DM Sans";outline:none}.table-search:focus{border-color:#38bd8b}.map-placeholder{min-height:300px;background:linear-gradient(135deg,#edf4f3,#f8fafc);border:1px solid #e8eeef;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px}.map-pin{color:#20ae7a;font-size:30px}.map-placeholder h2,.settings-card h2{font:700 14px Manrope;color:#2b3949;margin:8px 0}.map-placeholder p{font-size:11px;color:#8692a0;margin:0 0 15px;max-width:400px}.settings-card{padding:22px;max-width:700px}.settings-card h2:not(:first-child){margin-top:25px}.settings-card label{display:flex;align-items:center;justify-content:space-between;max-width:400px;color:#5d6877;font-size:10px}.settings-card select{height:32px;border:1px solid #e4e9ee;border-radius:5px;background:#fff;padding:0 10px;color:#586574}.integration-row{max-width:500px;display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #edf0f3;color:#5b6776;font-size:10px}.module-panel td .event-symbol{display:grid}.report-period{font-size:20px!important}@media(max-width:980px){.module-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.health-content{gap:6vw}}@media(max-width:700px){.module-heading{align-items:flex-start}.module-heading .heading-actions{width:auto}.module-stats{gap:9px}.module-toolbar{align-items:flex-start;flex-direction:column}.table-search{width:100%;max-width:unset}.integration-row{gap:12px}.health-content{justify-content:space-around;padding-left:0;gap:8px}}