@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#18322d;background:#f6f8f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,sans-serif}h1{font-size:36px;line-height:1.12;letter-spacing:-1.4px}h2{font-size:21px;letter-spacing:-.4px}h3{font-size:18px}p{line-height:1.55}.eyebrow{color:#668079;font-size:10px;font-weight:800;letter-spacing:2px;margin-bottom:10px}.muted{color:#83918b}.block{display:block}.loading,.skeleton{display:flex;align-items:center;justify-content:center;gap:12px;min-height:100vh;color:#71867d;font-weight:700}.skeleton{min-height:300px}.app-shell{min-height:100vh;display:flex}.sidebar{width:242px;background:#102822;color:#d9e9e0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex:none;padding:25px 15px}.logo{display:flex;gap:11px;align-items:center;font-family:Outfit,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.5px;padding:0 8px 31px}.logo small{display:block;color:#6e9484;font-family:DM Sans,sans-serif;font-size:8px;letter-spacing:2px;font-weight:700;margin-top:3px}.logo-icon{background:#d8eca3;color:#163a2e;width:37px;height:37px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;flex:none}.nav-heading{font-size:10px;letter-spacing:1.6px;color:#6e9484;font-weight:800;padding:12px 18px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{width:100%;border:0;background:transparent;color:#a1b9ac;display:flex;align-items:center;gap:13px;text-align:left;padding:13px 16px;border-radius:11px;font-weight:700;font-size:14px}.nav-item:hover{background:#1a3c31;color:#fff}.nav-item.active{background:#d8eca3;color:#163a2e}.sidebar-bottom{margin-top:auto}.sidebar-user{border-top:1px solid #28463a;padding:19px 8px 14px;display:flex;align-items:center;gap:10px;min-width:0}.sidebar-user strong{font-size:12px;display:block}.sidebar-user small{display:block;font-size:10px;color:#789d8b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:142px;margin-top:3px}.avatar{width:35px;height:35px;flex:none;border-radius:11px;background:#315745;color:#d6e9cf;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.avatar.mini{width:33px;height:33px;background:#e5eee7;color:#3c6252}.workspace{flex:1;min-width:0}.topbar{height:72px;border-bottom:1px solid #e7ede7;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 42px;color:#96a49b}.breadcrumb,.topbar-right{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.5px;font-weight:800}.breadcrumb strong{color:#254237}.topbar-right{letter-spacing:0;color:#688375}.secure-dot{width:7px;height:7px;border-radius:50%;background:#32ae71}.mobile-brand{display:none}.main-content{max-width:1420px;margin:auto;padding:38px 42px 80px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:18px}.section-head h1{margin-bottom:7px}.section-head p{margin:0;color:#809087;font-size:14px}.primary,.outline,.text-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;border-radius:10px;white-space:nowrap}.primary{background:#153b2e;border:1px solid #153b2e;color:#fff;padding:11px 17px;font-size:13px}.primary:hover{background:#245744}.outline{background:#fff;border:1px solid #d7e1d8;color:#2b5040;padding:10px 16px;font-size:13px}.outline:hover{border-color:#7fac8c}.text-button{border:0;background:none;color:#278966;padding:4px 0;font-size:12px}.icon-button{border:0;background:transparent;color:#8b9c90;padding:5px}.icon-button:hover{color:#245744}.notice{display:flex;align-items:center;gap:13px;background:#e8f3ec;border:1px solid #d8eadc;border-radius:13px;padding:14px 18px;margin-bottom:24px;color:#315944}.notice-icon{display:flex;align-items:center;justify-content:center;width:33px;height:33px;background:#d3e9d9;border-radius:9px;flex:none}.notice strong,.notice span{display:block}.notice strong{font-size:12px;margin-bottom:3px}.notice span{font-size:12px;color:#67816c}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:22px}.stat-card{min-height:156px;background:#fff;border:1px solid #e7ede6;border-radius:17px;padding:20px 22px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 4px 24px #1e42270a}.stat-icon{width:34px;height:34px;background:#e9f4eb;color:#3c8c68;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.stat-card>span{font-size:12px;color:#84918a;font-weight:700}.stat-card>strong{font-family:Outfit;font-size:28px;line-height:1.3;letter-spacing:-.7px}.stat-card>small{font-size:10px;color:#829188;margin-top:3px}.stat-card.hero{background:#183d30;color:#fff;border-color:#183d30;background-image:radial-gradient(circle at 90% 0%,#2c654a,transparent 50%)}.stat-card.hero .stat-icon{background:#356c4a;color:#dbedab}.stat-card.hero>span,.stat-card.hero>small{color:#a9d2b9}.two-col{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:19px;margin-bottom:22px}.panel{background:#fff;border:1px solid #e6ede6;border-radius:17px;padding:22px;box-shadow:0 4px 24px #1e42270a;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.panel-head h2{margin:0}.chart-wrap{height:215px;width:100%}.chart-wrap.tall{height:300px}.tariff-mini{background:#f0f3e6;border-color:#e8edd9;padding:26px;display:flex;flex-direction:column}.tariff-mini h2{margin-bottom:26px}.tariff-name{font-weight:700;font-size:14px;color:#426348}.unit-price{font-family:Outfit;font-size:32px;letter-spacing:-1px;font-weight:700;margin-top:7px}.unit-price small{font-family:DM Sans;font-size:12px;letter-spacing:0;color:#6a806c}.tariff-mini p{font-size:12px;color:#718073;margin:10px 0 23px}.tariff-mini .text-button{align-self:flex-start;margin-top:auto}.quick-actions{border-radius:17px;background:#ecf2e9;padding:24px;display:flex;gap:12px;align-items:center}.quick-actions>div{margin-right:auto}.quick-actions h2{margin:0 0 2px}.quick-actions p{font-size:12px;color:#718573;margin:0}.filters{display:flex;align-items:end;gap:13px;margin-bottom:20px;flex-wrap:wrap}.filters label{font-size:11px;color:#7e9284;font-weight:700}.filters input{display:block;margin-top:5px;width:160px}.segmented{display:inline-flex;background:#e9efe9;padding:4px;border-radius:10px;margin-left:auto}.segmented button,.subnav button{border:0;background:transparent;padding:8px 17px;border-radius:8px;color:#6f8575;font-weight:800;font-size:12px}.segmented button.on,.subnav button.on{background:#fff;color:#244c38;box-shadow:0 2px 7px #244c3817}.table-panel{margin-top:20px}.table-scroll{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;min-width:690px}th{text-align:left;color:#95a299;font-size:10px;letter-spacing:.9px;text-transform:uppercase;padding:12px;border-bottom:1px solid #e8eee8}td{font-size:12px;color:#647568;padding:14px 12px;border-bottom:1px solid #eef1ec}tbody tr:last-child td{border-bottom:0}.strong{font-weight:800;color:#263e31}.badge{font-size:10px;font-weight:800;padding:5px 8px;border-radius:7px;display:inline-flex}.badge.green{background:#e7f4e8;color:#378362}.badge.amber{background:#fcf3dc;color:#a87922}.search-box{display:flex;align-items:center;gap:10px;border:1px solid #dce7db;background:#fff;border-radius:10px;padding:0 12px;margin-bottom:20px;color:#82968b;max-width:390px}.search-box input{border:0;outline:0;width:100%;padding:12px 4px}.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.device-card{background:#fff;border:1px solid #e5ece6;border-radius:16px;padding:19px;display:flex;flex-direction:column;min-height:270px}.device-top{display:flex;align-items:center;gap:10px;margin-bottom:18px}.device-glyph{display:flex;align-items:center;justify-content:center;border-radius:10px;background:#e8f4e9;color:#25866c;width:38px;height:38px}.device-category{font-size:10px;font-weight:800;color:#86a08e;text-transform:uppercase;letter-spacing:1px;margin-right:auto}.device-card h3{margin:0 0 4px}.device-card p{color:#8c998f;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-bottom:20px}.device-spec{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1ec;padding-top:14px;font-size:11px;color:#839187}.device-spec strong{color:#345842;font-size:13px}.start-button,.stop-button{margin-top:auto;display:flex;justify-content:center;align-items:center;gap:7px;border:0;border-radius:9px;padding:10px;font-size:12px;font-weight:800;background:#e8f4eb;color:#24764c}.stop-button{background:#fff0e8;color:#af603a}.active-session,.last-session{font-size:10px;color:#468962;margin:12px 0;min-height:15px}.last-session{color:#8c998f}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#40bf78;margin-right:3px}.sessions-panel{margin-top:22px}.empty{text-align:center;padding:44px 16px;color:#8b9c91;display:flex;align-items:center;flex-direction:column}.empty h3{color:#365744;margin:14px 0 4px}.empty p{max-width:400px;font-size:12px}.subnav{display:flex;gap:5px;background:#e9efe9;border-radius:11px;padding:4px;width:max-content;margin-bottom:20px}.subnav button{display:flex;align-items:center;gap:7px}.more-cols{grid-template-columns:1fr 1fr}.big-unit{font-family:Outfit;font-size:38px;font-weight:700;letter-spacing:-1px;margin:10px 0}.big-unit span{font-family:DM Sans;font-size:13px;letter-spacing:0;font-weight:600;color:#829184}.price-lines{margin:24px 0}.price-lines div{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #edf1ed;padding:13px 0;font-size:12px;color:#789083}.price-lines strong{color:#365748;text-align:right}.doc-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid #e9efe9;padding:14px 2px;color:#2e7054}.doc-row span{flex:1}.doc-row strong,.doc-row small{display:block}.doc-row strong{font-size:12px;color:#365744}.doc-row small{font-size:10px;color:#95a19a;margin-top:3px}.upload-form{border-top:1px solid #edf1ed;margin-top:16px;padding-top:16px;display:flex;flex-direction:column;gap:10px}.upload-form button{align-self:flex-start}.bill-form{background:#f5f8f3;border-radius:12px;padding:18px;margin:12px 0 20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}label{display:block;font-weight:700;font-size:11px;color:#6b8072}input,select,textarea{border:1px solid #dae5dc;border-radius:9px;padding:10px 12px;background:#fff;color:#264936;outline:none;width:100%;margin-top:6px;font-size:13px}input:focus,select:focus,textarea:focus{border-color:#3a9973;box-shadow:0 0 0 3px #3a997319}textarea{min-height:90px;resize:vertical}.bill-form .primary{margin-top:15px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-grid form{display:flex;flex-direction:column;gap:12px;margin-top:20px}.settings-grid form button{align-self:flex-start}.sync-status{border-top:1px solid #edf1ed;padding-top:12px;font-size:11px;color:#80928a;margin-top:19px}.error{color:#b74639;background:#fff1ef;border-radius:8px;padding:8px;font-size:12px;margin:8px 0;display:block}.modal-backdrop{position:fixed;inset:0;background:#0d241ec4;display:flex;align-items:center;justify-content:center;z-index:20;padding:14px}.modal{width:min(640px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:18px;padding:24px;box-shadow:0 25px 80px #0004}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-head h2{margin:0}.modal form>label{margin-top:14px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.toast{position:fixed;bottom:25px;right:25px;background:#183d30;color:#fff;padding:13px 19px;border-radius:10px;z-index:40;font-weight:700;font-size:12px;box-shadow:0 8px 30px #0003}.bottom-nav{display:none}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-card{max-width:440px;width:100%;margin:auto;padding:30px}.brand-mark{width:48px;height:48px;background:#d7ecaa;color:#183d30;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:46px}.login-card h1{font-size:48px;margin-bottom:16px}.login-card h1 em{color:#238660;font-style:normal}.login-card p{color:#809087;font-size:14px;margin-bottom:36px}.login-card form{display:flex;flex-direction:column;gap:17px}.login-card input{padding:13px;margin-top:8px}.wide{width:100%;justify-content:space-between;margin-top:7px;padding:14px 17px}.login-card small{display:block;color:#a0aea4;margin-top:34px;font-size:10px}.login-aside{background:#143a2b;position:relative;overflow:hidden;color:#fff;display:flex;align-items:center;justify-content:center}.aside-content{width:390px;z-index:1}.aside-icon{background:#d9eaa2;color:#214836;border-radius:17px;width:68px;height:68px;display:flex;align-items:center;justify-content:center;margin-bottom:45px}.aside-content h2{font-size:43px;line-height:1.1;margin-bottom:20px}.aside-content p{color:#aecabb;font-size:15px;max-width:330px}.aside-lines{position:absolute;width:500px;height:500px;border:1px solid #ffffff18;border-radius:50%;right:-150px;bottom:-220px;box-shadow:0 0 0 100px #ffffff05,0 0 0 200px #ffffff05,0 0 0 300px #ffffff03}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:208px}.main-content{padding:30px 24px 80px}.topbar{padding:0 24px}}@media(max-width:760px){.sidebar{display:none}.topbar{height:60px;padding:0 18px}.mobile-brand{display:flex;align-items:center;gap:9px;font-family:Outfit;font-weight:800;color:#244636}.mobile-brand .logo-icon{height:28px;width:28px;border-radius:8px}.breadcrumb{display:none}.topbar-right{font-size:0}.topbar-right .secure-dot{display:none}.main-content{padding:26px 16px 100px}.section-head{align-items:flex-start}.section-head h1{font-size:30px}.section-head p{font-size:12px}.section-head .outline{font-size:0;padding:10px}.section-head .outline svg{width:19px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:15px;min-height:144px}.stat-card.hero{grid-column:span 2;min-height:138px}.stat-card>strong{font-size:23px}.two-col,.more-cols,.settings-grid{grid-template-columns:1fr}.quick-actions{flex-wrap:wrap}.quick-actions>div{width:100%;margin-bottom:4px}.device-grid{grid-template-columns:1fr 1fr;gap:10px}.device-card{padding:14px;min-height:260px}.device-card h3{font-size:16px}.device-card p{font-size:10px}.bottom-nav{height:70px;position:fixed;z-index:9;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e8eee9;display:flex;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{border:0;background:none;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#94a398;min-width:66px}.bottom-nav button.selected{color:#21694c}.login-page{grid-template-columns:1fr}.login-aside{display:none}.login-card{padding:34px}.login-card h1{font-size:40px}.subnav{width:100%;justify-content:space-around}.subnav button{padding:9px 7px;font-size:10px}.form-grid{grid-template-columns:1fr 1fr}.filters input{width:135px}.segmented{margin-left:0}.toast{bottom:82px;left:16px;right:16px;text-align:center}}@media(max-width:430px){.device-grid{grid-template-columns:1fr}.device-card{min-height:240px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card>strong{font-size:21px}.form-grid{grid-template-columns:1fr}.quick-actions button{width:100%}}.research-button{border:0;background:transparent;color:#478b70;font-size:10px;font-weight:800;padding:11px 3px 0;display:flex;align-items:center;justify-content:center;gap:5px}.research-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e7eee8;padding:14px 0}.research-row strong,.research-row small,.research-row a{display:block}.research-row strong{font-size:12px}.research-row small{color:#839389;font-size:11px;margin-top:4px}.research-row a{font-size:10px;color:#22815a;margin-top:4px}.reconcile{border-radius:10px;background:#f2f6ed;padding:15px 18px;margin-top:20px}.reconcile strong,.reconcile span{display:block;font-size:12px}.reconcile span{color:#6c806f;margin-top:5px;line-height:1.5}.login-card .remember-option{display:flex;align-items:center;gap:9px;margin:16px 0 7px;font-size:13px;color:#365746;cursor:pointer}.login-card .remember-option input{width:17px;height:17px;margin:0;padding:0;accent-color:#276d4e}.contract-facts{display:flex;flex-direction:column;gap:5px;border-top:1px solid #e8eee8;padding:17px 0;margin-top:18px;color:#527262;font-size:12px}.contract-facts strong{color:#254237;font-size:14px}.bill-actions{display:flex;align-items:center;gap:14px;white-space:nowrap}.bill-actions button{border:0;background:none;padding:0;color:#26694d}.invoice-breakdown{margin-top:22px;padding:18px;border:1px solid #e1e9df;border-radius:13px;background:#f8fbf7}.invoice-breakdown .panel-head{margin-bottom:12px}.invoice-breakdown table{min-width:720px}.invoice-breakdown>strong{display:block;margin-top:15px;font-size:13px;color:#254237}.tariff-history{grid-column:1/-1}.password-panel form{max-width:700px}.password-panel form button{margin-top:15px}.pending-notice{justify-content:space-between}.pending-notice>div{flex:1}.pending-notice .outline{flex:none}@media(max-width:430px){.pending-notice{flex-wrap:wrap}.pending-notice .outline{width:100%}}
