:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e8ebdf;background:#0d100b;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0d100b}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#11150e;border-right:1px solid #252b20;padding:25px 16px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;gap:11px;align-items:center;color:#f3f5ed;text-decoration:none;font-size:15px;font-weight:800;letter-spacing:.4px;padding:0 7px 35px}.brand b{color:#a3e635}.brand small{display:block;color:#818a76;font-size:8px;letter-spacing:1.7px;margin-top:4px}.brand-mark{width:35px;height:35px;border-radius:11px;background:#a3e635;color:#151b0d;display:grid;place-items:center;font-weight:950;font-size:21px}.workspace-label,.nav-heading{font-size:9px;letter-spacing:1.5px;color:#707968;font-weight:800;padding:0 10px 10px}.workspace{height:40px;border:1px solid #2a3224;border-radius:8px;display:flex;align-items:center;gap:9px;padding:0 10px;font-size:11px;color:#d7ddcf;margin-bottom:27px}.workspace-dot,.pulse{height:7px;width:7px;background:#a3e635;border-radius:50%;box-shadow:0 0 10px #a3e655}.chevron{margin-left:auto;color:#849078}.nav-item{display:flex;align-items:center;gap:12px;color:#9ba391;text-decoration:none;padding:11px 12px;border-radius:7px;font-size:12px;margin:2px 0}.nav-item span{font-size:16px;width:17px;text-align:center;color:#8e9a7e}.nav-item.active{background:#20291a;color:#c5f47a;font-weight:650}.nav-item.active span{color:#a3e635}.nav-heading{padding-top:25px}.sidebar-bottom{margin-top:auto}.status-line{font-size:10px;color:#9ba58f;display:flex;align-items:center;gap:8px;padding:13px 10px;border-bottom:1px solid #252b20}.user{display:flex;align-items:center;gap:9px;padding:15px 5px 0;font-size:10px}.avatar{width:30px;height:30px;background:#303c25;border:1px solid #52683b;color:#c7f58c;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800}.user small{display:block;color:#7f8976;margin-top:3px}.more{margin-left:auto;color:#88917d;letter-spacing:2px}.main{margin-left:244px;min-height:100vh}.topbar{height:68px;border-bottom:1px solid #242a20;display:flex;align-items:center;justify-content:space-between;padding:0 42px;color:#8d9684;font-size:11px}.crumb span{padding:0 9px;color:#4f5848}.crumb b{color:#e6eadf}.top-actions{display:flex;align-items:center;gap:17px}.demo-tag{font-size:9px;letter-spacing:1px;color:#c4ee83;border:1px solid #43572b;background:#202c17;padding:6px 9px;border-radius:4px}.icon-btn{background:none;border:0;color:#a4ad99;font-size:19px}.avatar.small{width:27px;height:27px}.content{max-width:1500px;margin:auto;padding:36px 42px 24px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#8d9b7d;font-weight:750}.page-head h1{font-size:29px;letter-spacing:-1px;margin:9px 0 5px;color:#f0f2e9}.page-head p,.panel-head p{margin:0;color:#87917d;font-size:11px}.primary-btn{background:#a3e635;color:#17200d;border:0;border-radius:6px;padding:11px 16px;font-size:11px;font-weight:800;cursor:pointer}.notice{border:1px solid #344526;background:#182116;border-radius:8px;padding:13px 15px;display:flex;align-items:center;gap:12px;margin-bottom:29px}.notice-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#293d1d;color:#c0f17b;font-weight:800;font-size:12px}.notice b{font-size:11px;color:#d9e8c7}.notice p{font-size:10px;color:#91a184;margin:4px 0 0}.notice-close{margin-left:auto;background:none;border:0;color:#7d8973;font-size:18px;cursor:pointer}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.section-title h2,.panel h2{font-size:13px;margin:0;color:#e6eadf}.period{font-size:10px;border:1px solid #30382a;border-radius:5px;padding:7px 10px;color:#a6af9b}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stat-card,.panel{border:1px solid #293023;background:#141912;border-radius:9px}.stat-card{padding:16px 16px 13px;min-height:150px;position:relative;overflow:hidden}.stat-top{display:flex;justify-content:space-between;color:#a1aa96;font-size:10px}.stat-icon{width:25px;height:25px;border-radius:7px;background:#26331b;color:#b8e87a;display:grid;place-items:center;font-size:15px}.stat-icon.red{background:#36221e;color:#f49b79}.stat-icon.blue{background:#1e2d39;color:#80c2f1}.stat-icon.green{background:#26331b}.stat-value{font-size:27px;font-weight:750;letter-spacing:-1px;color:#f0f3e9;margin:13px 0 5px}.stat-foot{font-size:9px;color:#818b78}.green-text{color:#b5e879;font-weight:700;margin-right:4px}.sparkline{height:25px;display:flex;align-items:end;gap:5px;margin-top:8px}.sparkline i{width:9%;background:#8cbd46;border-radius:2px 2px 0 0;opacity:.75}.bar-track{height:4px;border-radius:9px;background:#2a3025;margin-top:17px}.bar-fill{height:4px;border-radius:9px;background:#a3e635}.device-dots{display:flex;gap:6px;margin-top:15px}.device-dots i{height:5px;flex:1;border-radius:5px;background:#8bbd4b}.status-value{font-size:21px;display:flex;align-items:center;gap:8px}.live-dot{height:8px;width:8px;border-radius:50%;background:#a3e635}.status-line-bottom{font-size:9px;color:#839076;margin-top:14px}.middle-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:13px;margin-top:14px}.panel{padding:17px 18px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head p{margin-top:5px}.legend{font-size:9px;color:#929c87;display:flex;align-items:center;gap:6px}.legend i{height:7px;width:7px;border-radius:50%;background:#a3e635;margin-left:8px}.legend .legend-blocked{background:#60a5fa}.chart{display:flex;height:185px;margin-top:17px}.y-labels{display:flex;flex-direction:column;justify-content:space-between;color:#727e68;font-size:9px;padding:0 11px 20px 0}.chart-area{position:relative;flex:1}.grid-lines{position:absolute;inset:0 0 22px;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{border-top:1px dashed #30382a}.chart svg{position:absolute;inset:0 0 22px;width:100%;height:calc(100% - 22px);overflow:visible}.x-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#727e68;font-size:8px}.categories .more{background:none;border:0}.donut-wrap{display:flex;align-items:center;justify-content:space-around;gap:13px;padding:25px 0 9px}.donut{width:133px;height:133px;border-radius:50%;background:conic-gradient(#a3e635 0 44.7%,#60a5fa 44.7% 77.9%,#d49b54 77.9% 90.8%,#555f4b 90.8% 100%);display:grid;place-items:center;flex-shrink:0}.donut:before{content:"";position:absolute;width:91px;height:91px;background:#141912;border-radius:50%}.donut>div{z-index:1;text-align:center}.donut b{font-size:20px;display:block}.donut small{font-size:9px;color:#89937e}.category-list{flex:1;display:grid;gap:13px}.category-list div{display:grid;grid-template-columns:8px 1fr auto;gap:7px;align-items:center;font-size:9px;color:#9da793}.category-list i{height:7px;width:7px;border-radius:2px}.category-list b{color:#dce3d2;font-size:9px}.c1{background:#a3e635}.c2{background:#60a5fa}.c3{background:#d49b54}.c4{background:#555f4b}.bottom-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:13px;margin-top:14px}.text-link{font-size:9px;color:#b7e77b;text-decoration:none}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:17px;text-align:left;white-space:nowrap}th{font-size:8px;letter-spacing:1px;color:#718067;font-weight:700;padding:0 10px 10px}td{border-top:1px solid #293023;padding:12px 10px;font-size:9px;color:#9da793}td b{color:#dbe2d2;font-weight:550}.pill{padding:4px 7px;border-radius:4px;font-size:8px}.blocked{background:#38231e;color:#f2a18b}.allowed{background:#24331c;color:#b9e681}.profile-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #293023}.profile-icon{height:29px;width:29px;border-radius:7px;background:#29391e;color:#c2ef81;display:grid;place-items:center}.profile-icon.purple{background:#30243d;color:#c4a4ef}.profile-row b{font-size:10px;color:#e1e8d8}.profile-row small{display:block;font-size:8px;color:#89937e;margin-top:4px}.active-label{margin-left:auto;color:#b9e681;font-size:8px}.secondary-btn{width:100%;margin-top:13px;background:transparent;border:1px dashed #47543a;color:#b8e77e;padding:9px;border-radius:5px;font-size:10px;cursor:pointer}footer{display:flex;justify-content:space-between;color:#6f7a66;font-size:9px;padding:25px 0 5px}footer span:nth-child(2){color:#849078}.toast{position:fixed;right:25px;bottom:25px;background:#26351e;border:1px solid #536c37;color:#d9efbf;padding:12px 16px;border-radius:7px;font-size:11px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:1100px){.sidebar{width:205px}.main{margin-left:205px}.content{padding:28px 25px}.topbar{padding:0 25px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:62px;padding:20px 8px}.brand{padding:0 5px 30px}.brand>span:last-child,.workspace-label,.workspace,.nav-item:not(.active),.nav-item.active{font-size:0}.brand-mark{width:37px;flex-shrink:0}.nav-item{justify-content:center;padding:12px 0}.nav-item span{font-size:17px}.nav-heading{font-size:0;padding-top:15px}.user{justify-content:center}.user>div:not(.avatar),.user .more,.sidebar-bottom .status-line{display:none}.main{margin-left:62px}.content{padding:24px 15px}.topbar{height:58px;padding:0 15px}.page-head h1{font-size:24px}.stats-grid{gap:8px}.stat-card{padding:12px;min-height:135px}.stat-value{font-size:23px}.middle-grid,.bottom-grid{grid-template-columns:1fr}.chart-panel{min-height:260px}.donut-wrap{justify-content:flex-start;gap:25px}.notice{align-items:flex-start}.notice p{line-height:1.5}.page-head{align-items:flex-end}.primary-btn{padding:10px;font-size:10px}footer{gap:10px;flex-wrap:wrap}footer span:last-child{width:100%}}