:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#263c35;background:#f5f7f5;font-synthesis:none;font-size:14px;--green:#246b53;--dark:#162e26;--muted:#87948d;--border:#e5eae6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;transition:background .15s}button:disabled{opacity:.5;cursor:wait}input,select{min-width:0;border:1px solid #dfe5df;border-radius:6px;padding:10px 12px;background:#fff;color:#30443a;outline:none}input:focus,select:focus{border-color:#438367;box-shadow:0 0 0 3px #246b5311}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #85b9a4;outline-offset:3px}button{border:0;background:none;color:inherit}h1,h2,h3,p{margin:0}h1{font-size:28px;letter-spacing:-.7px;font-weight:650}h2{font-size:16px;font-weight:650}h3{font-size:14px}small{font-size:12px}.muted{color:#7b8981}.small{font-size:12px}.mono{font-family:Cascadia Code,Consolas,monospace;font-size:12px}.primary,.secondary{border-radius:6px;padding:10px 17px;font-weight:500;white-space:nowrap}.primary{background:var(--green);color:#fff}.primary:hover{background:#18533e}.secondary{background:#fff;border:1px solid #dde5de}.secondary:hover{background:#eff3ef}.text-button{color:var(--green);font-size:12px;padding:5px}.full{width:100%;padding:14px}.compact{padding:9px 18px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:600;color:#789284}.brand{display:flex;align-items:center;gap:11px;font-size:17px;letter-spacing:1px;white-space:nowrap}.brand b{font-weight:400;opacity:.65;font-size:13px;margin-left:5px}.brand-mark{width:33px;height:33px;display:grid;place-items:center;background:#8db499;color:#132e23;border-radius:7px;font:700 23px Georgia}.app-shell{display:flex;min-height:100vh}.sidebar{width:228px;flex-shrink:0;position:fixed;inset:0 auto 0 0;background:#172c24;color:#c1d0c7;padding:31px 20px 0;display:flex;flex-direction:column;z-index:5}.sidebar .brand{color:#edf3ec;padding:0 6px}.workspace-label{font-size:10px;color:#6e8778;letter-spacing:1.4px;margin:45px 14px 15px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav button{display:flex;align-items:center;text-align:left;gap:13px;border-radius:6px;padding:13px 14px;font-size:13px;color:#99aea0}.sidebar nav button:hover{background:#233c30}.sidebar nav button.selected{background:#304e3d;color:#ecf4e9}.nav-icon{width:17px;font-size:20px;line-height:20px}.nav-dot{height:5px;width:5px;border-radius:50%;background:#a4c998;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:25px 8px 0}.system-label{font-size:11px;color:#96ad9e}.live-dot,.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px}.live-dot{background:#8db599}.sidebar-bottom>p{font-size:10px;color:#6e8778;margin-top:10px;line-height:1.8}.profile{margin:24px -8px 0;padding:21px 4px;border-top:1px solid #304237;display:flex;align-items:center;gap:10px}.avatar{height:33px;width:33px;display:grid;place-items:center;background:#405c48;border-radius:50%;color:#d5e8cb;font-size:12px}.profile strong{display:block;font-size:12px;max-width:105px;overflow:hidden;text-overflow:ellipsis}.profile small{display:block;color:#78907f;font-size:10px;margin-top:4px}.logout{margin-left:auto;color:#97ac9b;font-size:21px}.main{margin-left:228px;width:calc(100% - 228px)}.topbar{height:69px;background:#fff;border-bottom:1px solid var(--border);padding:0 36px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#75867b}.slash{margin:0 15px;color:#c4ccc6}.topbar>div{display:flex;align-items:center;gap:22px}.timezone{font-size:11px}.top-badge{background:#f0f4f0;padding:6px 10px;border-radius:4px;color:#667e6c;font-size:11px}.page{padding:31px 36px 20px;max-width:1680px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.page-heading h1{margin:9px 0 10px}.page-heading p{color:#8a978f;font-size:12px}.page-heading>.secondary{font-size:12px}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:23px}.filter-bar input,.filter-bar select{font-size:12px;height:35px;padding:7px 9px}.filter-bar select{max-width:175px;min-width:120px}.filter-bar>input{width:155px}.date-pair{display:flex;align-items:center;border:1px solid #dfe5df;border-radius:6px;background:#fff}.date-pair input{border:0;width:126px;background:none;box-shadow:none}.date-pair span{color:#b7c3bb}.quick-range{margin-left:auto;display:flex;gap:2px}.quick-range button{font-size:11px;padding:7px 8px;color:#7b8d81}.quick-range button:hover{background:#e6eee7;border-radius:4px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:23px}.metric{background:#fff;border:1px solid var(--border);border-radius:9px;padding:20px 22px}.metric>span{display:flex;justify-content:space-between;align-items:center;color:#7c8b81;font-size:12px}.metric i{font-style:normal;display:grid;place-items:center;width:25px;height:25px;border:1px solid #ecf0eb;border-radius:6px;font-size:14px;color:#81998a}.metric>strong{display:block;font-size:34px;letter-spacing:-1.2px;font-weight:550;line-height:1.2;margin:15px 0 13px;font-variant-numeric:tabular-nums}.metric small{font-size:10px;color:#9aa69d}.metric.featured{background:#ecf2e9;border-color:#dce6d7}.metric.featured strong{color:#376548}.metric em{font-size:19px;font-style:normal;margin-left:3px}.green{color:#4b906b!important}.orange{color:#c79860!important}.green-bg{background:#599876}.orange-bg{background:#cd9c69}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.card{background:#fff;border:1px solid var(--border);border-radius:9px;overflow:hidden}.card-title{display:flex;align-items:center;justify-content:space-between;padding:23px 23px 18px;gap:15px}.card-title h2{font-size:14px}.card-title p{font-size:10px;color:#97a197;margin-top:7px}.legend{font-size:10px;color:#8c9c8e}.tag{font-size:10px;color:#8d9f90;background:#f5f7f2;border-radius:5px;padding:5px 8px}.empty{text-align:center;padding:58px 22px;color:#97a396;font-size:12px}.empty>span{display:block;color:#a4b6a4;font-size:31px;margin-bottom:17px}.empty h3{font-size:13px;color:#718571;font-weight:500;margin-bottom:10px}.empty p{font-size:11px;line-height:1.8}.empty .text-button{margin-top:15px}.chart-empty{height:244px;padding:35px 20px}.empty.short{padding:32px 20px}.chart{position:relative;margin:0 22px 20px 15px;padding-left:25px;height:225px}.chart svg{width:100%;height:205px;overflow:visible}.chart line{stroke:#eef1eb;stroke-dasharray:4 4}.chart polyline{fill:none;stroke:#4d8965;stroke-width:2.5;stroke-linejoin:round}.chart circle{fill:#fff;stroke:#4d8965;stroke-width:2}.chart-y{position:absolute;left:0;font-size:9px;color:#a1aca1}.chart-y.top{top:33px}.chart-y.middle{top:100px}.chart-y.bottom{top:169px}.chart-dates{display:flex;justify-content:space-between;margin:0 20px;color:#9ba79d;font-size:9px}.ng-list{padding:6px 24px 25px;max-height:244px;overflow-y:auto}.ng-list>div{margin-bottom:17px}.bar-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:8px;color:#71806f}.bar-label strong{font-size:11px;font-weight:500}.bar-track{height:6px;background:#f4f3ef;border-radius:3px;overflow:hidden}.bar-track span{height:6px;display:block;border-radius:3px;background:#cba675}.ng-list>small{font-size:9px;color:#a1a496;line-height:1.6}.device-summary{display:flex;align-items:center;gap:16px;padding:0 24px 18px}.device-summary>strong{font-size:31px;font-weight:500}.device-summary small{font-size:16px;color:#a5b2a5;margin-left:4px}.device-summary>span{font-size:11px;color:#8a9b8b}.device-mini{display:flex;align-items:center;gap:12px;margin:0 23px;padding:12px 0;border-top:1px solid #f1f3ee}.device-symbol{font-size:20px;background:#f2f5ef;border-radius:7px;padding:7px;color:#809879}.device-mini strong{font-size:12px;font-weight:500}.device-mini small{display:block;font-size:9px;color:#a3ad9d;margin-top:4px}.device-mini .status{margin-left:auto}.status{display:inline-block;font-size:10px;border-radius:4px;padding:4px 9px;background:#f0f2ef;color:#92a18e;white-space:nowrap}.status.online{color:#4c8363;background:#eaf3eb}.status.ng{color:#b27743;background:#fcf1e5}.status.offline{color:#a9916c;background:#f7f2e8}.status.disabled{color:#9c9c94;background:#eee}.status.never{color:#8b9b8b;background:#eff2ee}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-weight:400;font-size:10px;letter-spacing:.3px;color:#9aa598;background:#fafbf8;padding:13px 23px;white-space:nowrap}td{padding:17px 23px;border-top:1px solid #f0f3ed;color:#61725e;line-height:1.6}td strong{font-weight:500;color:#3c533e}.cell-sub{display:block;font-size:10px;color:#9aa791;margin-top:4px}.rate-pill{color:#508465;font-size:11px}.count{font-size:11px;background:#f0f3ee;color:#8c9f89;padding:3px 7px;border-radius:5px;font-weight:400;margin-left:8px}.table-scroll{overflow-x:auto}.table-card th,.table-card td{padding-left:20px;padding-right:20px}.table-card tbody tr:hover{background:#fafcf8}.actions{white-space:nowrap}.actions button{padding:3px 8px;color:#688565;font-size:11px}.actions button:hover{background:#edf3e9;border-radius:4px}.pagination{padding:18px 22px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;color:#9aab93;font-size:11px}.pagination>div{display:flex;gap:10px}.pagination button{font-size:11px;padding:7px 12px}.page-footer{display:flex;justify-content:space-between;margin-top:28px;font-size:10px;color:#a1ad9e;gap:15px}.footer-sep{margin:0 10px;color:#cad3c5}.error{background:#fff1eb;color:#ab5b3f;border:1px solid #f1dacd;border-radius:6px;padding:12px;font-size:12px;line-height:1.6}.page-error{margin-bottom:18px;display:flex;justify-content:space-between}.page-error button{font-size:17px}.overlay{position:fixed;inset:0;background:#0e221d66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;display:flex;align-items:center;justify-content:center;padding:20px}.modal{position:relative;background:#fff;border-radius:12px;padding:32px;width:470px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 24px 80px #132b2422}.close{position:absolute;right:18px;top:15px;font-size:26px;color:#899a8a}.modal h2{font-size:21px;margin:10px 0 22px}.modal p{font-size:12px;line-height:1.8}.modal label,.settings-card label,.login-form label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#70806f;margin:19px 0}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:26px}.secret-code{display:block;padding:13px;background:#f2f5ee;border:1px solid #e2e9dc;word-break:break-all;color:#557b4c;border-radius:5px;font-size:12px;-webkit-user-select:all;user-select:all}.drawer-overlay{justify-content:flex-end;padding:0}.drawer{width:570px;max-width:100%;height:100vh;background:#fff;overflow:auto;padding:39px 33px;position:relative;box-shadow:-10px 0 40px #14321e11}.drawer h2{font-size:22px;margin:13px 0}.drawer>.mono{font-size:10px}.drawer h3{margin:28px 0 15px;font-size:13px}.detail-meta{display:grid;grid-template-columns:100px 1fr;gap:15px;margin:28px 0;font-size:12px}.detail-meta dt{color:#93a08c}.detail-meta dd{margin:0;word-break:break-word;color:#556d4d}.detail-values{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-values>div{background:#f6f8f3;border-radius:7px;padding:16px}.detail-values small{color:#8c9d82;font-size:10px}.detail-values strong{display:block;font-size:22px;font-weight:500;color:#3d6333;margin-top:9px}.detail-values em{font-size:11px;color:#9faf90;font-style:normal}.ng-tags{display:flex;gap:8px;flex-wrap:wrap;font-size:11px}.drawer details{font-size:12px;color:#819672;cursor:pointer}.drawer pre{font-size:11px;white-space:pre-wrap;background:#f5f7f0;padding:15px}.detail-note{font-size:11px;color:#a2ad96;margin-top:30px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:100;background:#244931;color:#fff;border:1px solid #577353;padding:14px 24px;border-radius:8px;box-shadow:0 6px 30px #12321722;font-size:13px}.settings-card{padding:29px;max-width:560px}.settings-card p{font-size:12px;margin:12px 0 23px}.settings-card button{margin-top:10px}.login-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:#193429;color:#eef2e6;padding:42px 50px;display:flex;flex-direction:column;position:relative;overflow:hidden}.story-body{margin:auto 0;padding:65px 0}.story-body .eyebrow{color:#93b79b;font-size:10px}.story-body h1{font-size:43px;line-height:1.65;font-weight:500;letter-spacing:0;margin:24px 0}.story-body p{font-size:14px;color:#a1b8a3;line-height:2}.story-body>small{font-size:9px;letter-spacing:2.7px;color:#75987a}.login-story footer{font-size:10px;color:#77997d;letter-spacing:1px}.signal-art{display:flex;gap:15px;align-items:center;height:115px;margin:40px 0 20px;opacity:.7}.signal-art span{width:3px;background:#7fa886;border-radius:4px;height:13px}.signal-art span:nth-child(2),.signal-art span:nth-child(11){height:28px}.signal-art span:nth-child(3),.signal-art span:nth-child(10){height:45px}.signal-art span:nth-child(4),.signal-art span:nth-child(9){height:78px}.signal-art span:nth-child(5){height:104px}.signal-art span:nth-child(6){height:67px}.signal-art span:nth-child(7){height:40px}.signal-art span:nth-child(8){height:50px}.login-panel{background:#fcfdf9;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:45px}.login-form{width:330px;max-width:100%}.login-form h2{font-size:28px;font-weight:600;margin:15px 0}.login-form>.muted{font-size:12px;margin-bottom:34px}.login-form label{margin:21px 0}.login-form input{padding:13px;background:#fff}.login-form .error{margin-bottom:15px}.login-form>.primary{margin-top:11px}.login-note{font-size:10px;color:#a4ad9e;line-height:1.9;margin-top:20px}.login-bottom{position:absolute;bottom:34px;font-size:10px;letter-spacing:1px;color:#a3b199}@media(min-width:1500px){.page{padding-top:38px}.metric{padding:24px 27px}.metrics{gap:22px}.dashboard-grid{gap:24px}.chart-empty{height:270px}.chart{height:250px}.chart svg{height:230px}}@media(max-width:1150px){.sidebar{width:195px;padding-left:13px;padding-right:13px}.main{margin-left:195px;width:calc(100% - 195px)}.page{padding:25px 23px}.topbar{padding:0 23px}.metric{padding:16px}.metric>strong{font-size:28px}.dashboard-grid{grid-template-columns:1.2fr 1fr}.quick-range{margin-left:0}.filter-bar{gap:7px}.login-story{padding:35px}.story-body h1{font-size:35px}}@media(max-width:850px){.sidebar{width:170px}.sidebar .brand{font-size:14px;gap:7px}.brand b{font-size:11px}.sidebar nav button{font-size:12px;padding:12px 10px}.main{margin-left:170px;width:calc(100% - 170px)}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.timezone{display:none}.page-footer{flex-direction:column}.page-heading p{max-width:280px;line-height:1.8}.login-story{padding:28px}.story-body h1{font-size:29px}.login-panel{padding:30px}}@media(max-width:600px){.sidebar{position:static;width:100%;padding:14px}.sidebar .brand{padding:0 4px}.workspace-label,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;overflow:auto;margin-top:14px;gap:3px}.sidebar nav button{white-space:nowrap;padding:8px 10px}.nav-icon,.nav-dot{display:none}.app-shell{display:block}.main{margin:0;width:100%}.topbar{height:48px;padding:0 16px}.page{padding:22px 16px}.page-heading h1{font-size:24px}.page-heading p{font-size:10px;max-width:225px}.page-heading>.secondary{padding:8px;font-size:10px}.metric{padding:15px}.metrics{gap:11px}.metric>strong{font-size:27px}.filter-bar select{min-width:110px;max-width:140px}.login-shell{grid-template-columns:1fr}.login-story{padding:24px;min-height:130px}.story-body,.login-story footer{display:none}.login-panel{min-height:calc(100vh - 130px);padding:40px 30px 80px}.card-title{padding:20px 16px}.drawer{padding:35px 23px}.page-footer,.card-title .small{font-size:9px}}