:root{font-family:Arial,Helvetica,sans-serif;color:#263b43;background:#f5f7f8;font-synthesis:none;font-size:14px;color-scheme:light;--orange:#c9621b;--teal:#159ba7;--ink:#203b43;--muted:#64767e;--line:#e5ebed}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.app-shell{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:100vh}.sidebar{background:#203b43;color:#dce8eb;padding:32px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:25px;font-weight:700;letter-spacing:1px}.brand-mark{color:#55c6ce;font-size:50px;line-height:1;letter-spacing:-5px;margin-right:4px}.brand-sub{display:block;font-size:9px;letter-spacing:1.4px;margin-top:5px;font-weight:400}.nav-label{color:#9eb5bc;font-size:11px;letter-spacing:1.7px;margin:64px 10px 16px}.side-nav{display:flex;flex-direction:column;gap:8px}.side-nav a{display:flex;align-items:center;gap:13px;padding:13px 12px;border-radius:7px;font-size:13px;color:#c8d8dc}.side-nav a span{font-size:21px;line-height:1;width:22px;text-align:center}.side-nav a.selected{background:#31515a;color:white}.side-nav a:hover{background:#2c4a53}.sidebar-foot{margin-top:auto;padding:60px 8px 0;font-size:8px;letter-spacing:1px;color:#a7c0c7;line-height:2}.sidebar-foot small{display:block;font-size:11px;letter-spacing:0;color:#8ea9b1;margin-top:8px}.workspace{min-width:0}.topbar{height:73px;background:white;border-bottom:1px solid var(--line);padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}.breadcrumb{color:#607680;margin-left:12px}.status-badge{border-radius:30px;background:#e7f4f4;color:#167680;padding:8px 13px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:7px}.status-badge:before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%}.status-badge[data-state="stopped"],.status-badge[data-state="interrupted"]{color:#805e27;background:#fbf1df}main{max-width:1580px;margin:auto;padding:39px 40px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:35px}.eyebrow,.section-label{font-size:11px;letter-spacing:1.7px;font-weight:700;color:#70838a}.eyebrow{display:block;margin-bottom:11px;color:#168591}h1{font-size:clamp(28px,2.7vw,43px);font-weight:700;letter-spacing:-1.5px;margin:0 0 12px;line-height:1.15}h1 em{font-style:normal;font-weight:400;color:#5c747c}p{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0}.page-heading p{font-size:13px;margin:0}.workspace-tag{color:#607680;letter-spacing:2px;font-size:11px;white-space:nowrap}.overview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.subtle{color:#607680;font-weight:400;margin-left:7px}.toolbar-actions{display:flex;gap:17px}.text-button{padding:6px 0;background:transparent;color:#526870;font-size:11px;font-weight:400;border-radius:0}.text-button:hover{color:var(--teal);background:transparent}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:22px;overflow:hidden}.metrics article{padding:24px 23px;border-right:1px solid var(--line)}.metrics article:last-child{border:0}.metrics article>small{font-size:11px;color:var(--muted)}.metric-value{display:flex;gap:8px;align-items:baseline;margin:16px 0 13px;min-height:38px}.metric-value strong{font-size:32px;letter-spacing:-1px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.metric-unit{font-size:11px;color:#607680}.metric-caption{color:#607680;font-size:11px;display:flex;gap:6px;align-items:center}.signal-dot{display:inline-block;width:5px;height:5px;background:#24a7ac;border-radius:50%;flex:none}.monitor-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.monitor-grid>section{min-width:0}section{background:#fff;border:1px solid var(--line);border-radius:10px;padding:26px;margin-bottom:22px;scroll-margin-top:20px}h2{font-size:19px;font-weight:500;letter-spacing:-.5px;margin:0;line-height:1.35}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}.panel-heading .eyebrow{margin-bottom:8px}.period-label{font-size:11px;color:#607680;white-space:nowrap}.chart-legend{display:flex;gap:20px;font-size:11px;color:#73858c;margin:0 0 13px}.chart-legend span{display:flex;gap:7px;align-items:center}.chart-legend i{width:15px;height:3px;display:inline-block;border-radius:3px}.legend-active{background:#159ba7}.legend-ceiling{background:#bac8cd}canvas{display:block;width:100%;height:220px}.control-panel{background:#203b43;border-color:#203b43;color:#fff;display:flex;flex-direction:column}.control-panel .eyebrow{color:#70c3c9}.control-panel h2{font-size:24px;line-height:1.25;max-width:225px}.control-panel p{color:#b5c9d0;font-size:11px;margin:17px 0}.control-panel small{color:#9db6bf;font-size:11px;line-height:1.6;margin-top:14px}.buttons{display:flex;flex-direction:column;gap:9px;margin-top:auto}.split-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}button{border:1px solid transparent;border-radius:6px;padding:12px 16px;background:var(--orange);color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s;white-space:normal}button>span{float:right;margin-left:14px}button:hover{background:#b45114}button:disabled{opacity:.42;cursor:default}.secondary{background:#edf3f4;color:#365760}.secondary:hover{background:#dfeaec}.control-panel .secondary{background:#35535d;color:#eef7f9}.control-panel .secondary:hover{background:#43636d}.danger{background:transparent;border-color:#6e8790;color:#e9d0c7}.danger:hover{background:#623e3c}.buttons>button{text-align:left}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap;text-align:left}th{color:#607680;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:500;border-bottom:1px solid var(--line);padding:6px 12px 15px}td{padding:17px 12px;border-bottom:1px solid #f0f3f4;color:#5d747d;font-variant-numeric:tabular-nums}th:first-child,td:first-child{padding-left:0}td:first-child{color:#294a54;font-weight:700}tbody tr:last-child td{border:0}.session-status{font-size:11px;display:inline-flex;align-items:center;gap:6px}.session-status:before{content:'';width:5px;height:5px;border-radius:50%;background:#9aaeb5}.session-status[data-state="receiving"]{color:#15838e}.session-status[data-state="receiving"]:before{background:#159ba7}.session-status[data-state="error"]{color:#ad3e38}.session-status[data-state="error"]:before{background:#ad3e38}.footnote{font-size:11px;color:#607680;margin:20px 0 0;padding-top:15px;border-top:1px solid #eef2f3;line-height:1.7}label{display:flex;flex-direction:column;gap:9px;color:#60767f;font-size:11px}input,select{width:100%;min-width:0;padding:12px 13px;border:1px solid #dce5e8;border-radius:6px;color:#304f5a;background:#fcfdfd;font-size:13px}input:disabled,select:disabled{background:#f4f7f8;color:#83969d}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:22px 0}.grid .wide{grid-column:1/-1}.settings-footer{display:flex;justify-content:space-between;align-items:center;gap:18px}.settings-footer p{font-size:11px;margin:0;overflow-wrap:anywhere}.settings-footer button{flex:none}#events{list-style:none;padding:0;margin:0}#events li{font-size:11px;color:#687e87;padding:13px 0;border-bottom:1px solid #f0f3f4;line-height:1.6;overflow-wrap:anywhere}#events li:last-child{border:0}.page-footer{display:flex;justify-content:space-between;gap:20px;padding:6px 0 12px;color:#607680;font-size:11px}.page-footer>span:first-child{font-size:11px;font-weight:700;letter-spacing:.8px}#message{position:sticky;bottom:16px;background:#203b43;color:#fff;padding:16px 20px;border-radius:7px;box-shadow:0 6px 25px #16313920;display:none;font-size:13px}.login-panel{max-width:650px;padding:35px;margin:55px 0}.login-panel h2{font-size:30px}.login-panel small{font-size:11px;color:#607680;display:block;margin-top:20px}#auth{display:flex;align-items:end;gap:12px;margin-top:25px}#auth label{flex:1}#auth button{min-height:42px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #e48e4e;outline-offset:3px}
@media(min-width:1450px){canvas{height:250px}.control-panel h2{font-size:27px}.monitor-grid{grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:1150px){.app-shell{grid-template-columns:165px minmax(0,1fr)}.sidebar{padding:28px 14px}.brand{font-size:22px}.brand-mark{font-size:44px}.brand-sub{font-size:7px}main{padding:30px 25px 16px}.topbar{padding:0 25px}.monitor-grid{grid-template-columns:minmax(0,1fr) 245px}.metrics article{padding:22px 17px}.metric-value strong{font-size:28px}section{padding:22px}.control-panel h2{font-size:22px}.workspace-tag{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{display:block;padding:16px 24px}.brand{font-size:20px}.brand-mark{font-size:38px}.brand-sub{font-size:7px}.nav-label,.sidebar-foot{display:none}.side-nav{flex-direction:row;margin-top:16px;gap:6px}.side-nav a{padding:8px 11px;font-size:11px}.side-nav a span{font-size:17px;width:17px}.topbar{height:58px}.page-heading{margin-bottom:28px}.monitor-grid{grid-template-columns:minmax(0,1fr) 250px}.page-footer{flex-wrap:wrap}.control-panel h2{font-size:23px}}
@media(max-width:650px){main{padding:25px 16px 16px}.topbar{padding:0 16px}.breadcrumb{display:none}.sidebar{padding:16px}.side-nav{gap:3px;justify-content:space-between}.side-nav a{padding:8px 5px;font-size:11px;gap:5px}.side-nav a span{display:none}h1{font-size:30px}.page-heading p{font-size:12px}.overview-toolbar{align-items:start;flex-direction:column;gap:10px}.toolbar-actions{gap:20px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics article{padding:20px}.metrics article:nth-child(2){border-right:0}.metrics article:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric-value strong{font-size:24px}#bytes{font-size:22px}.monitor-grid{grid-template-columns:1fr;gap:0}.control-panel h2{max-width:none}.buttons{margin-top:6px}.panel-heading{align-items:start;gap:12px}.period-label{white-space:normal;text-align:right;max-width:100px}.chart-panel{padding:22px 18px}canvas{height:190px}.grid{gap:16px}.settings-footer{align-items:stretch;flex-direction:column}#auth{align-items:stretch;flex-direction:column}.login-panel{margin:25px 0;padding:25px}section{padding:22px 18px}.control-panel{padding:24px}.page-footer{line-height:1.6}.metric-unit{display:none}}
@media(pointer:coarse){button,.side-nav a{min-height:44px}input,select{font-size:16px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
.hours{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px 10px;margin:8px 0 16px}
.hours label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#607680}
.hours input{width:100%}
.hours label.now{color:#159ba7;font-weight:700}
@media(max-width:650px){.hours{grid-template-columns:repeat(4,minmax(0,1fr))}}
section details>summary.panel-heading{cursor:pointer;list-style:none;margin-bottom:0}
section details>summary.panel-heading::-webkit-details-marker{display:none}
section details>summary.panel-heading::marker{content:""}
section details[open]>summary.panel-heading{margin-bottom:21px}
section details>summary.panel-heading::after{content:"▸";color:#159ba7;font-size:14px}
section details[open]>summary.panel-heading::after{content:"▾"}
body.locked .sidebar,body.locked .topbar,body.locked .page-heading{display:none}
body.locked .app-shell{grid-template-columns:minmax(0,1fr)}
body.locked main{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
body.locked .login-panel{width:min(650px,100%);margin:0}
@font-face{font-family:"Cooper Lt BT";font-style:normal;font-weight:300;font-display:swap;src:url("assets/fonts/cooper-lt-bt.woff2") format("woff2")}
.powered-by{flex-basis:100%;margin-top:1.75rem;font-size:10px;line-height:1.2;text-align:center}
.powered-by a{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;color:#607680;font-family:"Cooper Lt BT",Georgia,serif;font-weight:300;text-decoration:none}
.powered-by a:hover{color:#159ba7}
.powered-by img{width:14px;height:14px;display:block}