:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--frame-top:#63c9a4;--frame-bottom:#32a078;--brand:#59c19b;--brand-strong:#32a078;--orange:#ffa048;--orange-soft:#ffedd8;--green-accent:#4ab876;--page:#fff;--surface-1:#fff;--surface-2:#f3f7f5;--border:#e4e9e6;--border-strong:#dbdbdb;--text-primary:#414141;--text-secondary:#5c5c5c;--text-muted:#8a8a8a;--axis-text:#a6a6a6;--synthetic:#4ab876;--synthetic-strong:#32a078;--synthetic-text:#1e7d57;--synthetic-soft:#4ab8761a;--synthetic-glow:#4ab8764d;--wooden:#ffa048;--wooden-text:#a8560c;--wooden-soft:#ffa0481a;--wooden-peach:#ffedd8;--wooden-glow:#ffa04847;--grid:#d4d4d4;--axis:#414141;--warning:#a8560c;--warning-soft:#ffa04824;--card-shadow:2px 2px 15px #0000001f;--tile-shadow:2px 4px 4px #00000014;--font-sans:"Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-cost:"Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-inout:cubic-bezier(.65, 0, .35, 1)}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{overflow-x:clip}html{background:linear-gradient(180deg, var(--frame-top) 0%, var(--frame-bottom) 100%)}body{color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--synthetic-soft)}:focus-visible{outline:2px solid var(--synthetic-strong);outline-offset:3px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app-frame{box-sizing:border-box;gap:12px;width:100%;height:100vh;margin:0 auto;padding:20px;display:flex;overflow:hidden}.icon-rail{background:#fff;border-radius:30px;flex-direction:column;flex-shrink:0;align-items:center;gap:18px;width:78px;height:100%;padding:22px 10px;transition:width .18s;display:flex;overflow:hidden}.icon-rail.expanded{align-items:stretch;width:200px}.rail-toggle{appearance:none;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:4px 0;transition:background .15s;display:flex}.rail-toggle:hover{background:var(--surface-2)}.icon-rail.expanded .rail-toggle{flex-direction:row;align-items:center;gap:10px;padding-left:10px}.rail-logo{perspective:240px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.rail-logo:before{content:"";z-index:0;background:radial-gradient(circle,#59c19b80 0%,#59c19b00 72%);border-radius:50%;animation:3s ease-in-out infinite logo-glow-pulse;position:absolute;inset:-10px}.rail-logo img{z-index:1;object-fit:contain;width:100%;height:100%;transform-style:preserve-3d;animation:7s linear infinite logo-spin-3d;position:relative}@keyframes logo-spin-3d{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes logo-glow-pulse{0%,to{opacity:.45;transform:scale(.88)}50%{opacity:1;transform:scale(1.18)}}.rail-label{color:var(--brand);white-space:nowrap;margin-top:2px;font-size:16px}.icon-rail.expanded .rail-label{color:var(--text-primary);margin-top:0;font-size:17px;font-weight:600}.rail-nav{flex-direction:column;flex:1;align-items:center;gap:10px;width:100%;display:flex}.icon-rail.expanded .rail-nav{align-items:stretch}.rail-btn{color:#1f1f1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,color .15s;display:flex}.rail-btn svg,.rail-btn img{flex-shrink:0;width:21px;height:21px}.rail-btn-label{display:none}.icon-rail.expanded .rail-btn{justify-content:flex-start;gap:10px;width:100%;padding:0 10px}.icon-rail.expanded .rail-btn-label{font-family:var(--font-sans);white-space:nowrap;font-size:14px;font-weight:500;display:inline}a.rail-btn:hover{background:var(--surface-2)}.rail-btn.active{background:var(--brand);color:#fff}.main-panel{background:#fff;border-radius:30px;flex-direction:column;flex:1;min-width:0;height:100%;padding:10px 26px 0;display:flex;overflow:hidden}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:10px 5px 6px;display:flex}.panel-heading{flex-direction:column;gap:2px;display:flex}.panel-brand{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-strong);font-size:12px;font-weight:600}.panel-title{color:var(--text-primary);align-items:center;gap:10px;font-size:26px;font-weight:600;display:flex}.panel-title svg{width:27px;height:27px}.panel-identity{align-items:center;gap:10px;display:flex}.panel-avatar{background:var(--brand-strong);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12.5px;font-weight:500;display:flex}.panel-site{color:#2e2e2e;font-size:14px;font-weight:500}.panel-site-select{font-family:var(--font-sans);color:#2e2e2e;background:var(--surface-1);border:1px solid var(--border-strong);cursor:pointer;border-radius:7px;max-width:160px;padding:5px 8px;font-size:14px;font-weight:500}.panel-body{flex:1;min-height:0;padding-bottom:18px;overflow:hidden auto}.range-tabs{background:var(--surface-2);border-radius:10px;align-items:center;gap:2px;margin:0 0 18px 5px;padding:3px;display:inline-flex}.range-tab{appearance:none;color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 14px;font-size:14px;font-weight:500;transition:background .15s,color .15s}.range-tab:hover{color:var(--text-primary)}.range-tab.active{background:var(--brand);color:#fff}.custom-range{display:inline-flex;position:relative}.custom-range-popover{z-index:30;background:#fff;border-radius:12px;align-items:flex-end;gap:10px;padding:14px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0000002e}.custom-range-field{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:12px;font-weight:500;display:flex}.custom-range-field input{font-family:var(--font-sans);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:7px;padding:6px 8px;font-size:13.5px}.custom-range-apply{appearance:none;background:var(--brand);color:#fff;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;border-radius:7px;padding:8px 16px;font-size:13.5px;font-weight:500}.custom-range-apply:disabled{opacity:.5;cursor:default}.footer{color:var(--text-muted);text-align:center;border-top:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:14px;padding:10px 0 14px;font-size:12.5px;display:flex}.sync-status{align-items:center;gap:6px;font-weight:500;display:inline-flex}.sync-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.sync-live .sync-dot{background:var(--synthetic);box-shadow:0 0 0 3px var(--synthetic-soft)}.sync-live{color:var(--synthetic-text)}.sync-stale .sync-dot{background:var(--wooden);box-shadow:0 0 0 3px var(--wooden-soft)}.sync-stale{color:var(--wooden-text)}.sync-now-link{appearance:none;font-family:var(--font-sans);color:var(--synthetic-text);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:600}.sync-now-link:hover:not(:disabled){text-decoration:underline}.sync-now-link:disabled{color:var(--text-muted);cursor:default}.sync-unknown .sync-dot{background:var(--text-muted)}.state-msg{color:var(--text-muted);text-align:center;padding:48px 0;font-size:15px}@media (width<=760px){html,body,#root{height:auto}.app-frame{flex-direction:column;gap:10px;height:auto;min-height:100vh;padding:10px;overflow:visible}.icon-rail,.icon-rail.expanded{border-radius:20px;flex-direction:row;align-items:center;width:100%;height:auto;padding:10px 14px;position:static}.rail-label{display:none}.icon-rail.expanded .rail-toggle{padding-left:0}.rail-nav,.icon-rail.expanded .rail-nav{flex-direction:row;align-items:center;width:auto;margin-left:auto}.icon-rail.expanded .rail-btn{justify-content:center;width:34px;padding:0}.rail-btn-label,.icon-rail.expanded .rail-btn-label{display:none}.main-panel{border-radius:20px;width:100%;height:auto;padding:6px 14px 0;overflow:visible}.panel-body{overflow:visible}.panel-title{font-size:22px}.panel-site,.panel-site-select{display:none}}.overview-grid{align-items:flex-start;gap:24px;display:flex}.overview-main{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.overview-side{border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:30px;width:309px;max-width:100%;padding:6px 0 6px 6px;display:flex}.side-block{flex-direction:column;gap:16px;display:flex}@media (width<=1080px){.overview-grid{flex-direction:column}.overview-side{border-left:none;flex-flow:wrap;width:100%;padding-left:0}.side-block{flex:1;min-width:240px}}.kpi-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=900px){.kpi-row{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:#fff;border-radius:5px;flex-direction:column;display:flex;box-shadow:2px 4px 2px #0000001a}.kpi-top{background:var(--brand);color:#fff;border-radius:5px 5px 0 0;align-items:flex-start;gap:12px;min-height:58px;padding:14px 14px 12px;display:flex}.kpi-icon{flex-shrink:0;width:34px;height:34px}.kpi-label{text-shadow:0 1px 2px #0000002e;flex-direction:column;flex:1;font-size:14.5px;font-weight:600;line-height:1.2;display:flex}.kpi-info{color:#fff;opacity:.8;flex-shrink:0;margin-top:1px}.kpi-info:hover,.kpi-info:focus-within{opacity:1}.kpi-info .info-tip-content{inset:calc(100% + 8px) -8px auto auto;transform:none}.kpi-bottom{text-align:center;background:#fff;border-radius:0 0 5px 5px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;padding:14px 12px 16px;display:flex}.kpi-value-row{align-items:baseline;display:flex}.kpi-value{font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;font-size:26px;font-weight:500}.kpi-prefix{color:var(--text-muted);margin-right:2px;font-size:.72em}.kpi-unit{font-family:var(--font-sans);color:var(--text-muted);margin-left:5px;font-size:13px;font-weight:500}.kpi-trend{align-items:center;gap:3px;font-size:11.5px;font-weight:600;display:inline-flex}.kpi-trend svg{width:12px;height:12px}.kpi-trend.trend-up{color:var(--synthetic-text)}.kpi-trend.trend-down{color:var(--wooden-text)}@media (width<=640px){.kpi-value{font-size:21px}.kpi-label{font-size:13px}}.section-heading-inline{color:var(--text-primary);align-items:center;gap:6px;margin:0;font-size:21px;font-weight:500;display:flex}.section-heading-inline img{width:24px;height:24px}.trend-badge{border-radius:20px;align-items:center;gap:3px;margin-left:4px;padding:3px 9px 3px 7px;font-size:13px;font-weight:600;display:inline-flex}.trend-badge svg{width:14px;height:14px}.trend-badge.trend-up{background:var(--synthetic-soft);color:var(--synthetic-text)}.trend-badge.trend-down{background:var(--wooden-soft);color:var(--wooden-text)}.panel-card{box-shadow:var(--card-shadow);background:#fff;border-radius:15px;padding:18px 20px}.ov-usage-cost-grid{grid-template-columns:2.2fr 1fr;grid-template-areas:"usageHead costHead""usageCard costCard";align-items:start;gap:10px 15px;display:grid}.oh-usage{grid-area:usageHead}.oh-cost{grid-area:costHead}.ov-usage-card{grid-area:usageCard;min-width:0}.ov-cost-card{grid-area:costCard;align-items:center;min-width:0;display:flex}@media (width<=900px){.ov-usage-cost-grid{grid-template-columns:1fr;grid-template-areas:"usageHead""usageCard""costHead""costCard"}}.chart-note{color:var(--text-muted);margin-top:6px;font-size:12.5px}.energy-usage-body{gap:18px;display:flex}.energy-usage-body .chart-wrap{flex:1;min-width:0}.energy-usage-side{flex-direction:column;flex-shrink:0;gap:14px;width:130px;padding-top:4px;display:flex}.eu-legend{flex-direction:column;gap:6px;display:flex}.eu-legend-item{color:var(--text-primary);align-items:center;gap:6px;font-size:13.5px;display:flex}.eu-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px}.eu-divider{background:var(--border);height:1px}.eu-stats{flex-direction:column;gap:10px;display:flex}.eu-stat-label{color:var(--text-secondary);font-size:12.5px}.eu-stat-value{color:var(--text-primary);margin-top:1px;font-size:12.5px;font-weight:600}@media (width<=640px){.energy-usage-body{flex-direction:column}.energy-usage-side{flex-flow:wrap;justify-content:space-between;gap:18px;width:100%}.eu-divider{display:none}}.energy-storage-card{background:#fbfbfb;border-radius:20px;flex-direction:column;align-items:center;gap:30px;width:100%;max-width:309px;padding:24px 14px;display:flex;box-shadow:2px 2px 4px #0000001a}.storage-gauge{width:min(172px,100%)}.storage-tiles{gap:10px;width:100%;display:flex}.storage-tile{border:1px solid var(--border-strong);border-radius:5px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;height:68px;display:flex}.storage-tile-wooden{background:var(--wooden-soft)}.storage-tile-synthetic{background:var(--synthetic-soft)}.storage-tile-name{font-family:var(--font-cost);color:#00201a;align-items:center;gap:5px;font-size:12.5px;font-weight:500;display:flex}.storage-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px}.storage-tile-value{font-family:var(--font-cost);color:#00201a;font-size:16px;font-weight:600}.chart-wrap{position:relative}.chart-tooltip{pointer-events:none;white-space:nowrap;z-index:5;background:#1f2a25;border-radius:8px;padding:8px 11px;font-size:12.5px;position:absolute;transform:translate(-50%,-115%);box-shadow:0 8px 24px #0003}.chart-tooltip .tt-date{color:#ffffffa6;margin-bottom:3px;font-size:11.5px}.chart-tooltip .tt-value{font-family:var(--font-mono);color:#fff;font-weight:600}.chart-tooltip .tt-hint{color:#ffc480;border-top:1px solid #ffffff26;margin-top:4px;padding-top:4px;font-size:10.5px}.info-tip{display:inline-flex;position:relative}.info-tip-btn{appearance:none;color:inherit;opacity:.75;width:15px;height:15px;font-size:10px;font-family:var(--font-sans);cursor:help;background:0 0;border:1px solid;border-radius:50%;justify-content:center;align-items:center;padding:0;font-style:italic;font-weight:700;line-height:1;display:inline-flex}.info-tip-btn:hover,.info-tip-btn:focus-visible{opacity:1}.info-tip-content{color:#fff;opacity:0;visibility:hidden;pointer-events:none;z-index:20;background:#1f2a25;border-radius:8px;width:220px;padding:9px 11px;font-size:12px;font-weight:400;line-height:1.45;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000038}.info-tip:hover .info-tip-content,.info-tip:focus-within .info-tip-content{opacity:1;visibility:visible}.pie-wrap{flex-direction:column;align-items:center;display:flex}.pie-chips{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.pie-chip{border:1px solid var(--border-strong);text-align:center;border-radius:5px;padding:10px 8px;transition:box-shadow .15s}.pie-chip.active{box-shadow:0 0 0 1.5px var(--text-muted)}.pie-chip-name{font-family:var(--font-cost);color:#00201a;justify-content:center;align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:flex}.pie-dot{border-radius:50%;flex-shrink:0;width:18px;height:18px}.pie-chip-value{font-family:var(--font-cost);color:#00201a;margin-top:4px;font-size:17px;font-weight:600}.pie-total{font-family:var(--font-cost);color:#1a1a1a;margin-top:16px;font-size:19px;font-weight:600}.pie-total-sub{color:var(--text-muted);margin-top:2px;font-size:13px}.pie-svg{width:min(220px,100%);margin-top:10px}.page-intro{padding:0 0 14px}.page-title{color:var(--text-primary);font-size:26px;font-weight:600}.day-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.day-toolbar-actions{gap:8px;display:flex}.print-report-head{display:none}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:14.5px}.back-link{color:var(--synthetic-text);margin-bottom:10px;font-size:14px;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}.card{box-shadow:var(--card-shadow);background:#fff;border-radius:15px;margin-bottom:18px;padding:20px 22px}.compare-swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px;display:inline-block}.history-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.history-filters{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.history-filter-group{background:var(--surface-2);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.history-filter-chip{appearance:none;color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 12px;font-size:13px;font-weight:500}.history-filter-chip.active{color:var(--text-primary);background:#fff;box-shadow:0 1px 3px #0000001f}.history-filter-check{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;font-size:13.5px;display:inline-flex}.history-filter-note{margin:-4px 0 12px}.history-missed-flag{background:var(--warning-soft);width:15px;height:15px;color:var(--warning);cursor:help;border-radius:50%;justify-content:center;align-items:center;margin-left:6px;font-size:10.5px;font-style:italic;font-weight:700;display:inline-flex}.export-btn{appearance:none;border:1px solid var(--border-strong);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;padding:8px 16px;font-size:13.5px;font-weight:500}.export-btn:hover:not(:disabled){background:var(--surface-2)}.export-btn:disabled{opacity:.4;cursor:default}.history-scroll{overflow-x:auto}.history-table{border-collapse:collapse;width:100%;font-size:14px}.history-table th{text-align:left;color:#fff;background:var(--synthetic-strong);white-space:nowrap;padding:10px 12px;font-size:13px;font-weight:500}.history-table th:first-child{border-radius:6px 0 0 6px}.history-table th:last-child{border-radius:0 6px 6px 0}.history-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;padding:11px 12px}.history-table tr:last-child td{border-bottom:none}.history-table tbody tr:hover td{background:var(--surface-2)}.history-table .compare-swatch{vertical-align:middle;margin-right:7px}.history-row{cursor:pointer}.history-date{color:var(--text-primary);font-weight:600}.history-row:hover .history-date{color:var(--synthetic-text)}.history-row:focus-visible{outline:2px solid var(--synthetic-strong);outline-offset:-2px}.history-dash{color:var(--text-muted)}.history-units{font-family:var(--font-mono);color:var(--wooden-text);font-weight:500}.history-cost{font-family:var(--font-mono);color:var(--synthetic-text);font-weight:600}.pagination{justify-content:center;align-items:center;gap:16px;padding:16px 0 2px;display:flex}.pagination-btn{appearance:none;border:1px solid var(--border-strong);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;background:#fff;border-radius:8px;padding:7px 18px;font-size:14px;font-weight:500}.pagination-btn:hover:not(:disabled){background:var(--surface-2)}.pagination-btn:disabled{opacity:.4;cursor:default}.pagination-label{color:var(--text-muted);font-size:13.5px}.drilldown-empty{color:var(--text-muted);padding:6px 0;font-size:14px}.dd-court{margin-bottom:22px}.dd-court-head{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:17px;font-weight:600;display:flex}.dd-court-total{font-family:var(--font-mono);color:var(--text-muted);margin-left:auto;font-size:13px;font-weight:500}.dd-switch{margin-bottom:16px}.dd-switch-head{margin-bottom:6px}.dd-switch-name{color:var(--text-primary);font-size:14.5px;font-weight:600}.dd-table{border-collapse:collapse;width:100%;font-size:13.5px}.dd-table th{text-align:left;color:#fff;background:var(--synthetic-strong);padding:9px 12px;font-size:13px;font-weight:500}.dd-table th:first-child{border-radius:6px 0 0 6px}.dd-table th:last-child{border-radius:0 6px 6px 0}.dd-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;padding:8px 12px}.dd-table td:first-child{color:var(--synthetic-text)}.dd-table tr:last-child td{border-bottom:none}.dd-switch-total{text-align:right;font-family:var(--font-mono);color:var(--text-muted);padding:6px 12px 0;font-size:12.5px}.tag-missed,.tag-open{font-family:var(--font-sans);border-radius:4px;padding:2px 7px;font-size:11.5px;font-weight:600;display:inline-block}.tag-missed{color:var(--warning);background:var(--warning-soft)}.tag-open{color:var(--text-muted);background:var(--surface-2)}.dd-summary{background:#f1f8f4;border-radius:10px;margin-top:8px;overflow:hidden}.dd-summary-row{border-bottom:1px solid #dfeee6;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 16px;font-size:14px;display:flex}.dd-summary-label{color:var(--text-secondary);font-weight:500}.dd-summary-hours{font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;margin-left:20px;margin-right:auto}.dd-summary-figures{font-family:var(--font-mono);white-space:nowrap}.dd-units{color:var(--wooden-text);font-weight:500}.dd-cost{color:var(--synthetic-text);font-weight:600}.dd-summary-grand{background:#e2f2e9;border-bottom:none;font-size:15px}.dd-summary-grand .dd-summary-label{color:var(--text-primary);font-weight:600}@media print{html,body,#root{height:auto}body{background:#fff}.icon-rail,.panel-head,.range-tabs,.footer,.page-intro,.day-toolbar-actions,.history-toolbar,.pagination{display:none!important}.app-frame{background:0 0;height:auto;min-height:0;padding:0;overflow:visible}.main-panel{height:auto;box-shadow:none;border-radius:0;padding:0;overflow:visible}.panel-body{padding-bottom:0;overflow:visible}.card{box-shadow:none;border:none;padding:0}.print-report-head{border-bottom:2px solid #414141;margin-bottom:18px;padding-bottom:12px;display:block}.print-report-logo{width:auto;height:32px;margin-bottom:4px;display:block}.print-report-title{color:#414141;font-size:22px;font-weight:600}.print-report-sub{color:#5c5c5c;margin-top:2px;font-size:13px}.dd-table th,.history-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#32a078!important}}.logout-btn{border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:border-color .15s var(--ease-out), color .15s var(--ease-out);border-radius:8px;margin-left:4px;padding:6px 12px;font-size:12px;font-weight:600}.logout-btn:hover{border-color:var(--wooden);color:var(--wooden-text)}.login-screen{background:#023324;justify-content:center;align-items:center;height:100vh;padding:clamp(10px,3vh,32px);display:flex;position:relative}.login-split{border-radius:28px;width:100%;max-width:1400px;height:100%;max-height:820px;display:flex;overflow:hidden;box-shadow:0 30px 80px #0009}.login-panel-left{background:#033b2c;flex-direction:column;flex:50%;justify-content:space-between;min-width:320px;padding:clamp(28px,6vw,96px);display:flex}.login-brand-logo{width:clamp(120px,11vw,168px);height:auto}.login-hero{max-width:440px;margin:auto 0;padding:40px 0}.login-headline{letter-spacing:.01em;text-transform:uppercase;color:#fff;margin:0;font-family:Playfair Display,serif;font-size:clamp(32px,4.2vw,52px);font-weight:800;line-height:1.12}.login-tagline{color:#fbbf24;letter-spacing:.02em;margin:12px 0 36px;font-size:16px;font-weight:700}.login-status{color:#ffffffbf;padding:10px 0;font-size:14px}.login-error{color:var(--orange);background:#ffa04824;border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:13px}.login-btn{color:#020617;width:100%;max-width:360px;font-family:var(--font-sans);cursor:pointer;transition:background-color .15s var(--ease-out), transform .15s var(--ease-out);background:#ffc107;border:1px solid #ffdca099;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:17px 22px;font-size:16px;font-weight:700;display:flex;box-shadow:0 10px 24px #ffc1074d}.login-btn:hover{background:#ffb300;transform:translateY(-1px)}.login-btn:disabled{cursor:default;opacity:.9}.login-btn-g{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.login-btn-spinner{border:2px solid #00000040;border-top-color:#020617;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spinner-rotate}.login-admin-toggle{text-align:center;color:#94a3b8;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;width:100%;max-width:360px;margin:16px 0 0;font-size:13px;font-weight:600;text-decoration:underline;display:block}.login-admin-toggle:hover{color:#cbd5e1}.login-admin-form{flex-direction:column;gap:10px;width:100%;max-width:360px;margin-top:16px;display:flex}.login-admin-input{color:#fff;width:100%;font-family:var(--font-sans);background:#ffffff0f;border:1px solid #ffffff2e;border-radius:10px;padding:12px 14px;font-size:14px}.login-admin-password-wrap{position:relative}.login-admin-password-wrap .login-admin-input{padding-right:56px}.login-admin-password-toggle{color:#94a3b8;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.login-admin-password-toggle:hover{color:#cbd5e1}.login-admin-input::placeholder{color:#64748b}.login-admin-input:focus{border-color:#ffc107;outline:none}.login-admin-submit{color:#fff;width:100%;font-family:var(--font-sans);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:700}.login-admin-submit:hover{background:#ffffff29}.login-admin-submit:disabled{cursor:default;opacity:.7}.login-admin-cancel{color:#94a3b8;cursor:pointer;text-align:center;background:0 0;border:none;font-size:12px}.login-admin-cancel:hover{color:#cbd5e1}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.login-footnote{color:#94a3b8;max-width:360px;font-size:14px;line-height:1.5}.login-panel-right{background:#022c20;flex:50%;min-width:280px;display:none;position:relative;overflow:hidden}.login-blob{width:100%;height:100%;position:absolute;inset:0}.lamp-rig{flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:62%}.lamp-cord{background:#0a140fb3;width:3px;height:clamp(60px,14vh,110px)}.lamp-socket{background:#3a6b5c;border:1px solid #0b2a1f;border-radius:4px 4px 0 0;width:22px;height:16px}.lamp-shade{background:#2d594b;border-top:1px solid #6ee7b766;border-radius:999px 999px 0 0;width:clamp(80px,9vw,120px);height:clamp(40px,5vw,60px)}.lamp-bulb{background:#fde68a;border-radius:0 0 50% 50%;width:30px;height:16px;animation:7s ease-in-out infinite lamp-cycle;box-shadow:0 0 24px 6px #ffca28}.lamp-cone{clip-path:polygon(38% 0%,62% 0%,100% 100%,0% 100%);background:linear-gradient(#ffca28,#ffc10759,#0000);width:clamp(260px,32vw,440px);height:clamp(280px,42vh,500px);animation:7s ease-in-out infinite lamp-cycle;position:absolute;top:calc(100% - 4px)}.lamp-halo{filter:blur(14px);background:#ffc10759;border-radius:50%;width:clamp(220px,22vw,320px);height:56px;animation:7s ease-in-out infinite lamp-cycle;position:absolute;top:calc(100% + clamp(270px,40vh,480px))}@keyframes lamp-cycle{0%,55%{opacity:1}70%,92%{opacity:0}to{opacity:1}}.scene-character{width:clamp(170px,18vw,260px);animation:7s ease-in-out infinite character-cycle;position:absolute;bottom:10%;left:70%;transform:translate(-50%)}.character-art{width:100%;height:auto;display:block}.character-shadow{fill:#01110a;animation:7s ease-in-out infinite shadow-cycle}@keyframes shadow-cycle{0%,55%{opacity:1}70%,92%{opacity:0}to{opacity:1}}@keyframes character-cycle{0%,55%{left:70%}70%,92%{left:18%}to{left:70%}}@media (width>=760px){.login-panel-right{display:block}}.admin-console{flex-direction:column;gap:16px;display:flex}.admin-tabs{flex-wrap:wrap;gap:6px;display:flex}.admin-tab{appearance:none;border:1px solid var(--border-strong);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:background .15s var(--ease-out), color .15s var(--ease-out), border-color .15s var(--ease-out);background:#fff;border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:600}.admin-tab.active{background:var(--brand-strong);border-color:var(--brand-strong);color:#fff}.admin-tab:not(.active):hover{border-color:var(--brand-strong);color:var(--synthetic-text)}.admin-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.admin-card-head h3{color:var(--text-primary);margin:0;font-size:17px;font-weight:600}.card>h3{color:var(--text-primary);margin:0 0 14px;font-size:17px;font-weight:600}.admin-select{border:1px solid var(--border-strong);font-family:var(--font-sans);color:var(--text-primary);background:#fff;border-radius:8px;padding:7px 10px;font-size:13.5px}.admin-form{background:var(--surface-2);border-radius:10px;margin-bottom:18px;padding:16px}.admin-form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:14px;display:grid}.admin-form-grid label,.admin-form label{color:var(--text-secondary);flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;display:flex}.admin-form input,.admin-form-grid input,.admin-form select,.admin-form-grid select{border:1px solid var(--border-strong);font-family:var(--font-sans);color:var(--text-primary);background:#fff;border-radius:8px;padding:9px 11px;font-size:13.5px;font-weight:400}.admin-form-inline{background:0 0;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;padding:0;display:flex}.admin-form-inline input{border:1px solid var(--border-strong);font-family:var(--font-sans);border-radius:8px;flex:200px;padding:9px 11px;font-size:13.5px}.admin-inline-input{border:1px solid var(--border-strong);width:100%;max-width:90px;font-family:var(--font-sans);color:var(--text-primary);border-radius:6px;padding:5px 7px;font-size:13px}.admin-submit-btn{border-color:var(--brand-strong);color:var(--synthetic-text)}.admin-hint{color:var(--text-muted);margin:-4px 0 14px;font-size:12px}.admin-status-badge{text-transform:capitalize;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-block}.admin-status-badge.active{background:var(--synthetic-soft);color:var(--synthetic-text)}.admin-status-badge.inactive{background:var(--warning-soft);color:var(--warning)}.admin-row-actions{white-space:nowrap;vertical-align:middle}.admin-link-btn{appearance:none;color:var(--synthetic-text);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;margin-right:10px;padding:0;font-size:13px;font-weight:600}.admin-link-btn:last-child{margin-right:0}.admin-link-btn:hover{text-decoration:underline}.admin-link-btn:disabled{color:var(--text-muted);cursor:default;text-decoration:none}.admin-link-danger{color:var(--warning)}.admin-inline-error{margin-bottom:14px}.admin-detail-cell{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;max-width:420px;font-size:12px;overflow:hidden}.admin-status-badge.platform{background:var(--wooden-soft);color:var(--wooden-text)}.admin-rules-panel .admin-form-inline label{flex-direction:row;align-items:center;gap:4px;margin:0;font-size:13px;display:inline-flex}.server-load-card{margin-top:20px}.server-load-range-group{gap:6px;display:flex}.server-load-legend{gap:18px;margin:2px 0 14px;display:flex}.server-load-legend-item{color:var(--text-muted);align-items:center;gap:6px;font-size:12.5px;display:flex}.server-load-panel{margin-top:18px}.server-load-panel:first-of-type{margin-top:4px}.server-load-panel-head{align-items:center;gap:10px;margin-bottom:4px;display:flex}.server-load-panel-title{color:var(--text-primary);font-size:13.5px;font-weight:600}.server-load-threshold-badge{color:var(--orange);background:var(--orange-soft);border-radius:999px;padding:2px 10px;font-size:11.5px}.server-report-source{border-top:1px solid var(--border);margin-top:24px;padding-top:18px}.server-report-source:first-of-type{border-top:none;margin-top:8px;padding-top:0}.server-report-source-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.server-report-source-title{color:var(--text-primary);font-size:14px;font-weight:600}.server-report-chart-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:16px;display:grid}.server-report-chart-title{color:var(--text-secondary);margin-bottom:2px;font-size:12px;font-weight:600}.server-report-empty{padding:24px 0;font-size:12.5px}.device-toggle{cursor:pointer;border:none;border-radius:999px;width:42px;height:22px;padding:0;transition:background-color .15s;position:relative}.device-toggle.is-on{background:var(--orange)}.device-toggle.is-off{background:var(--brand-strong)}.device-toggle.is-busy{opacity:.6;cursor:wait}.device-toggle-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.device-toggle.is-on .device-toggle-knob{left:22px}.device-status-unknown{color:var(--text-muted);font-size:12px}.server-activity-days{flex-direction:column;gap:8px;display:flex}.server-activity-day{border:1px solid var(--border);border-radius:10px;overflow:hidden}.server-activity-day-head,.server-activity-session-head{background:var(--surface-2);width:100%;font-family:var(--font-sans);color:var(--text-primary);text-align:left;cursor:pointer;border:none;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 14px;font-size:13px;display:flex}.server-activity-session-head{border-top:1px solid var(--border);background:#fff;border-radius:0}.server-activity-session-head:disabled{cursor:default}.server-activity-day-date{min-width:110px;font-weight:700}.server-activity-day-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.server-activity-day-metrics{color:var(--text-secondary);gap:12px;font-size:12.5px}.server-activity-muted{color:var(--text-muted);margin-left:auto;font-size:12.5px}.server-activity-chevron{color:var(--text-muted);margin-left:4px;transition:transform .15s}.server-activity-chevron.is-open{transform:rotate(180deg)}.server-activity-sessions{flex-direction:column;display:flex}.server-activity-session:last-child .server-activity-detail{border-radius:0 0 9px 9px}.server-activity-user-table{margin-top:12px}.server-activity-detail{background:var(--surface-2);border-top:1px solid var(--border);padding:14px 16px}.server-activity-detail-grid{color:var(--text-secondary);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;font-size:13px;display:grid}.server-status-badge{border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:600}.server-status-badge.is-up{color:var(--synthetic-text);background:var(--synthetic-soft)}.server-status-badge.is-down{color:var(--warning);background:var(--warning-soft)}.control-policy-badge{color:var(--text-secondary);background:var(--surface-2);border-radius:999px;padding:2px 10px;font-size:11.5px}.timeline-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:10px;display:flex}.timeline-legend{gap:16px;margin-bottom:14px;display:flex}.timeline-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.timeline-filter-row{margin-bottom:14px}.timeline-filter-count{color:var(--text-muted);white-space:nowrap;font-size:13px}.export-menu{display:inline-flex;position:relative}.export-menu-popover{z-index:30;background:#fff;border-radius:10px;flex-direction:column;min-width:160px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0000002e}.export-menu-popover button{appearance:none;text-align:left;font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:13.5px}.export-menu-popover button:hover{background:var(--surface-2)}.timeline-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.timeline-pagination-controls{align-items:center;gap:10px;display:flex}.timeline-pagination-page{color:var(--text-secondary);white-space:nowrap;font-size:13px}.timeline-row-dot{border-radius:999px;flex-shrink:0;width:7px;height:7px}.timeline-source-badge{color:var(--text-secondary);background:var(--surface-2);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.timeline-table-wrap{overflow-x:auto}.timeline-table-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.timeline-table-sortable:hover{opacity:.85}.timeline-action-cell{white-space:normal;min-width:280px}.timeline-action-inline{align-items:flex-start;gap:8px;display:inline-flex}.timeline-action-inline .timeline-row-dot{margin-top:6px}.device-toast{z-index:1000;max-width:360px;color:var(--warning);background:#fff;border:1px solid #ffa04859;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:13px;animation:.18s ease-out device-toast-in;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 8px 24px #00000029}.device-toast-close{appearance:none;color:inherit;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:16px;line-height:1}@keyframes device-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}