@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark;background:#0a111c;color:#e7edf5;font-optical-sizing:auto}:root[data-theme=light]{color-scheme:light;background:#f2f5fa;color:#172336}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:color-mix(in srgb,var(--accent) 28%,transparent)}.app-shell{--app-bg: #0a111c;--sidebar-bg: #0c1420;--sidebar-border: #1d2a38;--surface: #111c2a;--surface-raised: #152131;--surface-soft: #0f1926;--border: #243242;--border-strong: #33475a;--text: #e7edf5;--text-strong: #f7f9fc;--text-secondary: #a6b2c2;--text-muted: #7c8ba0;--accent: #41d6a2;--accent-strong: #22bc8a;--accent-soft: #14382f;--accent-ink: #85f0c5;--purple: #9b8afb;--purple-soft: #282343;--amber: #f3b96d;--amber-soft: #3c2b1c;--rose: #f38a99;--rose-soft: #3b222c;--chart-grid: #263546;--tooltip-bg: #111c2a;--shadow: 0 16px 50px rgba(0,0,0,.14);background:var(--app-bg);color:var(--text);min-height:100vh;transition:background-color .25s ease,color .25s ease}.app-shell[data-theme=light]{--app-bg: #f3f6fa;--sidebar-bg: #fbfcfe;--sidebar-border: #e4eaf1;--surface: #fff;--surface-raised: #fff;--surface-soft: #f7f9fc;--border: #e3e9f1;--border-strong: #d0d9e5;--text: #354459;--text-strong: #152238;--text-secondary: #64748b;--text-muted: #8795a8;--accent: #159d74;--accent-strong: #0f8964;--accent-soft: #e5f8f0;--accent-ink: #127f61;--purple: #7f70dc;--purple-soft: #f0edff;--amber: #bf7b2b;--amber-soft: #fff3e3;--rose: #c74e65;--rose-soft: #fff0f2;--chart-grid: #e5ebf2;--tooltip-bg: #fff;--shadow: 0 14px 35px rgba(30,48,74,.055)}.app-shell button{-webkit-tap-highlight-color:transparent}.surface-card{background:var(--surface);border:1px solid var(--border);border-radius:17px;box-shadow:var(--shadow);transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .22s ease}.surface-card:hover{border-color:var(--border-strong)}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);bottom:0;display:flex;flex-direction:column;left:0;overflow-y:auto;padding:26px 17px 16px;position:fixed;top:0;transition:background-color .25s ease,border-color .25s ease,transform .25s ease;width:252px;z-index:30}.brand{align-items:center;color:var(--text-strong);display:flex;gap:12px;margin:0 7px 25px;text-decoration:none}.brand-mark{align-items:center;background:linear-gradient(145deg,#3de0ad,#1ca77b);border-radius:13px;box-shadow:0 8px 22px #25ba8b25;color:#fff;display:flex;height:42px;justify-content:center;width:42px}.brand-copy strong{color:var(--text-strong);display:block;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;letter-spacing:-1px;line-height:1.15}.brand-copy strong span{color:var(--accent)}.brand-copy small{color:var(--text-muted);display:block;font-size:8px;font-weight:700;letter-spacing:1.55px;margin-top:6px}.workspace-switcher{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;display:flex;gap:10px;margin-bottom:30px;padding:11px}.workspace-avatar{align-items:center;background:linear-gradient(145deg,var(--accent-soft),var(--surface-raised));border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:9px;color:var(--accent);display:flex;font-family:Manrope,sans-serif;font-size:15px;font-weight:800;height:34px;justify-content:center;width:34px}.workspace-switcher>span:nth-child(2){flex:1;min-width:0}.workspace-switcher strong{color:var(--text);display:block;font-size:11px;font-weight:700}.workspace-switcher small{color:var(--text-muted);display:block;font-size:10px;margin-top:4px}.workspace-switcher>svg{color:var(--text-muted)}.sidebar-nav{display:flex;flex-direction:column;gap:24px}.nav-group{display:grid;gap:5px}.side-caption{color:var(--text-muted);font-size:9px;font-weight:800;letter-spacing:1.7px;margin:0 12px 6px;text-transform:uppercase}.nav-item{align-items:center;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--text-secondary);display:flex;font-size:12px;font-weight:500;gap:12px;min-height:43px;padding:0 12px;text-align:left;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease;width:100%}.nav-item>svg{color:var(--text-muted);flex:0 0 auto;transition:color .18s ease,transform .18s ease}.nav-item:hover{background:var(--surface-raised);color:var(--text-strong);transform:translate(2px)}.nav-item:hover>svg{color:var(--accent)}.nav-item.active{background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 13%,var(--surface)),var(--surface-raised));border-color:color-mix(in srgb,var(--accent) 22%,var(--border));color:var(--accent-ink);font-weight:700}.nav-item.active>svg{color:var(--accent)}.nav-count{align-items:center;background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);display:inline-flex;font-size:10px;height:21px;justify-content:center;margin-left:auto;min-width:22px;padding:0 5px}.sidebar-spacer{flex:1;min-height:25px}.eco-promo{background:radial-gradient(circle at 105% -5%,#1c765c35,transparent 44%),linear-gradient(145deg,#122e30,#101f2c);border:1px solid #214441;border-radius:15px;margin:26px 0 20px;overflow:hidden;padding:14px 14px 12px;position:relative}.app-shell[data-theme=light] .eco-promo{background:linear-gradient(145deg,#e2f7ee,#eef8f8);border-color:#d4eee4}.eco-promo-icon{align-items:center;background:#1b4a40;border-radius:9px;color:#73e7ba;display:flex;height:32px;justify-content:center;margin-bottom:13px;width:32px}.app-shell[data-theme=light] .eco-promo-icon{background:#d0f0e2;color:#168761}.eco-promo>strong{color:#ebfaf4;display:block;font-family:Manrope,sans-serif;font-size:12px}.eco-promo p{color:#9dbab3;font-size:10px;line-height:1.6;margin:7px 0 13px;max-width:170px}.app-shell[data-theme=light] .eco-promo>strong{color:#194938}.app-shell[data-theme=light] .eco-promo p{color:#537e70}.eco-chart{align-items:end;display:flex;gap:4px;height:22px;margin-bottom:13px}.eco-chart i{background:#277e66;border-radius:3px 3px 1px 1px;flex:1;height:30%;opacity:.75}.eco-chart i:nth-child(2),.eco-chart i:nth-child(7){height:55%}.eco-chart i:nth-child(3),.eco-chart i:nth-child(5),.eco-chart i:nth-child(9){height:85%}.eco-chart i:nth-child(4),.eco-chart i:nth-child(8){height:63%}.eco-chart i:nth-child(6){height:100%;background:var(--accent)}.eco-promo>button{align-items:center;background:transparent;border:0;color:#76dfb5;display:inline-flex;font-size:10px;font-weight:700;gap:6px;padding:0;transition:gap .18s ease}.eco-promo>button:hover{gap:10px}.app-shell[data-theme=light] .eco-promo>button{color:#12835f}.sidebar-bottom{margin-top:auto}.sidebar-divider{border-top:1px solid var(--border);margin:0 0 12px}.sidebar-bottom>.nav-item{margin-bottom:12px}.profile-row{align-items:center;border-top:1px solid var(--border);display:flex;gap:9px;margin-top:13px;padding:15px 1px 0}.avatar{align-items:center;background:linear-gradient(145deg,#d5e8fa,#a7c5e9);border:2px solid var(--surface);border-radius:50%;color:#244e7a;display:flex;flex:0 0 auto;font-size:10px;font-weight:800;height:35px;justify-content:center;width:35px}.avatar.mini{border:1px solid var(--border);height:32px;width:32px}.profile-copy{flex:1;min-width:0}.profile-copy strong{color:var(--text);display:block;font-size:10px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy small{color:var(--text-muted);display:block;font-size:9px;margin-top:4px}.icon-ghost,.icon-button{align-items:center;background:transparent;border:1px solid transparent;border-radius:9px;color:var(--text-muted);display:inline-flex;height:33px;justify-content:center;transition:color .18s ease,background .18s ease,border-color .18s ease;width:33px}.icon-ghost:hover,.icon-button:hover{background:var(--surface-raised);border-color:var(--border);color:var(--text)}.main-area{margin-left:252px;min-height:100vh}.topbar{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb,var(--app-bg) 88%,transparent);border-bottom:1px solid var(--border);display:flex;height:70px;justify-content:space-between;padding:0 clamp(22px,3vw,46px);position:sticky;top:0;transition:background-color .25s ease,border-color .25s ease;z-index:15}.topbar-left,.topbar-right{align-items:center;display:flex}.breadcrumb{align-items:center;color:var(--text-muted);display:flex;font-size:11px;gap:11px}.breadcrumb strong{color:var(--text);font-weight:700}.crumb-slash{color:var(--border-strong)}.topbar-right{gap:clamp(12px,2vw,25px)}.system-status{align-items:center;display:inline-flex;font-size:10px;gap:8px;white-space:nowrap}.system-status i{background:var(--text-muted);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--text-muted) 12%,transparent);display:block;height:6px;width:6px}.system-status.connected{color:var(--accent)}.system-status.connected i{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent)}.system-status.disconnected{color:var(--amber)}.system-status.disconnected i{background:var(--amber)}.topbar-date{align-items:center;color:var(--text-muted);display:inline-flex;font-size:10px;gap:7px;white-space:nowrap}.theme-toggle{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:9px;color:var(--text-secondary);display:inline-flex;font-size:10px;font-weight:700;gap:8px;height:35px;padding:0 11px;transition:all .18s ease;white-space:nowrap}.theme-toggle svg{color:var(--accent)}.theme-toggle:hover{border-color:var(--accent);color:var(--text-strong);transform:translateY(-1px)}.mobile-menu{display:none;margin-right:8px}.page-content{margin:0 auto;max-width:1660px;padding:33px clamp(22px,3vw,46px) 20px}.page-enter{animation:page-enter .36s cubic-bezier(.22,1,.36,1) both}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-intro{align-items:flex-end;display:flex;gap:22px;justify-content:space-between;margin:4px 0 29px}.intro-copy{max-width:740px}.eyebrow{align-items:center;color:var(--accent);display:flex;font-size:9px;font-weight:800;gap:7px;letter-spacing:1.75px;margin-bottom:12px;text-transform:uppercase}.page-intro h1{color:var(--text-strong);font-family:Manrope,sans-serif;font-size:clamp(27px,2.3vw,36px);font-weight:800;letter-spacing:-1.35px;line-height:1.14;margin:0}.page-intro p{color:var(--text-muted);font-size:12px;line-height:1.6;margin:10px 0 0}.intro-actions{align-items:center;display:flex;flex:0 0 auto;gap:10px}.meter-select{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;display:flex;gap:7px;height:40px;padding:0 11px;position:relative}.meter-select span{color:var(--text-muted);font-size:10px}.meter-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--text);cursor:pointer;font-size:11px;font-weight:700;max-width:145px;outline:none;padding-right:2px}.meter-select>svg{color:var(--text-muted);pointer-events:none}.button{align-items:center;border:1px solid transparent;border-radius:10px;display:inline-flex;font-size:11px;font-weight:700;gap:8px;height:40px;justify-content:center;padding:0 15px;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;white-space:nowrap}.button:active{transform:translateY(1px) scale(.99)}.button.primary{background:linear-gradient(135deg,#28c895,#169c73);box-shadow:0 7px 19px color-mix(in srgb,var(--accent) 15%,transparent);color:#05271c}.button.primary:hover:not(:disabled){box-shadow:0 9px 24px color-mix(in srgb,var(--accent) 23%,transparent);filter:brightness(1.06);transform:translateY(-1px)}.button.secondary{background:var(--surface-raised);border-color:var(--border);color:var(--text-secondary)}.button.secondary:hover:not(:disabled){background:var(--surface-soft);border-color:var(--border-strong);color:var(--text-strong)}.button.danger-quiet{background:var(--rose-soft);border-color:color-mix(in srgb,var(--rose) 22%,var(--border));color:var(--rose)}.full-width{width:100%}.notice{align-items:center;animation:slide-in .25s ease both;border:1px solid;border-radius:11px;display:flex;font-size:11px;gap:12px;justify-content:space-between;margin:0 0 22px;padding:12px 14px}.notice>span{align-items:center;display:flex;gap:9px;line-height:1.5}.notice>button{align-items:center;background:transparent;border:0;color:inherit;display:flex;opacity:.75;padding:2px}.notice.success{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:color-mix(in srgb,var(--accent) 24%,var(--border));color:var(--accent-ink)}.notice.error{background:color-mix(in srgb,var(--rose) 9%,var(--surface));border-color:color-mix(in srgb,var(--rose) 25%,var(--border));color:var(--rose)}.notice.info{background:color-mix(in srgb,var(--purple) 9%,var(--surface));border-color:color-mix(in srgb,var(--purple) 22%,var(--border));color:var(--purple)}@keyframes slide-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.loading-state{align-items:center;color:var(--text-muted);display:flex;gap:11px;justify-content:center;min-height:420px}.spin{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.inline-alert{align-items:center;animation:slide-in .25s ease both;background:color-mix(in srgb,var(--amber) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--amber) 25%,var(--border));border-radius:13px;display:flex;gap:12px;margin:-8px 0 19px;padding:12px 14px}.alert-icon{align-items:center;background:var(--amber-soft);border-radius:9px;color:var(--amber);display:flex;height:34px;justify-content:center;width:34px}.inline-alert>span:nth-child(2){flex:1}.inline-alert strong,.inline-alert small{display:block}.inline-alert strong{color:var(--text-strong);font-size:11px}.inline-alert small{color:var(--text-muted);font-size:10px;margin-top:4px}.text-button{align-items:center;background:transparent;border:0;color:var(--accent);display:inline-flex;font-size:10px;font-weight:700;gap:5px;padding:4px 0;transition:color .18s ease,gap .18s ease;white-space:nowrap}.text-button:hover{color:var(--accent-ink);gap:8px}.alert-close{align-items:center;background:transparent;border:0;color:var(--text-muted);display:flex;padding:4px}.metric-grid{display:grid;gap:15px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.metric-grid.three-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{min-height:142px;overflow:hidden;padding:18px 19px 16px;position:relative}.metric-card:after{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%);content:"";height:130px;pointer-events:none;position:absolute;right:-53px;top:-68px;width:130px}.metric-head{align-items:center;color:var(--text-muted);display:flex;font-size:10px;font-weight:600;justify-content:space-between}.metric-icon{align-items:center;border:1px solid transparent;border-radius:10px;display:flex;flex:0 0 auto;height:36px;justify-content:center;width:36px}.metric-icon.mint{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.metric-icon.violet{background:var(--purple-soft);border-color:color-mix(in srgb,var(--purple) 16%,transparent);color:var(--purple)}.metric-icon.amber{background:var(--amber-soft);border-color:color-mix(in srgb,var(--amber) 16%,transparent);color:var(--amber)}.metric-icon.rose{background:var(--rose-soft);border-color:color-mix(in srgb,var(--rose) 16%,transparent);color:var(--rose)}.metric-value{color:var(--text-strong);font-family:Manrope,sans-serif;font-size:clamp(22px,2vw,29px);font-weight:800;letter-spacing:-1.15px;margin:14px 0 9px;overflow-wrap:anywhere;position:relative;z-index:1}.metric-detail{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:9px;gap:7px;line-height:1.45;position:relative;z-index:1}.trend-chip{align-items:center;border-radius:5px;display:inline-flex;font-size:8px;font-weight:800;gap:3px;padding:3px 5px}.trend-chip.up{background:var(--accent-soft);color:var(--accent)}.trend-chip.down{background:var(--rose-soft);color:var(--rose)}.dashboard-grid{align-items:stretch;display:grid;gap:16px;grid-template-columns:minmax(0,1.72fr) minmax(290px,.92fr);margin-bottom:17px}.panel{min-width:0;padding:21px}.section-heading{align-items:flex-start;display:flex;gap:15px;justify-content:space-between}.section-heading h2{color:var(--text-strong);font-family:Manrope,sans-serif;font-size:14px;font-weight:800;letter-spacing:-.35px;line-height:1.35;margin:0}.section-heading p{color:var(--text-muted);font-size:10px;line-height:1.5;margin:5px 0 0}.period-control{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;display:inline-flex;gap:2px;padding:3px}.analytics-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.date-picker-control{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;color:var(--text-muted);display:inline-flex;font-size:9px;font-weight:700;gap:8px;padding:6px 9px}.date-picker-control input{background:transparent;border:0;color:var(--text-strong);color-scheme:dark;font:inherit;min-width:125px;outline:none}.analytics-data-note{align-items:flex-start;background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);display:flex;font-size:11px;gap:10px;line-height:1.6;margin:0 0 16px;padding:12px 14px}.analytics-data-note>svg{color:var(--accent);flex:0 0 auto;margin-top:2px}.analytics-data-note strong{color:var(--text-strong)}.hourly-usage-chart{height:350px}tfoot th{background:var(--surface-soft);border-top:1px solid var(--border);color:var(--text-strong);font-size:10px;padding:13px 14px;text-align:left}.period-control button{background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-muted);font-size:9px;font-weight:700;height:27px;padding:0 10px;transition:all .18s ease;white-space:nowrap}.period-control button:hover{color:var(--text)}.period-control button.selected{background:var(--surface-raised);border-color:var(--border);box-shadow:0 2px 5px #0000000b;color:var(--accent-ink)}.chart-summary{align-items:flex-end;display:flex;justify-content:space-between;margin-top:23px}.chart-summary>div{display:grid;gap:8px}.chart-legend{align-items:center;color:var(--text-muted);display:inline-flex;font-size:9px;gap:7px}.chart-legend i{background:var(--accent);border-radius:50%;display:inline-block;height:7px;width:7px}.chart-summary strong,.usage-chart-summary strong{color:var(--text-strong);font-family:Manrope,sans-serif;font-size:23px;font-weight:800;letter-spacing:-.7px}.chart-summary strong small{color:var(--text-muted);font-family:DM Sans,sans-serif;font-size:10px;font-weight:500;letter-spacing:0}.chart-average{color:var(--text-muted);font-size:9px;padding-bottom:4px}.chart-wrap{height:240px;margin:8px -6px 0 -9px;min-width:0}.chart-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:10px;gap:10px;height:100%;justify-content:center;text-align:center}.chart-empty svg{color:var(--accent);opacity:.65}.chart-empty small{color:var(--text-muted);font-size:9px}.chart-footer{align-items:center;border-top:1px solid var(--border);color:var(--text-muted);display:flex;font-size:9px;gap:12px;justify-content:space-between;margin-top:8px;padding-top:14px}.chart-footer>span{align-items:center;display:flex;gap:7px}.chart-footer>span svg{color:var(--accent)}.meter-status-panel{padding-bottom:17px}.live-label{align-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 17%,transparent);border-radius:6px;color:var(--accent-ink);display:inline-flex;font-size:8px;font-weight:800;gap:6px;letter-spacing:.8px;padding:6px 8px;white-space:nowrap}.live-label i{animation:live-pulse 2s ease-out infinite;background:var(--accent);border-radius:50%;height:5px;width:5px}@keyframes live-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 35%,transparent)}55%{box-shadow:0 0 0 5px transparent}}.meter-illustration{align-items:center;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface) 68%);display:flex;height:155px;justify-content:center;margin:8px 0 13px;overflow:hidden;position:relative}.meter-glow{background:var(--accent);border-radius:50%;filter:blur(38px);height:65px;opacity:.12;position:absolute;width:65px}.meter-illustration.is-off .meter-glow{opacity:.035}.meter-ring{align-items:center;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:50%;display:flex;height:120px;justify-content:center;position:relative;width:120px}.meter-ring:before,.meter-ring:after{animation:orbit 15s linear infinite;border:1px dashed color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:50%;content:"";top:9px;right:9px;bottom:9px;left:9px;position:absolute}.meter-ring:after{animation-direction:reverse;border-style:solid;border-color:color-mix(in srgb,var(--accent) 12%,var(--border));top:-9px;right:-9px;bottom:-9px;left:-9px}@keyframes orbit{to{transform:rotate(360deg)}}.meter-core{align-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 23%,var(--border));border-radius:50%;color:var(--accent);display:flex;flex-direction:column;height:82px;justify-content:center;position:relative;width:82px;z-index:1}.meter-core svg{margin-bottom:2px}.meter-core small{color:var(--accent-ink);font-size:6px;font-weight:800;letter-spacing:1px}.meter-core strong{color:var(--text-secondary);font-family:Manrope,sans-serif;font-size:10px;margin-top:3px}.meter-decoration{background:var(--accent);border-radius:50%;height:5px;opacity:.7;position:absolute;width:5px}.dot-one{left:18%;top:26%}.dot-two{bottom:20%;right:19%;height:7px;width:7px}.ring-small{background:transparent;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--border));bottom:32px;height:12px;right:30%;width:12px}.status-list{display:grid;gap:14px;margin-bottom:18px}.status-list>div{align-items:center;color:var(--text-muted);display:flex;font-size:10px;justify-content:space-between}.status-list>div>span{align-items:center;display:flex;gap:8px}.status-list strong{color:var(--text);font-size:10px;font-weight:700}.status-check{align-items:center;background:var(--accent-soft);border-radius:50%;color:var(--accent);display:flex;height:16px;justify-content:center;width:16px}.status-circle{background:var(--text-muted);border-radius:50%;height:6px;width:6px}.status-circle.green{background:var(--accent)}.status-circle.gray{background:var(--text-muted)}.panel-note{color:var(--text-muted);font-size:8px;line-height:1.5;margin:12px 0 0;text-align:center}.bottom-grid{align-items:stretch;display:grid;gap:16px;grid-template-columns:minmax(0,1.55fr) minmax(260px,.85fr)}.transaction-list{margin-top:14px}.transaction-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:11px;padding:12px 0}.transaction-row:last-child{border-bottom:0;padding-bottom:1px}.transaction-icon{align-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);border-radius:10px;color:var(--accent);display:flex;flex:0 0 auto;height:37px;justify-content:center;width:37px}.transaction-main{flex:1;min-width:0}.transaction-main strong{color:var(--text);display:block;font-size:10px;font-weight:700}.transaction-main small{color:var(--text-muted);display:block;font-size:9px;line-height:1.5;margin-top:5px}.transaction-amount{text-align:right}.transaction-amount strong{color:var(--accent-ink);display:block;font-family:Manrope,sans-serif;font-size:12px}.transaction-amount small{align-items:center;color:var(--text-muted);display:flex;font-size:8px;gap:4px;justify-content:flex-end;margin-top:4px;text-transform:capitalize}.transaction-amount small i{background:var(--accent);border-radius:50%;height:5px;width:5px}.transaction-status.failed i{background:var(--rose)!important}.mini-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:10px;gap:9px;padding:28px 0 8px}.mini-empty svg{color:var(--accent);opacity:.75}.mini-empty button{background:transparent;border:0;color:var(--accent);font-size:10px;font-weight:700;padding:4px}.impact-card{background:radial-gradient(circle at 95% 3%,#2b86753d,transparent 35%),linear-gradient(145deg,#143c3b,#0d222e 90%);border:1px solid #255049;border-radius:17px;color:#e8faf2;display:flex;flex-direction:column;min-height:228px;overflow:hidden;padding:20px 22px 16px;position:relative}.impact-orb{border:1px solid #3f8c77;border-radius:50%;height:210px;opacity:.26;position:absolute;right:-80px;top:-25px;width:210px}.impact-orb:after{border:1px solid #3f8c77;border-radius:50%;content:"";top:20px;right:20px;bottom:20px;left:20px;position:absolute}.impact-top,.impact-card h2,.impact-card p,.impact-bottom,.impact-disclaimer{position:relative;z-index:1}.impact-top{align-items:center;display:flex;gap:9px}.impact-icon{align-items:center;background:#20594c;border-radius:10px;color:#74ebbe;display:flex;height:36px;justify-content:center;width:36px}.impact-label{color:#9dcabd;font-size:8px;font-weight:800;letter-spacing:1.55px}.impact-card h2{color:#f1fbf6;font-family:Manrope,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.75px;line-height:1.2;margin:17px 0 8px}.impact-card p{color:#a4c6ba;font-size:10px;line-height:1.7;margin-bottom:17px;max-width:250px}.impact-bottom{align-items:center;border-top:1px solid #2a514b;display:flex;justify-content:space-between;margin-top:auto;padding-top:13px}.impact-bottom>span:first-child{align-items:center;color:#d2eee1;display:flex;font-size:9px;gap:6px}.impact-bottom svg{color:#7de8bc}.impact-decoration{align-items:end;display:flex;gap:4px;height:20px}.impact-decoration i{background:#3eaa85;border-radius:3px 3px 0 0;height:8px;width:5px}.impact-decoration i:nth-child(2),.impact-decoration i:nth-child(4){height:13px}.impact-decoration i:nth-child(3){height:19px}.impact-disclaimer{color:#84aa9c;font-size:8px;margin-top:9px}.page-footer{align-items:center;color:var(--text-muted);display:flex;font-size:9px;gap:14px;justify-content:space-between;padding:27px 1px 5px}.page-footer>span:last-child{align-items:center;display:flex;gap:8px}.page-footer i{background:var(--text-muted);border-radius:50%;display:inline-block;height:5px;width:5px}.page-footer i.connected{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.footer-separator{color:var(--border-strong);margin:0 4px}.usage-detail-panel{margin-bottom:17px}.usage-chart-summary{align-items:flex-end;display:flex;justify-content:space-between;margin-top:26px}.usage-chart-summary>div{display:grid;gap:8px}.usage-chart-summary strong{font-size:26px}.period-pill,.count-label{background:var(--surface-soft);border:1px solid var(--border);border-radius:7px;color:var(--text-muted);font-size:9px;padding:7px 9px}.usage-chart{height:300px;margin:14px -4px 0 -10px}.view-toggle{background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;display:inline-flex;gap:3px;padding:3px}.view-toggle button{background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-muted);font-size:9px;font-weight:700;padding:8px 10px;white-space:nowrap}.view-toggle button.active{background:var(--surface-raised);border-color:var(--border);color:var(--accent-ink)}.table-panel{padding-bottom:0}.table-panel>.section-heading{margin-bottom:18px}.table-scroll{overflow-x:auto;width:100%}table{border-collapse:collapse;min-width:620px;width:100%}thead{background:var(--surface-soft)}th{color:var(--text-muted);font-size:9px;font-weight:800;letter-spacing:.5px;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}td{border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:10px;padding:13px 14px;white-space:nowrap}tbody tr{transition:background .15s ease}tbody tr:hover{background:color-mix(in srgb,var(--accent) 3%,var(--surface))}tbody tr:last-child td{border-bottom:0}.record-id{background:var(--surface-soft);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:9px;padding:5px 7px}.strong-cell{color:var(--text-strong);font-weight:700}.transaction-table-panel{overflow:hidden}.table-toolbar{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:10px;justify-content:space-between;margin-bottom:0;padding:16px 0}.search-field{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;color:var(--text-muted);display:flex;gap:8px;height:37px;max-width:380px;min-width:210px;padding:0 10px;transition:border-color .18s ease;width:100%}.search-field:focus-within{border-color:var(--accent)}.search-field input{background:transparent;border:0;color:var(--text);font-size:10px;min-width:0;outline:none;width:100%}.search-field input::placeholder{color:var(--text-muted)}.search-field kbd{background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:8px;padding:2px 4px}.filter-select{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:9px;color:var(--text-muted);display:flex;gap:7px;height:37px;padding:0 10px;position:relative}.filter-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--text);font-size:10px;outline:none;padding-right:16px}.filter-select>svg:last-child{pointer-events:none;position:absolute;right:8px}.table-title-cell{align-items:center;display:flex;gap:10px}.table-title-cell>span:last-child{display:grid;gap:4px}.table-title-cell strong{color:var(--text);font-size:10px}.table-title-cell small{color:var(--text-muted);font-size:8px}.table-icon{align-items:center;background:var(--accent-soft);border-radius:8px;color:var(--accent);display:flex;height:34px;justify-content:center;width:34px}.resident-pill{align-items:center;background:var(--purple-soft);border-radius:50%;color:var(--purple);display:inline-flex;font-size:8px;font-weight:800;height:22px;justify-content:center;margin-right:5px;width:22px}.amount-positive{color:var(--accent);font-family:Manrope,sans-serif;font-size:11px;font-weight:800}.status-badge{align-items:center;border:1px solid var(--border);border-radius:20px;display:inline-flex;font-size:8px;font-weight:800;gap:6px;padding:5px 8px;text-transform:capitalize;white-space:nowrap}.status-badge i{background:var(--text-muted);border-radius:50%;height:5px;width:5px}.status-badge.successful,.status-badge.open{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 17%,var(--border));color:var(--accent-ink)}.status-badge.successful i,.status-badge.open i{background:var(--accent)}.status-badge.failed,.status-badge.closed{background:var(--rose-soft);border-color:color-mix(in srgb,var(--rose) 20%,var(--border));color:var(--rose)}.status-badge.failed i,.status-badge.closed i{background:var(--rose)}.table-footer{align-items:center;border-top:1px solid var(--border);color:var(--text-muted);display:flex;font-size:9px;gap:10px;justify-content:space-between;padding:13px 0 15px}.table-footer strong{color:var(--text)}.table-footer>span:last-child{align-items:center;display:flex;gap:6px}.table-footer svg{color:var(--accent)}.empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;margin:25px auto;max-width:390px;padding:30px 16px;text-align:center}.empty-icon{align-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 15%,var(--border));border-radius:13px;color:var(--accent);display:flex;height:48px;justify-content:center;width:48px}.empty-state h3{color:var(--text-strong);font-family:Manrope,sans-serif;font-size:14px;margin:14px 0 6px}.empty-state p{font-size:10px;line-height:1.7;margin:0 0 11px;max-width:330px}.empty-state code{background:var(--surface-soft);border:1px solid var(--border);border-radius:6px;color:var(--accent-ink);font-size:10px;padding:8px 10px}.room-hero{align-items:center;background:radial-gradient(circle at 75% -10%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 32%),var(--surface);display:grid;gap:25px;grid-template-columns:minmax(0,1.15fr) minmax(250px,.8fr);margin-bottom:17px;min-height:255px;overflow:hidden;padding:28px clamp(22px,4vw,46px);position:relative}.room-hero:after{border:1px solid color-mix(in srgb,var(--accent) 12%,var(--border));border-radius:50%;content:"";height:290px;position:absolute;right:-100px;top:-145px;width:290px}.room-tag{align-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 15%,var(--border));border-radius:7px;color:var(--accent-ink);display:inline-flex;font-size:8px;font-weight:800;gap:6px;letter-spacing:1.2px;padding:6px 8px}.room-hero h2{color:var(--text-strong);font-family:Manrope,sans-serif;font-size:33px;font-weight:800;letter-spacing:-1.1px;margin:15px 0 8px}.room-hero-copy>p{color:var(--text-muted);font-size:11px;line-height:1.8;margin:0;max-width:465px}.room-hero-copy>p strong{color:var(--text)}.room-hero-meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:9px;gap:20px;margin-top:20px}.room-hero-meta span{align-items:center;display:inline-flex;gap:7px}.online-dot{background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent);height:5px;width:5px}.room-power-visual{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:185px;position:relative}.power-orbit{animation:orbit 24s linear infinite;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:50%;height:145px;position:absolute;width:145px}.orbit-b{animation-direction:reverse;border-style:dashed;height:178px;opacity:.6;width:178px}.power-visual-core{align-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));border-radius:50%;color:var(--accent);display:flex;flex-direction:column;height:104px;justify-content:center;position:relative;width:104px;z-index:1}.room-power-visual.unpowered .power-visual-core{background:var(--surface-soft);border-color:var(--border);color:var(--text-muted)}.power-visual-core small{color:var(--accent-ink);font-size:6px;font-weight:800;letter-spacing:1.1px;margin-top:4px}.power-visual-core strong{color:var(--text-secondary);font-family:Manrope,sans-serif;font-size:10px;margin-top:3px}.power-visual-state{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:9px;font-weight:700;gap:7px;margin-top:15px;position:relative;z-index:2}.power-visual-state i{background:var(--accent);border-radius:50%;height:6px;width:6px}.unpowered .power-visual-state i{background:var(--text-muted)}.room-detail-grid{display:grid;gap:17px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:17px}.detail-list{margin-top:13px}.detail-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:10px;min-height:52px}.detail-row:last-child{border-bottom:0}.detail-icon{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);display:flex;height:32px;justify-content:center;width:32px}.detail-label{color:var(--text-muted);flex:1;font-size:10px}.detail-row>strong{color:var(--text-strong);font-size:10px;font-weight:700;text-align:right}.relay-status-banner{align-items:center;border:1px solid var(--border);border-radius:11px;display:flex;gap:10px;margin-top:17px;padding:12px}.relay-status-banner.enabled{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 20%,var(--border))}.relay-status-banner.disabled{background:var(--surface-soft)}.relay-status-icon{align-items:center;background:var(--surface-raised);border-radius:8px;color:var(--accent);display:flex;height:36px;justify-content:center;width:36px}.relay-status-banner>div{flex:1}.relay-status-banner strong,.relay-status-banner small{display:block}.relay-status-banner strong{color:var(--text-strong);font-size:10px}.relay-status-banner small{color:var(--text-muted);font-size:9px;line-height:1.5;margin-top:4px}.relay-led{background:var(--surface-raised);border:1px solid var(--border);border-radius:50%;height:13px;padding:3px;width:13px}.relay-led i{background:var(--text-muted);border-radius:50%;display:block;height:100%;width:100%}.enabled .relay-led i{background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 50%,transparent)}.relay-large-control{align-items:center;display:flex;gap:10px;margin-top:17px}.relay-switch{background:var(--border-strong);border-radius:20px;display:flex;height:22px;padding:3px;width:39px}.relay-switch i{background:var(--text-secondary);border-radius:50%;height:16px;transition:transform .2s ease;width:16px}.relay-switch.on{background:color-mix(in srgb,var(--accent) 38%,var(--border))}.relay-switch.on i{background:var(--accent);transform:translate(17px)}.relay-control-copy{flex:1}.relay-control-copy strong,.relay-control-copy small{display:block}.relay-control-copy strong{color:var(--text);font-size:10px}.relay-control-copy small{color:var(--text-muted);font-size:9px;margin-top:4px}.disclaimer-note{align-items:flex-start;color:var(--text-muted);display:flex;font-size:9px;gap:7px;line-height:1.55;margin:15px 0 0}.disclaimer-note svg{color:var(--accent);flex:0 0 auto}.room-activity{margin-bottom:0}.activity-list{margin-top:8px}.activity-item{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:11px;padding:13px 0}.activity-item:last-child{border-bottom:0}.activity-icon{align-items:center;border-radius:9px;display:flex;flex:0 0 auto;height:35px;justify-content:center;width:35px}.activity-icon.mint{background:var(--accent-soft);color:var(--accent)}.activity-icon.violet{background:var(--purple-soft);color:var(--purple)}.activity-icon.amber{background:var(--amber-soft);color:var(--amber)}.activity-item>span:nth-child(2){flex:1;min-width:0}.activity-item strong,.activity-item small{display:block}.activity-item strong{color:var(--text);font-size:10px}.activity-item small{color:var(--text-muted);font-size:9px;margin-top:4px}.activity-status{color:var(--text-secondary);font-size:9px}.activity-status.positive{color:var(--accent);font-weight:800}.settings-layout{align-items:start;display:grid;gap:17px;grid-template-columns:minmax(0,1.5fr) minmax(260px,.75fr)}.settings-main,.settings-aside{display:grid;gap:17px}.settings-panel{padding:23px}.theme-options{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:21px}.theme-option{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;color:var(--text);display:flex;gap:11px;min-width:0;padding:12px;text-align:left;transition:background .2s ease,border-color .2s ease,transform .2s ease}.theme-option:hover{border-color:var(--border-strong);transform:translateY(-2px)}.theme-option.selected{background:color-mix(in srgb,var(--accent) 6%,var(--surface-soft));border-color:color-mix(in srgb,var(--accent) 52%,var(--border))}.theme-preview{border:1px solid var(--border);border-radius:7px;display:flex;flex:0 0 auto;flex-direction:column;gap:4px;height:54px;overflow:hidden;padding:6px;width:67px}.theme-preview i{background:var(--preview-row);border-radius:2px;display:block;height:5px;width:70%}.theme-preview i:nth-child(2){width:87%}.theme-preview i:nth-child(3){width:55%}.theme-preview b{background:var(--preview-accent);border-radius:2px;display:block;height:13px;margin-top:auto;width:100%}.light-preview{--preview-row: #d7e1eb;--preview-accent: #26b989;background:#f6f8fb}.dark-preview{--preview-row: #35475d;--preview-accent: #3ed4a2;background:#101b29}.theme-option>span:nth-child(2){flex:1;min-width:0}.theme-option strong,.theme-option small{display:block}.theme-option strong{color:var(--text-strong);font-size:10px}.theme-option small{color:var(--text-muted);font-size:9px;line-height:1.5;margin-top:4px}.radio-dot{border:1px solid var(--border-strong);border-radius:50%;flex:0 0 auto;height:15px;position:relative;width:15px}.theme-option.selected .radio-dot{border-color:var(--accent)}.theme-option.selected .radio-dot:after{background:var(--accent);border-radius:50%;content:"";top:3px;right:3px;bottom:3px;left:3px;position:absolute}.setting-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:16px 0}.setting-row:last-child{border-bottom:0;padding-bottom:0}.setting-row:first-of-type{margin-top:12px}.setting-icon{align-items:center;border-radius:9px;display:flex;flex:0 0 auto;height:36px;justify-content:center;width:36px}.setting-icon.amber{background:var(--amber-soft);color:var(--amber)}.setting-icon.mint{background:var(--accent-soft);color:var(--accent)}.setting-copy{flex:1;min-width:0}.setting-copy strong,.setting-copy small{display:block}.setting-copy strong{color:var(--text);font-size:10px}.setting-copy small{color:var(--text-muted);font-size:9px;line-height:1.65;margin-top:4px}.switch-control{background:var(--border-strong);border:0;border-radius:20px;display:inline-flex;flex:0 0 auto;height:23px;padding:3px;transition:background .2s ease;width:41px}.switch-control i{background:#dfe8f1;border-radius:50%;height:17px;transition:transform .2s ease;width:17px}.switch-control.on{background:color-mix(in srgb,var(--accent) 42%,var(--border))}.switch-control.on i{background:var(--accent);transform:translate(18px)}.saved-indicator,.support-hours{align-items:center;color:var(--text-muted);display:inline-flex;font-size:9px;gap:7px;white-space:nowrap}.saved-indicator svg{color:var(--accent)}.support-hours i{background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent);height:6px;width:6px}.account-card{align-items:center;display:flex;flex-direction:column;padding:24px 21px 20px;text-align:center}.account-avatar{align-items:center;background:linear-gradient(145deg,#cde8ff,#8ab6e4);border:3px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px var(--border);color:#23476c;display:flex;font-size:16px;font-weight:800;height:62px;justify-content:center;width:62px}.account-type{color:var(--accent);font-size:8px;font-weight:800;letter-spacing:1.5px;margin-top:15px}.account-card h3{color:var(--text-strong);font-family:Manrope,sans-serif;font-size:15px;margin:7px 0 0}.account-card>p{color:var(--text-muted);font-size:10px;margin:5px 0 0}.account-divider{border-top:1px solid var(--border);margin:20px 0 16px;width:100%}.account-card label{align-self:flex-start;color:var(--text-secondary);font-size:9px;font-weight:700;margin-bottom:7px}.field-input{background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;color:var(--text);height:39px;outline:none;padding:0 11px;width:100%}.field-input:focus{border-color:var(--accent)}.field-help{color:var(--text-muted);font-size:8px;line-height:1.6;margin:7px 0 15px;text-align:left}.settings-note{align-items:flex-start;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 15%,var(--border));border-radius:12px;color:var(--accent);display:flex;gap:10px;padding:14px}.settings-note>span{flex:1}.settings-note strong,.settings-note small{display:block}.settings-note strong{color:var(--accent-ink);font-size:10px}.settings-note small{color:var(--text-secondary);font-size:9px;line-height:1.7;margin-top:5px}.support-layout{align-items:start;display:grid;gap:17px;grid-template-columns:minmax(0,1.3fr) minmax(260px,.75fr);margin-bottom:17px}.ticket-form-panel{padding:23px}.support-form{display:grid;margin-top:22px}.support-form label{color:var(--text-secondary);font-size:10px;font-weight:700;margin:0 0 8px}.select-wrap{position:relative}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:10px;height:42px;margin-bottom:18px;outline:none;padding:0 38px 0 12px;width:100%}.select-wrap>svg{color:var(--text-muted);pointer-events:none;position:absolute;right:12px;top:13px}.support-form textarea{background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:10px;line-height:1.7;margin-bottom:0;outline:none;padding:12px;resize:vertical;width:100%}.support-form textarea::placeholder{color:var(--text-muted)}.support-form textarea:focus,.select-wrap select:focus{border-color:var(--accent)}.form-helper{align-items:center;color:var(--text-muted);display:flex;font-size:8px;gap:9px;justify-content:space-between;margin:9px 0 18px}.form-helper>span:last-child{align-items:center;display:flex;gap:5px}.form-helper svg{color:var(--accent)}.support-aside{display:grid;gap:15px}.support-help-card{background:radial-gradient(circle at 95% 0%,#3b307548,transparent 38%),linear-gradient(150deg,#1a2440,#122033);border:1px solid #303c61;border-radius:16px;color:#ebedff;padding:22px}.app-shell[data-theme=light] .support-help-card{background:linear-gradient(150deg,#eeecff,#f3f6fc);border-color:#e0dcff;color:#2d3156}.support-illustration{align-items:center;background:#34315f;border-radius:12px;color:#b1a6ff;display:flex;height:47px;justify-content:center;width:47px}.app-shell[data-theme=light] .support-illustration{background:#e1ddff;color:#7766ca}.support-help-card h3{font-family:Manrope,sans-serif;font-size:17px;margin:16px 0 8px}.support-help-card p{color:#a7b1d1;font-size:10px;line-height:1.8;margin:0 0 18px}.app-shell[data-theme=light] .support-help-card p{color:#686c91}.support-help-card>div:last-child{border-top:1px solid #3b4668;display:grid;gap:12px;padding-top:15px}.app-shell[data-theme=light] .support-help-card>div:last-child{border-color:#dad8f4}.support-help-card>div:last-child span{align-items:center;color:#c3c9e4;display:flex;font-size:9px;gap:8px}.app-shell[data-theme=light] .support-help-card>div:last-child span{color:#5f648a}.support-help-card>div:last-child svg{color:#a59afa}.support-stat{align-items:flex-start;display:flex;justify-content:space-between;padding:19px}.support-stat>div>span,.support-stat strong,.support-stat small{display:block}.support-stat>div>span{color:var(--text-muted);font-size:8px;font-weight:800;letter-spacing:1.3px}.support-stat strong{color:var(--text-strong);font-family:Manrope,sans-serif;font-size:29px;margin:6px 0 2px}.support-stat small{color:var(--text-muted);font-size:9px}.support-tickets-panel{margin-bottom:0}.ticket-list{margin-top:5px}.ticket-row{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:15px 0}.ticket-row:last-child{border-bottom:0}.ticket-requester{color:var(--accent-ink);font-weight:700;margin-top:5px}.ticket-type-icon{align-items:center;background:var(--purple-soft);border-radius:9px;color:var(--purple);display:flex;flex:0 0 auto;height:36px;justify-content:center;width:36px}.ticket-copy{flex:1;min-width:0}.ticket-copy strong{color:var(--text);display:block;font-size:10px}.ticket-copy small{color:var(--text-muted);display:block;font-size:8px;margin-top:5px}.ticket-copy p{color:var(--text-secondary);font-size:10px;line-height:1.65;margin:9px 0 0;white-space:pre-wrap}.modal-backdrop{align-items:center;animation:fade-in .18s ease both;background:#03080fb8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;overflow-y:auto;padding:18px;position:fixed;z-index:100}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{animation:modal-in .25s cubic-bezier(.2,.9,.3,1.05) both;max-width:430px;padding:25px;width:100%}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-heading{align-items:center;display:flex;justify-content:space-between}.modal-icon{align-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:12px;color:var(--accent);display:flex;height:44px;justify-content:center;width:44px}.close-modal{background:var(--surface-soft);border-color:var(--border)}.modal-kicker{color:var(--accent);display:block;font-size:8px;font-weight:800;letter-spacing:1.7px;margin-top:20px}.modal h2{color:var(--text-strong);font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.7px;margin:7px 0 8px}.modal>p{color:var(--text-muted);font-size:10px;line-height:1.7;margin-bottom:23px}.modal form>label{color:var(--text-secondary);display:block;font-size:10px;font-weight:700;margin-bottom:8px}.amount-input{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;display:flex;height:52px;margin-bottom:14px;padding:0 13px;transition:border-color .18s ease}.amount-input:focus-within{border-color:var(--accent)}.amount-input span{color:var(--text-muted);font-family:Manrope,sans-serif;font-size:20px;font-weight:700}.amount-input input{background:transparent;border:0;color:var(--text-strong);font-family:Manrope,sans-serif;font-size:22px;font-weight:800;margin-left:9px;outline:none;width:100%}.amount-presets{display:flex;gap:8px;margin:4px 0 19px}.amount-presets button{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);flex:1;font-size:10px;font-weight:700;padding:9px;transition:all .17s ease}.amount-presets button:hover{border-color:var(--border-strong)}.amount-presets button.picked{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));color:var(--accent-ink)}.modal-user-input{margin:0 0 16px}.submit-recharge{height:45px}.secure-note{align-items:center;color:var(--text-muted);display:flex;font-size:8px;gap:6px;justify-content:center;margin-top:13px}.secure-note svg{color:var(--accent)}.mobile-scrim{display:none}@media(min-width:1650px){.page-content{padding-left:48px;padding-right:48px}}@media(max-width:1280px){.sidebar{width:226px}.main-area{margin-left:226px}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(270px,.9fr)}.metric-grid{gap:11px}.metric-card{padding:16px}.metric-value{font-size:23px}.page-intro h1{font-size:29px}.panel{padding:18px}}@media(max-width:1050px){.sidebar{width:76px;padding:23px 10px 14px}.brand{justify-content:center;margin:0 0 29px}.brand-copy,.workspace-switcher>span:nth-child(2),.workspace-switcher>svg,.side-caption,.nav-item span,.eco-promo,.profile-copy,.profile-row .icon-ghost,.workspace-switcher{display:none}.sidebar-nav{gap:18px}.nav-item{justify-content:center;min-height:43px;padding:0}.nav-item>svg{height:19px;width:19px}.nav-count{display:none}.sidebar-bottom>.nav-item{display:flex}.profile-row{justify-content:center}.main-area{margin-left:76px}.dashboard-grid,.bottom-grid{grid-template-columns:minmax(0,1fr)}.meter-status-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.meter-status-panel .section-heading{grid-column:1 / -1}.meter-status-panel .meter-illustration{grid-row:span 3}.meter-status-panel .status-list{align-self:end}.meter-status-panel .button,.meter-status-panel .panel-note{grid-column:2}}@media(max-width:760px){.sidebar{box-shadow:12px 0 40px #0002;transform:translate(-102%);width:265px}.sidebar.mobile-open{transform:translate(0)}.brand{justify-content:flex-start;margin:0 7px 25px}.brand-copy,.workspace-switcher>span:nth-child(2),.workspace-switcher>svg,.side-caption,.nav-item span,.eco-promo,.profile-copy,.profile-row .icon-ghost{display:initial}.brand-copy{display:block}.workspace-switcher{display:flex}.nav-item{justify-content:flex-start;padding:0 12px}.nav-count{display:inline-flex}.sidebar-bottom>.nav-item{display:flex}.profile-copy{display:block}.profile-row .icon-ghost{display:flex}.main-area{margin-left:0}.mobile-menu{display:inline-flex}.mobile-scrim{background:#03080f8c;border:0;display:block;top:0;right:0;bottom:0;left:0;position:fixed;z-index:25}.topbar{height:62px;padding:0 17px}.topbar-right{gap:10px}.topbar-date{display:none}.theme-toggle{height:33px;padding:0 9px}.theme-toggle span{display:none}.page-content{padding:24px 17px 17px}.page-intro{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:22px}.page-intro h1{font-size:27px}.page-intro p{font-size:11px}.intro-actions{flex-wrap:wrap;width:100%}.intro-actions .meter-select{flex:1;min-width:0}.intro-actions .meter-select select{max-width:100%}.metric-grid,.metric-grid.three-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:130px;padding:14px}.metric-value{font-size:clamp(20px,5vw,25px)}.metric-head{align-items:flex-start;gap:7px}.metric-head>span:first-child{line-height:1.5;max-width:110px}.metric-icon{height:32px;width:32px}.panel{padding:16px}.section-heading{align-items:flex-start;flex-wrap:wrap}.section-heading h2{font-size:13px}.section-heading p{font-size:9px}.period-control button{padding:0 8px}.analytics-controls{justify-content:flex-start}.date-picker-control input{min-width:115px}.hourly-usage-chart{height:300px}.chart-wrap{height:210px}.chart-summary strong{font-size:21px}.chart-footer{align-items:flex-start;flex-direction:column}.meter-status-panel{display:block}.meter-status-panel .meter-illustration{height:145px}.bottom-grid{gap:13px}.impact-card{min-height:215px}.room-hero{grid-template-columns:minmax(0,1fr);padding:22px}.room-power-visual{min-height:200px}.room-detail-grid,.settings-layout,.support-layout{grid-template-columns:minmax(0,1fr)}.settings-layout{gap:14px}.settings-aside{grid-row:1}.account-card{display:grid;grid-template-columns:auto 1fr;justify-items:start;text-align:left}.account-avatar{grid-row:span 3}.account-type{align-self:end;margin-top:0}.account-card h3{margin-top:2px}.account-card>p{margin-top:0}.account-divider,.account-card label,.account-card .field-input,.account-card .field-help,.account-card .button{grid-column:1 / -1;width:100%}.account-divider{margin:17px 0 13px}.theme-options{grid-template-columns:minmax(0,1fr)}.usage-chart{height:245px}.view-toggle{width:100%}.view-toggle button{flex:1}.table-toolbar{align-items:stretch;flex-direction:column}.search-field{max-width:none}.filter-select{align-self:flex-start}.table-footer{align-items:flex-start;flex-direction:column}.table-panel>.section-heading>.button{margin-top:2px}.inline-alert{align-items:flex-start;flex-wrap:wrap}.inline-alert>span:nth-child(2){min-width:calc(100% - 70px)}.inline-alert>.text-button{margin-left:46px}.page-footer{align-items:flex-start;flex-direction:column;padding-top:22px}.support-aside{grid-template-columns:minmax(0,1fr)}.form-helper{align-items:flex-start;flex-direction:column}}@media(max-width:440px){.breadcrumb{font-size:10px;gap:7px}.system-status{font-size:0;gap:0}.system-status i{height:7px;width:7px}.topbar-right{gap:9px}.avatar.mini{height:29px;width:29px}.page-content{padding-left:12px;padding-right:12px}.metric-grid,.metric-grid.three-metrics{gap:9px}.metric-card{padding:12px}.metric-detail{align-items:flex-start;flex-direction:column;gap:4px}.metric-value{letter-spacing:-.8px}.intro-actions .button{flex:1}.chart-average{max-width:95px;text-align:right}.transaction-row{gap:8px}.transaction-icon{height:32px;width:32px}.transaction-main strong{font-size:9px}.transaction-main small{font-size:8px}.transaction-amount strong{font-size:10px}.room-hero-meta{gap:10px}.relay-large-control{align-items:flex-start;flex-wrap:wrap}.relay-large-control .button{margin-left:auto}.modal{padding:20px}.saved-indicator{white-space:normal}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.feature-stack{display:grid;gap:18px;animation:feature-enter .32s cubic-bezier(.2,.7,.2,1) both}@keyframes feature-enter{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.feature-hero{align-items:center;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 46%),var(--surface);display:flex;gap:16px;min-height:128px;padding:23px;position:relative;overflow:hidden}.feature-hero:after{border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);border-radius:50%;content:"";height:150px;pointer-events:none;position:absolute;right:-55px;top:-96px;width:150px}.feature-hero-live{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.feature-hero-live .feature-icon{box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 9%,transparent),0 0 32px color-mix(in srgb,var(--accent) 18%,transparent)}.feature-icon{align-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:13px;color:var(--accent);display:inline-flex;flex:0 0 auto;height:48px;justify-content:center;transition:box-shadow .24s ease,transform .24s ease;width:48px}.feature-hero>div:nth-child(2){flex:1;min-width:0;position:relative;z-index:1}.feature-hero h2{color:var(--text-strong);font-family:Manrope,sans-serif;font-size:clamp(19px,2vw,25px);letter-spacing:-.8px;margin:7px 0 5px}.feature-hero p{color:var(--text-secondary);font-size:12px;line-height:1.65;margin:0;max-width:700px}.feature-hero .eyebrow{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:1.6px}.feature-hero-action{flex:0 0 auto;position:relative;z-index:1}.load-live-metric{align-items:flex-end;display:flex;flex:0 0 auto;flex-direction:column;gap:5px;position:relative;z-index:1}.load-live-metric>strong{color:var(--accent);font-family:Manrope,sans-serif;font-size:clamp(24px,3vw,36px);letter-spacing:-1.4px;line-height:1}.load-live-metric>strong small{font-size:13px;letter-spacing:0}.load-live-metric>span{color:var(--text-muted);font-size:10px}.feature-panel{padding:20px;min-width:0}.feature-section-heading{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.feature-section-heading>div{min-width:0}.feature-section-heading h2{color:var(--text-strong);font-family:Manrope,sans-serif;font-size:15px;letter-spacing:-.3px;margin:0}.feature-section-heading p{color:var(--text-muted);font-size:11px;line-height:1.55;margin:5px 0 0}.feature-section-heading>svg{color:var(--accent);flex:0 0 auto}.feature-subheading{border-top:1px solid var(--border);margin:23px 0 16px;padding-top:21px}.feature-form{display:grid;gap:13px}.feature-form label,.feature-label{color:var(--text-secondary);display:grid;font-size:11px;font-weight:600;gap:7px;min-width:0}.feature-form .field-input,.feature-label .field-input{width:100%}.feature-form .button{justify-self:start}.feature-form-grid{align-items:end;display:grid;gap:13px;grid-template-columns:repeat(2,minmax(0,1fr))}.feature-form-grid .feature-form-divider{grid-column:1/-1}.feature-form-grid .feature-form-submit{align-self:end}.feature-form-divider{color:var(--text-muted);font-size:9px;font-weight:800;grid-column:1/-1;letter-spacing:1.25px;margin-top:7px;text-transform:uppercase}.feature-footnote{align-items:center;color:var(--text-muted);display:flex;font-size:10px;gap:7px;line-height:1.6;margin:14px 0 0}.feature-footnote svg{color:var(--accent);flex:0 0 auto}.feature-empty{align-items:center;color:var(--text-muted);display:flex;font-size:11px;gap:9px;justify-content:center;min-height:70px}.feature-stats{display:grid;gap:13px;grid-template-columns:repeat(3,minmax(0,1fr))}.feature-stats>article{display:grid;gap:6px;padding:17px 19px}.feature-stats>article>span{color:var(--text-muted);font-size:9px;font-weight:800;letter-spacing:1.3px}.feature-stats>article>strong{color:var(--text-strong);font-family:Manrope,sans-serif;font-size:26px;letter-spacing:-.9px}.feature-stats>article>strong.feature-stat-live{color:var(--accent);font-size:19px}.feature-stats>article>small{color:var(--text-muted);font-size:10px}.feature-columns,.load-control-grid{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,.86fr)}.feature-room-list,.feature-tenant-list{display:grid;gap:7px}.feature-room-row{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;color:var(--text);display:flex;gap:11px;min-width:0;padding:11px;text-align:left;transition:background .18s ease,border-color .18s ease,transform .18s ease;width:100%}.feature-room-row:hover{border-color:var(--border-strong);transform:translateY(-1px)}.feature-room-row.selected{background:color-mix(in srgb,var(--accent) 7%,var(--surface-soft));border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.feature-room-icon{align-items:center;background:var(--surface-raised);border:1px solid var(--border);border-radius:10px;color:var(--accent);display:inline-flex;flex:0 0 auto;height:36px;justify-content:center;width:36px}.feature-room-main{flex:1;min-width:0}.feature-room-main strong,.feature-tenant-row strong{color:var(--text);display:block;font-size:11px;font-weight:700}.feature-room-main small,.feature-tenant-row small{color:var(--text-muted);display:block;font-size:9px;margin-top:5px;overflow-wrap:anywhere}.feature-room-balance{color:var(--text-strong);flex:0 0 auto;font-size:11px;font-weight:700;text-align:right}.feature-room-balance small{color:var(--text-muted);display:block;font-size:9px;font-weight:500;margin-top:4px}.feature-tenant-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:11px 0}.feature-tenant-row>span:nth-child(2){flex:1;min-width:0}.feature-tenant-avatar{align-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:50%;color:var(--accent);display:inline-flex;flex:0 0 auto;font-size:10px;font-weight:800;height:34px;justify-content:center;width:34px}.feature-notice{align-items:center;background:color-mix(in srgb,var(--purple) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 25%,var(--border));border-radius:12px;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:11px;gap:9px;line-height:1.6;padding:12px 14px}.feature-notice>svg{color:var(--purple);flex:0 0 auto}.feature-notice>span{flex:1}.feature-notice strong{color:var(--text)}.feature-notice .button{flex:0 0 auto}.feature-inline-warning,.feature-inline-info{border:1px solid;border-radius:10px;font-size:10px;line-height:1.6;margin:12px 0 0;padding:10px 12px}.feature-inline-warning{background:var(--amber-soft);border-color:color-mix(in srgb,var(--amber) 30%,var(--border));color:var(--amber)}.feature-inline-info{background:var(--purple-soft);border-color:color-mix(in srgb,var(--purple) 30%,var(--border));color:var(--text-secondary)}.feature-account-row{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:11px;display:flex;gap:10px;margin-bottom:15px;padding:10px}.feature-account-row>span:nth-child(2){flex:1;min-width:0}.feature-account-row strong{color:var(--text);display:block;font-size:11px}.feature-account-row small{color:var(--text-muted);display:block;font-size:9px;margin-top:4px}.feature-login-inline{align-items:end;display:grid;gap:10px;grid-template-columns:1fr 1fr auto;margin:12px 0 18px}.feature-login-inline .button{white-space:nowrap}.feature-login-inline+.feature-form{margin-top:17px}.admin-login-panel{margin:0 auto;max-width:520px;padding:clamp(22px,4vw,34px);width:100%}.admin-login-panel .feature-section-heading{margin-bottom:24px}.admin-login-panel .feature-form{gap:17px}.admin-login-panel .feature-form .button{justify-self:stretch}.admin-login-panel .feature-footnote{margin-top:20px}.feature-form .field-input{background:var(--surface-soft);border:1px solid var(--border-strong);border-radius:10px;color:var(--text);min-height:42px;outline:none;padding:10px 12px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.feature-form .field-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 11%,transparent)}.feature-form .field-input::placeholder{color:var(--text-muted)}.feature-label{margin-bottom:12px}.feature-label select,.feature-label input{margin-top:1px}.feature-rule{align-items:start;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:14px 0}.feature-rule:last-child{border-bottom:0}.rule-number{align-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:8px;color:var(--accent);display:inline-flex;flex:0 0 auto;font-family:Manrope,sans-serif;font-size:10px;font-weight:800;height:30px;justify-content:center;width:30px}.feature-rule strong{color:var(--text);display:block;font-size:11px}.feature-rule p{color:var(--text-muted);font-size:10px;line-height:1.65;margin:5px 0 0}.load-control-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.load-run-panel,.scenario-panel{height:100%}.speed-options{background:var(--surface-soft);border:1px solid var(--border);border-radius:11px;display:grid;gap:4px;grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0;padding:4px}.speed-options button{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-muted);font-size:9px;font-weight:700;min-height:34px;padding:6px 4px;transition:color .16s ease,background .16s ease,border-color .16s ease}.speed-options button:hover{color:var(--text)}.speed-options button.selected{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 22%,var(--border));color:var(--accent)}.load-clock-actions{display:flex;flex-wrap:wrap;gap:9px}.load-clock-actions .button{align-items:center;display:inline-flex;gap:7px}.load-meter-strip{align-items:center;border-top:1px solid var(--border);color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:10px;gap:11px;justify-content:space-between;margin-top:20px;padding-top:14px}.load-meter-strip>span{align-items:center;display:inline-flex;gap:6px}.load-meter-strip svg{color:var(--accent)}.load-meter-strip strong{color:var(--text);font-size:10px}.scenario-description{color:var(--text-secondary);font-size:10px;line-height:1.65;margin:2px 0 14px}.scenario-estimate{background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin:13px 0;padding:13px}.scenario-estimate>div{display:grid;gap:5px}.scenario-estimate>div span{color:var(--text-muted);font-size:9px}.scenario-estimate>div strong{color:var(--text-strong);font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.4px}.scenario-schedule{border-top:1px solid var(--border);margin:13px 0;padding:4px 0}.scenario-schedule>div{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);display:flex;font-size:10px;justify-content:space-between;gap:12px;padding:8px 2px}.scenario-schedule>div span{color:var(--text-secondary)}.scenario-schedule>div small{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.feature-checkbox{align-items:center;color:var(--text-secondary);display:flex;font-size:10px;gap:8px;margin:-4px 0 13px}.feature-checkbox input{accent-color:var(--accent)}.load-status-pill{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);display:inline-flex;flex:0 0 auto;font-size:9px;gap:7px;padding:6px 9px}.load-status-pill i{background:var(--text-muted);border-radius:50%;height:5px;width:5px}.load-status-pill.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 25%,var(--border));color:var(--accent)}.load-status-pill.active i{animation:load-pulse 1.7s ease infinite;background:var(--accent)}@keyframes load-pulse{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 11%,transparent)}}.appliance-grid{display:grid;gap:11px;grid-template-columns:repeat(5,minmax(0,1fr))}.appliance-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:13px;display:flex;flex-direction:column;min-width:0;padding:13px;position:relative;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.appliance-card:hover{border-color:var(--border-strong);box-shadow:0 8px 24px #00000012;transform:translateY(-2px)}.appliance-card.active{background:color-mix(in srgb,var(--accent) 6%,var(--surface-soft));border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 7%,transparent)}.appliance-card-icon{align-items:center;background:var(--surface-raised);border:1px solid var(--border);border-radius:10px;color:var(--text-muted);display:inline-flex;height:38px;justify-content:center;margin-bottom:12px;width:38px}.appliance-card.active .appliance-card-icon{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 24%,var(--border));color:var(--accent)}.appliance-card-copy{flex:1;min-width:0}.appliance-card-copy strong{color:var(--text);display:block;font-size:10px;line-height:1.4;overflow-wrap:anywhere}.appliance-card-copy>span{color:var(--accent);display:block;font-size:8px;font-weight:700;margin-top:5px}.appliance-card-copy small{color:var(--text-muted);display:block;font-size:9px;line-height:1.5;margin-top:7px;min-height:26px}.appliance-card-bottom{align-items:center;border-top:1px solid var(--border);display:flex;gap:6px;justify-content:space-between;margin-top:12px;padding-top:10px}.appliance-card-bottom>strong{color:var(--text-secondary);font-size:10px;white-space:nowrap}.appliance-card.active .appliance-card-bottom>strong{color:var(--accent)}.appliance-card .switch-control{flex:0 0 auto}.custom-load-list{border:1px solid var(--border);border-radius:12px;display:grid;grid-template-columns:1fr 1fr;max-height:370px;overflow:auto;padding:7px 12px}.custom-load-list>label{align-items:center;border-bottom:1px solid var(--border);display:grid;gap:3px 8px;grid-template-columns:minmax(0,1fr) 58px;padding:9px 0}.custom-load-list>label:nth-last-child(-n+2){border-bottom:0}.custom-load-list>label>span{color:var(--text);font-size:10px;line-height:1.4}.custom-load-list>label>span small{color:var(--text-muted);display:block;font-size:8px;margin-top:3px}.custom-load-list>label>input{background:var(--surface-soft);border:1px solid var(--border-strong);border-radius:7px;color:var(--text);min-width:0;padding:7px;width:58px}.custom-load-list>label>small{color:var(--text-muted);font-size:8px;grid-column:2;text-align:center}@media(max-width:1380px){.appliance-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1120px){.feature-columns,.load-control-grid{grid-template-columns:minmax(0,1fr)}.appliance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.feature-hero{align-items:flex-start;flex-wrap:wrap;padding:17px}.feature-hero>div:nth-child(2){flex-basis:calc(100% - 65px)}.load-live-metric{align-items:flex-start;border-top:1px solid var(--border);flex-basis:100%;padding-top:13px}.feature-stats{grid-template-columns:1fr 1fr}.feature-stats>article:last-child{grid-column:1/-1}.feature-panel{padding:15px}.feature-form-grid{grid-template-columns:1fr}.feature-form-grid .feature-form-divider{grid-column:auto}.feature-login-inline{grid-template-columns:1fr}.feature-login-inline .button{justify-self:stretch}.speed-options,.appliance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-estimate>div strong{font-size:16px}.custom-load-list{grid-template-columns:1fr}.custom-load-list>label:nth-last-child(2){border-bottom:1px solid var(--border)}.custom-load-list>label:last-child{border-bottom:0}.feature-notice{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.feature-stack,.load-status-pill.active i,.appliance-card,.feature-room-row{animation:none!important;transition:none!important}}.load-auth-panel{border-color:color-mix(in srgb,var(--accent, #29b68c) 24%,var(--border-color, #26313f))}.load-auth-panel .feature-login-inline{align-items:end}.load-auth-panel .feature-footnote code{white-space:nowrap}@media(prefers-reduced-motion:reduce){.load-auth-panel,.load-auth-panel *{animation-duration:.01ms!important;transition-duration:.01ms!important}}.custom-load-list>label{grid-template-columns:minmax(0,1fr) minmax(106px,1.3fr)}.custom-load-fields{display:grid;gap:4px;grid-template-columns:1fr 1fr;min-width:0}.custom-load-fields>input{background:var(--surface-soft);border:1px solid var(--border-strong);border-radius:7px;color:var(--text);min-width:0;padding:7px 5px;width:100%}.custom-load-list>label>small{grid-column:2}@media(max-width:700px){.custom-load-list>label{grid-template-columns:minmax(0,1fr) minmax(106px,1.3fr)}}.appliance-quantity-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:12px}.appliance-quantity-row label{color:var(--text-muted);font-size:9px}.appliance-quantity-row input{background:var(--surface);border:1px solid var(--border-strong);border-radius:7px;color:var(--text);font:inherit;font-size:11px;min-width:0;padding:6px 7px;width:72px}.appliance-load-summary{color:var(--text-muted);font-size:9px;line-height:1.45;margin:5px 0 0;min-height:26px}.appliance-update-count{align-self:flex-start;font-size:9px;margin-top:7px;padding:5px 8px}.appliance-card-bottom{margin-top:auto}.template-help{color:var(--text-muted);font-size:11px;line-height:1.55;margin:0}.template-estimate{background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;display:grid;gap:9px;grid-template-columns:1fr 1fr;padding:11px 12px}.template-estimate>div{display:grid;gap:4px}.template-estimate span{color:var(--text-muted);font-size:9px}.template-estimate strong{color:var(--text-strong);font-size:16px;font-variant-numeric:tabular-nums}.custom-load-header{color:var(--text-muted);display:grid;font-size:8px;font-weight:700;gap:8px;grid-template-columns:minmax(85px,1.3fr) 62px minmax(83px,1fr) 74px;padding:0 8px}.custom-load-list{display:grid;grid-template-columns:1fr;max-height:480px;overflow:auto;padding:0 10px}.template-load-row{align-items:end;border-bottom:1px solid var(--border);display:grid;gap:8px;grid-template-columns:minmax(85px,1.3fr) 62px minmax(83px,1fr) 74px;padding:10px 0}.template-load-row:last-child{border-bottom:0}.template-appliance-name{color:var(--text);font-size:10px;line-height:1.4;min-width:0;overflow-wrap:anywhere}.template-appliance-name small{color:var(--text-muted);display:block;font-size:8px;margin-top:3px}.template-control{display:grid;gap:4px;min-width:0}.template-control>span{color:var(--text-muted);display:none;font-size:8px}.template-control input{background:var(--surface-soft);border:1px solid var(--border-strong);border-radius:7px;color:var(--text);font:inherit;font-size:10px;min-width:0;padding:7px 5px;width:100%}.scenario-schedule>div>span{display:grid;gap:3px;min-width:0}.scenario-schedule>div>span strong{color:var(--text-secondary);font-size:10px;font-weight:600}.scenario-schedule>div>span small{color:var(--text-muted);font-size:8px;line-height:1.4}@media(max-width:700px){.custom-load-header{display:none}.template-load-row{grid-template-columns:minmax(0,1fr) minmax(64px,.6fr);gap:8px 10px}.template-appliance-name{align-self:center}.template-control>span{display:block}.template-estimate strong{font-size:14px}}.feature-room-item{align-items:center;display:flex;gap:5px;min-width:0}.feature-room-item>.feature-room-row{flex:1;min-width:0}.feature-item-actions{align-items:center;display:inline-flex;flex:0 0 auto;gap:2px}.feature-item-actions .danger-action{color:var(--rose)}.feature-item-actions .danger-action:hover{background:var(--rose-soft);border-color:color-mix(in srgb,var(--rose) 22%,var(--border))}.feature-edit-card,.feature-tenant-edit{background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;margin-top:12px;padding:13px}.feature-edit-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;grid-column:1 / -1}.feature-tenant-main{flex:1;min-width:0}.feature-tenant-edit{margin:7px 0}@media(max-width:480px){.feature-room-item{align-items:stretch}.feature-room-row{gap:7px;padding:9px}.feature-room-balance{font-size:10px}.feature-tenant-row{flex-wrap:wrap}.feature-tenant-row>.feature-item-actions{margin-left:auto}}.auth-screen,.auth-loading-screen{--app-bg: #0a111c;--surface: #111c2a;--border: #243242;--border-strong: #33475a;--text: #e7edf5;--text-strong: #f7f9fc;--text-secondary: #a6b2c2;--text-muted: #7c8ba0;--accent: #41d6a2;--accent-strong: #22bc8a;--accent-soft: #14382f;--accent-ink: #85f0c5;background:radial-gradient(ellipse at 12% 12%,#123f3938,transparent 34%),radial-gradient(ellipse at 95% 86%,#283c5b55,transparent 36%),var(--app-bg);color:var(--text);min-height:100vh;padding:28px clamp(18px,5vw,72px) 22px}.auth-screen-light,.auth-loading-screen:has(.auth-loading-card){--app-bg: #f3f6fa;--surface: #fff;--border: #e3e9f1;--border-strong: #d0d9e5;--text: #354459;--text-strong: #152238;--text-secondary: #64748b;--text-muted: #8795a8;--accent: #159d74;--accent-strong: #0f8964;--accent-soft: #e5f8f0;--accent-ink: #127f61}.auth-screen-top{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px}.auth-brand{margin:0;gap:12px}.auth-brand>span:last-child strong{color:var(--text-strong);display:block;font-family:Manrope,sans-serif;font-size:21px;font-weight:800;letter-spacing:-1px;line-height:1.1}.auth-brand>span:last-child small{color:var(--text-muted);display:block;font-size:8px;font-weight:800;letter-spacing:1.55px;margin-top:5px}.auth-content{align-items:center;display:grid;gap:clamp(42px,8vw,120px);grid-template-columns:minmax(0,1fr) minmax(360px,470px);margin:0 auto;max-width:1120px;min-height:calc(100vh - 150px);padding:42px 0 54px}.auth-copy .eyebrow{align-items:center;color:var(--accent);display:flex;font-size:10px;font-weight:800;gap:8px;letter-spacing:1.8px}.auth-copy h1{color:var(--text-strong);font-family:Manrope,sans-serif;font-size:clamp(34px,4.5vw,60px);font-weight:800;letter-spacing:-2.7px;line-height:1.09;margin:24px 0 19px}.auth-copy h1 span{color:var(--accent)}.auth-copy>p{color:var(--text-secondary);font-size:14px;line-height:1.85;margin:0;max-width:475px}.auth-benefits{display:grid;gap:14px;margin-top:32px}.auth-benefits span{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:10px}.auth-benefits svg{color:var(--accent)}.auth-card{background:var(--surface);border-color:var(--border);border-radius:21px;padding:clamp(23px,3vw,36px);box-shadow:0 24px 80px #0003}.auth-card-icon{align-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 23%,var(--border));border-radius:12px;color:var(--accent);display:flex;height:48px;justify-content:center;margin-bottom:25px;width:48px}.auth-card .modal-kicker{color:var(--accent);display:block;font-size:9px;font-weight:800;letter-spacing:1.8px;margin-bottom:9px}.auth-card h2{color:var(--text-strong);font-family:Manrope,sans-serif;font-size:26px;letter-spacing:-.8px;margin:0 0 9px}.auth-card>p{color:var(--text-secondary);font-size:12px;line-height:1.6;margin:0 0 26px}.auth-form{display:grid;gap:10px}.auth-form label{color:var(--text);font-size:11px;font-weight:700;margin-top:3px}.auth-form>input,.auth-password-wrap{background:var(--app-bg);border:1px solid var(--border);border-radius:10px;color:var(--text-strong);min-height:46px;width:100%}.auth-form>input{padding:0 13px}.auth-password-wrap{align-items:center;display:flex;overflow:hidden}.auth-password-wrap input{background:transparent;border:0;color:var(--text-strong);flex:1;min-width:0;outline:0;padding:0 13px}.auth-password-wrap button{background:transparent;border:0;color:var(--accent);font-size:10px;font-weight:800;padding:0 13px}.auth-form input::placeholder{color:var(--text-muted)}.auth-submit{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:9px;min-height:46px}.auth-submit svg:last-child{margin-left:auto}.auth-error{background:color-mix(in srgb,#f38a99 10%,var(--surface));border:1px solid color-mix(in srgb,#f38a99 32%,var(--border));border-radius:9px;color:#f38a99;font-size:11px;line-height:1.5;padding:11px 12px}.auth-card-foot{align-items:flex-start;border-top:1px solid var(--border);color:var(--text-muted);display:flex;font-size:10px;gap:8px;line-height:1.6;margin-top:23px;padding-top:17px}.auth-card-foot svg{color:var(--accent);flex:0 0 auto;margin-top:1px}.auth-footer{color:var(--text-muted);font-size:10px;margin:0 auto;max-width:1120px}.auth-footer span{padding:0 7px}.auth-loading-screen{align-items:center;display:flex;justify-content:center}.auth-loading-card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 70px #0002;display:flex;flex-direction:column;gap:14px;max-width:360px;padding:35px 28px;text-align:center;width:100%}.auth-loading-card .brand-mark{margin-bottom:8px}.auth-loading-card strong{color:var(--text-strong);font-size:13px}.auth-loading-card p{color:var(--text-secondary);font-size:11px;line-height:1.6;margin:0}.identity-readonly{background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;color:var(--text-secondary);font-size:12px;padding:12px}.signout-button{gap:8px;white-space:nowrap}@media(max-width:820px){.auth-content{gap:32px;grid-template-columns:1fr;max-width:510px;min-height:auto;padding:64px 0 48px}.auth-copy{text-align:center}.auth-copy .eyebrow,.auth-benefits span{justify-content:center}.auth-copy h1{font-size:clamp(34px,8vw,48px)}.auth-copy>p{font-size:12px;margin:0 auto}.auth-benefits{gap:10px;margin-top:20px}.signout-button{height:32px;padding:0 8px}}@media(max-width:480px){.auth-screen,.auth-loading-screen{padding:18px 14px}.auth-brand>span:last-child strong{font-size:18px}.auth-brand .brand-mark{height:36px;width:36px}.auth-screen-top .theme-toggle span{display:none}.auth-content{padding:38px 0 34px}.auth-copy h1{letter-spacing:-1.8px;margin:17px 0 12px}.auth-benefits{display:none}.auth-card{padding:22px 19px}.topbar-right .signout-button span{display:none}}.ticket-card{background:var(--surface-card);border:1px solid var(--border);border-radius:14px;margin:12px 0;padding:16px}.ticket-card-head{align-items:flex-start;display:flex;gap:12px}.ticket-card-head .ticket-copy{flex:1;min-width:0}.ticket-badges{align-items:flex-end;display:flex;flex:0 0 auto;flex-direction:column;gap:7px}.ticket-visibility{border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);font-size:8px;font-weight:800;letter-spacing:.4px;padding:5px 8px;text-transform:uppercase}.ticket-visibility.room{background:var(--accent-soft);color:var(--accent-ink)}.ticket-visibility.private{background:var(--purple-soft);color:var(--purple)}.ticket-meta-row{align-items:center;border-bottom:1px solid var(--border);color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:9px;gap:12px;justify-content:space-between;margin-top:13px;padding-bottom:10px}.ticket-meta-row strong{color:var(--text-secondary)}.ticket-conversation{display:grid;gap:10px;padding:13px 0}.ticket-message{background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;padding:12px}.ticket-message.admin-message{background:color-mix(in srgb,var(--accent-soft) 68%,var(--surface-soft));border-color:color-mix(in srgb,var(--accent) 25%,var(--border))}.ticket-message-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.ticket-message-head strong{color:var(--text);font-size:10px}.ticket-message-head span{color:var(--text-muted);font-size:8px}.ticket-message p{color:var(--text-secondary);font-size:10px;line-height:1.7;margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.ticket-actions{border-top:1px solid var(--border);display:grid;gap:14px;padding-top:14px}.ticket-admin-controls{display:flex;flex-wrap:wrap;gap:12px}.ticket-admin-controls label,.ticket-reply-form label{color:var(--text-secondary);display:grid;font-size:9px;font-weight:750;gap:6px}.ticket-admin-controls select{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:10px;min-width:145px;padding:9px 10px}.ticket-reply-form{display:grid;gap:8px}.ticket-reply-form textarea{background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;color:var(--text);font:inherit;font-size:10px;line-height:1.6;min-height:54px;padding:10px;resize:vertical;width:100%}.ticket-reply-form textarea:focus{border-color:var(--accent);outline:none}.ticket-reply-form button{justify-self:end}@media(max-width:600px){.ticket-card{padding:12px}.ticket-card-head{flex-wrap:wrap}.ticket-badges{align-items:flex-start;flex-basis:100%;flex-direction:row;padding-left:48px}.ticket-admin-controls{display:grid;grid-template-columns:1fr 1fr}.ticket-admin-controls select{min-width:0;width:100%}}.workspace-switcher-container{margin-bottom:30px;position:relative;z-index:35}.workspace-switcher-container .workspace-switcher{cursor:pointer;margin-bottom:0;text-align:left;width:100%}.workspace-switcher-container .workspace-switcher:hover{border-color:var(--border-strong)}.workspace-menu{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow);display:grid;gap:4px;left:0;min-width:238px;padding:8px;position:absolute;top:calc(100% + 7px);width:max-content;max-width:min(280px,calc(100vw - 28px));z-index:80}.workspace-menu-heading{border-bottom:1px solid var(--border);margin-bottom:4px;padding:8px 9px 12px}.workspace-menu-heading strong,.workspace-menu-heading small{display:block}.workspace-menu-heading strong{color:var(--text-strong);font-size:11px}.workspace-menu-heading small{color:var(--text-muted);font-size:9px;margin-top:4px}.workspace-menu>button{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--text);display:flex;flex-wrap:wrap;font-size:10px;gap:9px;padding:10px;text-align:left;width:100%}.workspace-menu>button:hover{background:var(--surface-soft)}.workspace-menu>button svg{color:var(--accent);flex:0 0 auto}.workspace-menu>button small{color:var(--text-muted);flex-basis:100%;font-size:8px;margin-left:24px;margin-top:-5px}.room-admin-select{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;display:inline-flex;gap:10px;max-width:100%;padding:0 12px}.room-admin-select>span{color:var(--text-muted);font-size:9px;white-space:nowrap}.room-admin-select select{background:transparent;border:0;color:var(--text);font-size:10px;max-width:min(330px,48vw);min-height:42px;outline:none}.room-admin-select option{background:var(--surface);color:var(--text)}.room-tenant-list{border-top:1px solid var(--border);margin-top:16px;padding-top:15px}.room-tenant-list h3{align-items:center;color:var(--text);display:flex;font-size:11px;justify-content:space-between;margin:0 0 6px}.room-tenant-list h3 span{background:var(--accent-soft);border-radius:20px;color:var(--accent-ink);font-size:9px;padding:4px 8px}.room-tenant-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:10px 0}.room-tenant-row:last-child{border-bottom:0}.tenant-avatar{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:50%;color:var(--accent-ink);display:inline-flex;flex:0 0 auto;font-size:9px;font-weight:800;height:32px;justify-content:center;width:32px}.room-tenant-row>span:last-child{min-width:0}.room-tenant-row strong,.room-tenant-row small{display:block;overflow-wrap:anywhere}.room-tenant-row strong{color:var(--text);font-size:10px}.room-tenant-row small{color:var(--text-muted);font-size:8px;margin-top:4px}.profile-form{display:grid;gap:8px;margin-top:18px}.profile-form label{color:var(--text-secondary);font-size:10px;font-weight:700;margin-top:5px}.profile-form .field-input{margin-bottom:6px}.profile-form .field-input[readonly]{color:var(--text-muted);cursor:not-allowed}.profile-form .field-help{margin:2px 0 8px}.profile-form .button{justify-self:start;margin-top:4px}.ticket-bucket-tabs{background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;display:flex;gap:5px;margin:0 0 14px;padding:5px}.ticket-bucket-tabs button{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-secondary);display:flex;flex:1;font-size:10px;gap:8px;justify-content:center;min-height:40px;padding:8px 12px}.ticket-bucket-tabs button strong{background:var(--surface-raised);border:1px solid var(--border);border-radius:20px;color:var(--text-muted);font-size:9px;min-width:24px;padding:3px 6px}.ticket-bucket-tabs button.active{background:var(--surface-raised);border-color:var(--border-strong);color:var(--text-strong)}.ticket-bucket-tabs button.active strong{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 24%,var(--border));color:var(--accent-ink)}@media(max-width:1050px){.workspace-switcher-container{margin-bottom:20px}.workspace-switcher-container .workspace-switcher{display:flex;justify-content:center;margin:0 auto;padding:7px;width:52px}.workspace-switcher-container .workspace-switcher>span:nth-child(2),.workspace-switcher-container .workspace-switcher>svg{display:none}.workspace-menu{left:0}}@media(max-width:760px){.workspace-switcher-container .workspace-switcher{justify-content:flex-start;margin:0;padding:11px;width:100%}.workspace-switcher-container .workspace-switcher>span:nth-child(2),.workspace-switcher-container .workspace-switcher>svg{display:initial}.workspace-switcher-container .workspace-switcher>span:nth-child(2){flex:1}.room-admin-select{width:100%}.room-admin-select select{flex:1;max-width:100%}.ticket-bucket-tabs button{flex-direction:column;gap:5px}.profile-form .button{justify-self:stretch}}.usage-export-panel{align-items:center;display:flex;justify-content:space-between;gap:18px;margin:0 0 18px;padding:17px 18px}.usage-export-copy{display:grid;gap:6px;min-width:170px}.usage-export-copy strong{color:var(--text-strong);font-size:12px}.usage-export-copy small{color:var(--text-muted);font-size:10px;line-height:1.55;max-width:280px}.usage-export-fields{align-items:end;display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}.usage-export-fields label{color:var(--text-muted);display:grid;font-size:9px;font-weight:700;gap:5px}.usage-export-fields input{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:10px;min-height:36px;padding:7px 9px;width:132px}.usage-export-fields .button{min-height:36px;padding:0 12px;white-space:nowrap}.environmental-panel{align-items:center;display:flex;gap:15px;margin:0 0 17px;padding:18px}.environmental-panel-icon{align-items:center;background:var(--accent-soft);border-radius:11px;color:var(--accent);display:flex;flex:0 0 auto;height:42px;justify-content:center;width:42px}.environmental-panel-main{display:grid;flex:1;gap:5px;min-width:0}.environmental-panel .overline{color:var(--text-muted);font-size:8px;font-weight:800;letter-spacing:1.2px}.environmental-panel-main>strong{color:var(--text-strong);font:800 22px Manrope,sans-serif}.environmental-panel-main p{color:var(--text-secondary);font-size:10px;margin:0}.environmental-panel-main small,.environmental-panel-tree small{color:var(--text-muted);font-size:9px;line-height:1.5}.environmental-panel a{color:var(--accent)}.environmental-panel-tree{border-left:1px solid var(--border);display:grid;gap:5px;max-width:220px;padding-left:18px}.environmental-panel-tree>span{color:var(--text-secondary);font-size:10px}.environmental-panel-tree>strong{color:var(--accent);font:800 20px Manrope,sans-serif}.impact-disclaimer a{color:#a5e9d0}@media(max-width:1120px){.usage-export-panel{align-items:flex-start;flex-direction:column}.usage-export-fields{justify-content:flex-start}}@media(max-width:620px){.usage-export-fields{align-items:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.usage-export-fields label,.usage-export-fields input{width:100%}.usage-export-fields .button{justify-content:center;width:100%}.environmental-panel{align-items:flex-start;flex-wrap:wrap}.environmental-panel-main{flex-basis:calc(100% - 62px)}.environmental-panel-tree{border-left:0;border-top:1px solid var(--border);flex-basis:100%;max-width:none;padding:12px 0 0}}