@font-face{font-family:Plex;src:url('/fonts/IBMPlexSans.ttf') format('truetype');font-display:swap}@font-face{font-family:Spectral;src:url('/fonts/Spectral-Regular.ttf') format('truetype');font-display:swap}@font-face{font-family:Mono;src:url('/fonts/IBMPlexMono-Regular.ttf') format('truetype');font-display:swap}
:root{--navy:#0b1f3a;--navy800:#12294a;--navy700:#1c3a5e;--blue:#3b6690;--gold:#a9825a;--gold-text:#765635;--paper:#f5f6f8;--white:#fff;--line:#d8dee6;--ink:#16232f;--muted:#5b6b7a;--success:#18744c;--error:#b4232d;--warning:#8a5a00}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font:14px Plex,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--navy);border-radius:2px;min-height:40px;padding:9px 15px;transition:background .15s}button:hover{background:#eef1f4}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}input,select{min-height:42px;border:1px solid #aebbc7;background:white;padding:9px 11px;border-radius:1px;color:var(--ink);width:100%;min-width:0}input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--navy)}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:500;color:var(--muted)}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Spectral,Georgia,serif;font-weight:400}h1{font-size:36px;line-height:1.2;margin-bottom:0}h2{font-size:25px}h3{font-size:15px;font-weight:500;margin:0}.muted{color:var(--muted)}small{font-size:12px}.eyebrow,.nav-label{font-size:10px;letter-spacing:1.6px;font-weight:600;color:var(--gold-text);display:block;margin-bottom:9px}.primary{background:var(--navy);color:white;border-color:var(--navy700);display:inline-flex;gap:22px;align-items:center;justify-content:center}.primary:hover{background:var(--navy700)}.danger{color:var(--error)}.wordmark{font-size:31px;font-weight:500;letter-spacing:5px;display:flex;align-items:center;gap:15px;color:white}.wordmark span{letter-spacing:2px;font-size:10px;color:#d8c1a8;border-left:1px solid #536378;padding-left:14px}.login-shell{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.login-brand{background:var(--navy);color:white;padding:55px 10%;display:flex;flex-direction:column;justify-content:space-between;min-height:700px}.login-brand h1{font-size:52px;line-height:1.25}.login-brand .eyebrow{color:#d8c1a8}.login-brand p,.login-brand small{color:#b9c4d0}.login-brand p{margin-top:24px}.brand-rule{width:70px;height:3px;background:var(--gold);margin-top:40px}.login-content{display:grid;place-items:center;padding:40px}.login-card{width:100%;max-width:370px}.login-card h2{font-size:32px;margin:16px 0 8px}.login-card label{margin-top:22px}.login-card .primary{margin-top:26px;width:100%;justify-content:space-between}.error{color:var(--error);font-size:13px;margin-top:12px}#sidebar{position:fixed;inset:0 auto 0 0;width:234px;background:var(--navy);color:white;display:flex;flex-direction:column;padding:28px 16px;z-index:30}#sidebar .wordmark{padding:0 12px;margin-bottom:47px}#sidebar .nav-label{color:#9caec1;padding-left:14px;font-size:9px}nav{display:flex;flex-direction:column;gap:5px}nav a{display:flex;align-items:center;gap:13px;padding:12px 13px;min-height:45px;color:#b9c4d0;border-left:2px solid transparent}nav a:hover{background:var(--navy800);color:white}nav a.active{background:var(--navy700);color:white;border-left-color:var(--gold)}.nav-icon{font-size:17px;width:22px;text-align:center;line-height:1}.nav-divider{border-top:1px solid #ffffff1f;margin:18px 12px 14px}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff26;padding:22px 8px 0;display:flex;align-items:center;gap:11px}.sidebar-bottom strong{font-size:12px;display:block;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-bottom small{display:block;color:#b9c4d0;margin-top:3px}.sidebar-bottom button{background:none;color:#b9c4d0;border:0;padding:6px;margin-left:auto}.avatar{border:1px solid #ffffff40;width:33px;height:33px;display:grid;place-items:center;color:#d8c1a8;flex-shrink:0}.workspace{margin-left:234px}.topbar{height:72px;border-bottom:1px solid var(--line);background:white;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumb{font-size:11px;letter-spacing:1px;color:var(--muted)}.breadcrumb span{padding:0 16px;color:var(--line)}.breadcrumb strong{font-weight:500;letter-spacing:0;color:var(--ink)}.top-actions{display:flex;align-items:center;gap:12px;font-size:11px}.icon-button{background:transparent;border:0;min-width:42px;font-size:21px;padding:5px}.top-actions .icon-button{border-left:1px solid var(--line)}#menu{display:none}#main{max-width:1600px;padding:32px 36px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.filters{display:flex;gap:14px;align-items:end;border-block:1px solid var(--line);padding:17px 0;margin-bottom:26px}.filters label{flex:1;max-width:270px}.filters label:nth-child(1){flex:1.2}.filters label.custom-date{max-width:165px}.filters select,.filters input{font-size:13px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.card{background:white;border:1px solid var(--line);border-radius:2px;padding:23px}.kpi{border-top:2px solid var(--navy);min-height:143px;position:relative}.kpi:first-child{border-top-color:var(--gold)}.kpi-label{font-size:11px;letter-spacing:.7px;color:var(--muted);text-transform:uppercase}.kpi-value{font:25px Mono,monospace;letter-spacing:-1px;margin:14px 0 9px;overflow-wrap:anywhere}.kpi-note{font-size:11px;color:var(--muted)}.card-header{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:23px}.card-header small{color:var(--muted)}.two-col{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:22px;margin-bottom:22px}.equal-col{grid-template-columns:1fr 1fr}.chart{display:block;width:100%;height:230px}.chart text{font:10px Plex,sans-serif;fill:var(--muted)}.chart .gridline{stroke:var(--line);stroke-dasharray:3 5}.chart .series{fill:none;stroke:var(--navy);stroke-width:2.5}.chart .area{fill:#3b669014}.chart .zero{stroke:var(--gold);stroke-width:1}.chart .bar{fill:var(--navy700)}.chart-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding:0 4px}.chart-empty{height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);gap:12px;border-block:1px dashed var(--line);background:repeating-linear-gradient(0deg,white,white 59px,#f5f6f8 60px)}.chart-empty span{font-family:Spectral;font-size:23px;color:var(--navy)}.rank-row{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.rank-row:last-child{border:0}.rank-row .rank{font:11px Mono;color:var(--gold-text)}.rank-row strong{font-size:12px;font-weight:500;display:block}.rank-row small{color:var(--muted);font-size:10px}.money{font-family:Mono;font-size:12px}.section-gap{margin-top:22px}.table-wrap{overflow:auto;max-height:620px}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}th{font-size:10px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;background:var(--paper);color:var(--muted);padding:12px 14px;position:sticky;top:0}td{padding:15px 14px;border-bottom:1px solid var(--line)}tbody tr:last-child td{border:0}td.right,th.right{text-align:right}.tag{padding:4px 8px;background:#e7eff6;color:#285f8f;border-radius:2px;display:inline-block;font-size:10px}.tag.success{background:#e6f2ec;color:var(--success)}.tag.error{background:#fce8ea;color:var(--error)}.tag.warning{background:#fff3d6;color:var(--warning)}.empty{text-align:center;padding:48px 20px;color:var(--muted)}.empty h2{color:var(--navy);margin-bottom:8px}.notice{padding:12px 16px;border-left:3px solid var(--gold);background:#fff3d6;color:var(--warning);font-size:12px;margin-bottom:20px}.page-footer{display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.9px;color:var(--muted);padding:26px 0 0;border-top:1px solid var(--line);margin-top:26px}.goal-grid,.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.goal-value{font:30px Mono;margin:25px 0 8px}.goal-title{display:flex;justify-content:space-between;gap:14px}.goal-meta{font-size:11px;color:var(--muted);margin:9px 0}progress{width:100%;height:7px;border:0;background:var(--line);accent-color:var(--navy)}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--navy)}.goal-percent{display:flex;justify-content:space-between;font-size:11px;margin:12px 0}.goal-percent strong{color:var(--gold-text)}.inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.text-button{border:0;background:transparent;padding:5px 9px;min-height:32px;font-size:12px}.check-line{display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px 0;font-size:13px;font-weight:400}.check-list{max-height:230px;overflow:auto;border:1px solid var(--line);padding:8px 12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.permission-row{display:grid;grid-template-columns:minmax(0,1fr) 140px;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:9px 0;font-size:12px}.permission-row code{font:10px Mono;color:var(--muted);display:block;margin-top:3px}.permission-row select{min-height:35px;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:22px}.form-note{font-size:12px;color:var(--muted);margin-top:12px}.device-name{font-size:20px;margin:16px 0 10px}.device-details{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:11px;color:var(--muted);margin:20px 0}.device-details strong{font-weight:400;color:var(--ink);text-align:right}.device-grid .card{border-top:2px solid var(--blue)}.search{max-width:320px}.notification{padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.notification small{display:block;color:var(--muted);margin-top:7px}.notification.unread{border-left:3px solid var(--gold);padding-left:12px}.secret{font:12px Mono;word-break:break-all;padding:18px;background:var(--paper);border:1px solid var(--line);user-select:all}dialog{width:min(650px,94vw);max-height:90dvh;padding:26px;border:1px solid var(--line);border-top:3px solid var(--gold);color:var(--ink);border-radius:2px}dialog::backdrop{background:#0b1f3a99}.modal-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.modal-header h2{margin:0}#toast{position:fixed;right:24px;bottom:24px;max-width:calc(100vw - 48px);background:var(--navy);color:white;padding:16px 22px;border-left:3px solid var(--gold);z-index:100;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1500px){#main{padding:40px 52px}.kpi-value{font-size:30px}}
@media(max-width:1100px){#sidebar{width:205px}.workspace{margin-left:205px}#main{padding:26px 22px}.topbar{padding:0 22px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.goal-grid,.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{flex-wrap:wrap}.filters label{flex:1 1 28%;max-width:none}.settings-grid{grid-template-columns:1fr}}
@media(max-width:700px){#sidebar{transform:translateX(-100%);width:250px;transition:transform .2s}body.menu-open #sidebar{transform:translateX(0);box-shadow:0 0 0 100vmax #0b1f3a55}.workspace{margin-left:0}.topbar{height:60px;padding:0 14px;gap:6px}#menu{display:block}.breadcrumb{font-size:10px;flex:1}.breadcrumb span{padding:0 8px}.top-actions{gap:0}#refresh-status{display:none}#main{padding:25px 16px}h1{font-size:31px}.page-heading{align-items:start;margin-bottom:21px}.page-heading button{font-size:11px;padding:10px}.eyebrow{font-size:9px}.filters{gap:12px;margin-bottom:20px}.filters label,.filters label:nth-child(1){flex:1 1 42%;max-width:none}.filters label.custom-date{max-width:none}.kpi-grid{gap:10px}.kpi{padding:16px 13px;min-height:130px}.kpi-value{font-size:21px;margin-top:16px}.kpi-label{font-size:9px}.kpi-note{font-size:10px}.card{padding:18px}.two-col{gap:16px;margin-bottom:16px}.goal-grid,.device-grid{grid-template-columns:1fr}.card-header{gap:10px}.card-header small{font-size:10px}.card-header h3{font-size:14px}.chart{height:200px}.page-footer{flex-direction:column;gap:7px;font-size:8px}.login-shell{grid-template-columns:1fr}.login-brand{padding:22px 25px;min-height:0}.login-brand>div:not(.wordmark),.login-brand>small{display:none}.login-content{padding:50px 24px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.permission-row{grid-template-columns:minmax(0,1fr) 115px}dialog{padding:20px}.search{max-width:180px}.top-actions .icon-button{min-width:36px}.goal-value{font-size:26px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.nav-icon svg{width:19px;height:19px;display:block}.icon-button svg{width:21px;height:21px;vertical-align:middle}.form-actions .muted{align-self:center;font-size:11px}
.hourly-card{margin-bottom:22px}.hourly-header{align-items:flex-start}.hourly-header h3{margin-bottom:7px}.hourly-reading{text-align:right;flex-shrink:0}.hourly-reading span{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.hourly-reading strong{font:21px Mono,monospace;color:var(--navy)}.hourly-chart-layout{display:grid;grid-template-columns:68px minmax(0,1fr);gap:10px}.hourly-y-axis{height:200px;display:flex;flex-direction:column;justify-content:space-between;text-align:right;font:10px Mono,monospace;color:var(--muted)}.hourly-plot{min-width:0}.hourly-bars{display:block;width:100%;height:200px;overflow:visible}.hourly-gridline{stroke:var(--line);stroke-dasharray:3 5;vector-effect:non-scaling-stroke}.hourly-zero{stroke:var(--gold);vector-effect:non-scaling-stroke}.hourly-slot{cursor:pointer;outline:none}.hourly-hit{fill:transparent}.hourly-bar{fill:var(--navy700);pointer-events:none}.hourly-negative{fill:var(--error)}.hourly-slot[aria-pressed=true] .hourly-bar{fill:var(--gold)}.hourly-slot[aria-pressed=true] .hourly-negative{fill:var(--error)}.hourly-focus{fill:none;stroke:var(--blue);stroke-width:2;vector-effect:non-scaling-stroke;opacity:0;pointer-events:none}.hourly-slot:focus-visible .hourly-focus{opacity:1}.hourly-time-axis{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));margin-top:12px;font:10px Mono,monospace;color:var(--muted)}.hourly-time-axis span:nth-child(1){grid-column:1/3}.hourly-time-axis span:nth-child(2){grid-column:5/7}.hourly-time-axis span:nth-child(3){grid-column:9/11}.hourly-time-axis span:nth-child(4){grid-column:13/15}.hourly-time-axis span:nth-child(5){grid-column:17/19}.hourly-time-axis span:nth-child(6){grid-column:21/23}.hourly-time-axis span:nth-child(7){grid-column:23/25;text-align:right}.hourly-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.hourly-peak{font-size:11px;font-weight:500;color:var(--gold-text)}.hourly-footer small{font-size:11px;color:var(--muted)}
@media(max-width:700px){.hourly-card{margin-bottom:16px}.hourly-header{gap:12px}.hourly-reading strong{font-size:17px}.hourly-header>div:first-child{min-width:0}.hourly-chart-layout{grid-template-columns:54px minmax(0,1fr);gap:7px}.hourly-y-axis{font-size:9px}.hourly-header small{display:block;max-width:160px;line-height:1.5}.hourly-footer{gap:8px}.hourly-footer small{font-size:10px}}
.interactive-chart{position:relative;min-width:0}.series-reading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:22px;color:var(--muted);font-size:12px}.series-reading strong{font:20px Mono,monospace;color:var(--navy)}.series-plot{display:block;width:100%;height:200px;overflow:visible}.series-plot,.hourly-bars{touch-action:pan-y;user-select:none}.series-line{fill:none;stroke:var(--navy);stroke-width:2.5;vector-effect:non-scaling-stroke;pointer-events:none}.series-area{fill:#3b669014;pointer-events:none}.chart-point{outline:none;cursor:crosshair}.chart-hit{fill:transparent}.chart-cursor{stroke:var(--gold);stroke-dasharray:4 4;vector-effect:non-scaling-stroke;opacity:0;pointer-events:none}.series-dot{fill:var(--navy);stroke:white;stroke-width:1.5;opacity:0;pointer-events:none}.chart-point[aria-pressed=true] .chart-cursor,.chart-point[aria-pressed=true] .series-dot{opacity:1}.chart-point[aria-pressed=true] .series-dot{fill:var(--gold)}.chart-point:focus-visible .series-dot{stroke:var(--blue);stroke-width:3}.series-time-axis{display:flex;justify-content:space-between;font:10px Mono,monospace;color:var(--muted);gap:12px;margin-top:12px}.chart-tooltip{position:absolute;z-index:5;max-width:100%;width:max-content;min-width:130px;padding:11px 14px;background:var(--navy);color:white;border-left:3px solid var(--gold);box-shadow:0 5px 16px #0b1f3a22;pointer-events:none;border-radius:2px}.chart-tooltip>span{display:block;font-size:11px;color:#c9d3df}.chart-tooltip strong{display:block;font:16px Mono,monospace;margin:5px 0}.chart-tooltip small{display:block;font-size:10px;color:#c9d3df}
@media(max-width:700px){.series-reading strong{font-size:17px}.chart-tooltip{padding:9px 11px}.chart-tooltip strong{font-size:14px}}
.chart-controls{display:none;grid-template-columns:44px minmax(0,1fr) 44px 44px;align-items:center;gap:7px;margin-top:20px}.chart-controls button{padding:0;min-height:44px;min-width:44px;font-size:18px}.chart-controls button:disabled{cursor:default}.chart-scrubber{accent-color:var(--navy);padding:0;width:100%;height:44px;border:0;background:transparent;cursor:pointer}
@media(max-width:700px){.chart-controls{display:grid}}
.mobile-bottom-nav{display:none}
@media(max-width:700px){
  .mobile-bottom-nav{position:fixed;inset:auto 0 0;z-index:20;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;flex-direction:initial;background:var(--white);border-top:1px solid var(--line);padding:0 max(4px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(4px,env(safe-area-inset-left,0px))}
  .mobile-bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:64px;min-width:0;padding:8px 2px;border:0;color:var(--muted);font-size:10px;line-height:1.2;white-space:nowrap}
  .mobile-bottom-nav a.active{background:#e7eff6;color:var(--navy);font-weight:600;border:0}
  .mobile-bottom-nav a.active::before{content:'';position:absolute;top:0;left:24%;right:24%;height:2px;background:var(--gold)}
  .bottom-nav-icon{display:block;width:21px;height:21px}.bottom-nav-icon svg{display:block;width:100%;height:100%}
  body.menu-open .mobile-bottom-nav{visibility:hidden}
  #main{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
  html{scroll-padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}
  #toast{bottom:calc(80px + env(safe-area-inset-bottom,0px))}
}