:root{--bg:#f5f5f7;--panel:#fff;--panel-soft:#fafafc;--line:#e0e0e0;--line-soft:#f0f0f0;--text:#1d1d1f;--muted:#6e6e73;--accent:#06c;--accent-focus:#0071e3;--accent-ink:#fff;--good:#1f7a4d;--warn:#8a5a00;--bad:#b32d2d;--grid:#f0f0f0;--series-office:#06c;--series-wfh:#d9418c;--shadow:none;--shadow-product:3px 5px 30px 0 #00000038;--r-sm:8px;--r-md:11px;--r-lg:18px;--r-pill:9999px;letter-spacing:-.374px;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI Variable Text,Segoe UI,system-ui,sans-serif;font-size:17px;line-height:1.47}:root[data-theme=dark]{--bg:#1d1d1f;--panel:#272729;--panel-soft:#2a2a2c;--line:#3a3a3c;--line-soft:#333335;--text:#fff;--muted:#a1a1a6;--accent:#2997ff;--accent-focus:#4ba3ff;--accent-ink:#00264d;--good:#4cc984;--warn:#e8b246;--bad:#ff6b6b;--grid:#313133;--series-office:#2997ff;--series-wfh:#d9418c;--shadow:none;--shadow-product:3px 5px 30px 0 #0000008c}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.page{flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;padding:32px 24px 80px;display:flex}.header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.header h1{letter-spacing:-.9px;margin:0;font-size:40px;font-weight:600;line-height:1.1}.header p{color:var(--muted);margin:6px 0 0}.header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}.card h2{letter-spacing:-.374px;color:var(--text);margin:0 0 4px;font-size:17px;font-weight:600;line-height:1.24}.card-note{letter-spacing:-.224px;color:var(--muted);margin:0 0 18px;font-size:14px;line-height:1.43}.card h3{letter-spacing:-.224px;color:var(--muted);margin:24px 0 8px;font-size:14px;font-weight:600}.centre{flex-direction:column;align-items:center;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.two-up{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.facts{flex-direction:column;gap:8px;width:100%;margin:16px 0 0;display:flex}.facts>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:6px;display:flex}.facts>div:last-child{border-bottom:none}.facts dt{color:var(--muted);margin:0}.facts dd{text-align:right;margin:0}.target{text-align:center;margin:14px 0 4px}.muted{color:var(--muted)}.small{font-size:.85rem}.pad{text-align:center;padding:32px 0}.good{color:var(--good)}.warn{color:var(--warn)}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}button{background:var(--panel-soft);color:var(--text);border:1px solid var(--line-soft);border-radius:var(--r-md);letter-spacing:-.224px;cursor:pointer;padding:9px 15px;font-family:inherit;font-size:14px;font-weight:400}button:hover:not(:disabled){border-color:var(--line)}button:disabled{opacity:.45;cursor:not-allowed}button:active:not(:disabled){transform:scale(.95)}button:focus-visible{outline:2px solid var(--accent-focus);outline-offset:2px}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);border-radius:var(--r-pill);letter-spacing:-.374px;padding:11px 22px;font-size:17px}button.primary:hover:not(:disabled){filter:brightness(1.08)}button.ghost{border:1px solid var(--accent);color:var(--accent);border-radius:var(--r-pill);letter-spacing:-.374px;background:0 0;padding:10px 21px;font-size:17px}button.link{color:var(--accent);font-size:inherit;background:0 0;border:none;padding:0 0 0 10px;text-decoration:underline}textarea,input[type=number],input[type=text]{background:var(--panel-soft);width:100%;color:var(--text);border:1px solid var(--line);resize:vertical;border-radius:8px;padding:10px;font-family:Cascadia Mono,Consolas,monospace;font-size:.88rem}input[type=number]{width:110px;font-family:inherit}label{color:var(--muted);margin-bottom:12px;font-size:.9rem;display:block}label input{margin-top:6px}.notice{border:1px solid var(--line);border-radius:8px;padding:10px 14px}.notice.ok{background:#4cc9841f;border-color:#4cc98466}.notice.error{background:#dc60601f;border-color:#dc606066}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:8px 6px}th{color:var(--muted);font-weight:500}tbody tr:last-child td{border-bottom:none}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.stat{background:var(--panel-soft);border:1px solid var(--line-soft);border-radius:var(--r-md);flex-direction:column;gap:3px;padding:14px 16px;display:flex}.stat-label{color:var(--muted);letter-spacing:-.224px;font-size:14px}.stat-value{letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;line-height:1.14}.stat-note{color:var(--muted);letter-spacing:-.224px;font-size:14px}.kpi-band{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}@media (width<=1080px){.kpi-band{grid-template-columns:repeat(3,1fr)}}@media (width<=680px){.kpi-band{grid-template-columns:repeat(2,1fr)}}@media (width<=430px){.kpi-band{grid-template-columns:1fr}}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;gap:5px;padding:16px 16px 14px;display:flex;position:relative;overflow:hidden}.kpi:before{content:"";background:var(--kpi-accent,var(--accent));width:3px;position:absolute;inset:0 auto 0 0}.kpi-head{color:var(--muted);letter-spacing:-.224px;align-items:center;gap:7px;font-size:14px;display:flex}.kpi-value{letter-spacing:-.7px;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:30px;font-weight:600;line-height:1.12}.kpi-value .kpi-unit{letter-spacing:-.3px;color:var(--muted);margin-left:2px;font-size:17px;font-weight:400}.kpi-note{letter-spacing:-.224px;color:var(--muted);font-size:14px}.kpi-note.good{color:var(--good)}.kpi-note.warn{color:var(--warn)}.kpi-note.bad{color:var(--bad)}.kpi-rail{border-radius:var(--r-pill);background:var(--line-soft);height:4px;margin-top:4px;overflow:hidden}.kpi-rail span{border-radius:var(--r-pill);background:var(--kpi-accent,var(--accent));height:100%;transition:width .9s;display:block}.chart-frame{width:100%}.chart-legend{letter-spacing:-.224px;color:var(--muted);flex-wrap:wrap;gap:16px;margin:0 0 12px;padding:0;font-size:14px;list-style:none;display:flex}.chart-legend li{align-items:center;gap:7px;display:flex}.chart-legend .swatch{border-radius:3px;flex:none;width:10px;height:10px}.chart-legend .value{color:var(--text);font-variant-numeric:tabular-nums}.donut-wrap{position:relative}.donut-centre{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-centre .figure{letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:28px;font-weight:600}.donut-centre .label{color:var(--muted);letter-spacing:-.224px;font-size:14px}.ring{filter:drop-shadow(var(--shadow-product))}.ring-track{stroke:var(--line)}.ring-arc{transition:stroke-dashoffset .6s,stroke .6s}.ring-arc.bad{stroke:var(--bad)}.ring-arc.warn{stroke:var(--warn)}.ring-arc.good{stroke:var(--good)}.ring-tick{stroke:color-mix(in srgb, var(--text) 45%, transparent)}.ring-value{fill:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.5px}.ring-caption{fill:var(--muted)}label.checkbox{color:var(--text);align-items:center;gap:8px;display:flex}label.checkbox input{width:auto;margin:0}.focus{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;padding:20px 16px;display:flex}.focus-badge{color:var(--bad);font-size:2rem;font-weight:700;transition:color .6s}.focus-badge.warn{color:var(--warn)}.focus-badge.good{color:var(--good)}.focus-rows{flex-direction:column;gap:8px;width:100%;font-size:.9rem;display:flex}.focus-rows>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding-bottom:6px;display:flex}.focus-rows>div:last-child{border-bottom:none}.focus-clock{margin:0}body{transition:background-color .25s,color .25s}.card{box-shadow:var(--shadow);transition:transform .18s,border-color .18s,box-shadow .18s}.card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.stat{transition:transform .18s,border-color .18s}.stat:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--line))}button,input,textarea{transition:background-color .18s,border-color .18s}.live-dot{background:var(--good);border-radius:50%;width:8px;height:8px;margin-right:6px;animation:2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.section-enter{animation:.35s both rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hm-input{align-items:center;gap:6px;margin-top:6px;display:inline-flex}.hm-input input{width:72px}.hm-unit{color:var(--muted);font-size:.85rem}.theme-switch{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.theme-switch button{background:0 0;border:none;border-radius:0;gap:5px;padding:8px 12px}.theme-switch button.active{background:var(--accent);color:var(--accent-ink);font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pip-body{background:var(--bg);margin:0;overflow:hidden}.mini{background:var(--bg);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:100vh;display:flex}.mini-ring{line-height:0}.mini-meta{flex-direction:column;align-items:center;gap:1px;margin-top:-6px;display:flex}.mini-logged{font-size:15px;font-weight:600;transition:color .6s}.mini-logged.bad{color:var(--bad)}.mini-logged.warn{color:var(--warn)}.mini-logged.good{color:var(--good)}.mini-sub{color:var(--muted);font-size:11px}.mini-percent{font-size:30px;font-weight:700}.mini-empty{gap:4px}.adaptive-host{width:100%;height:100vh}.bar-widget{background:var(--bg);-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:8px;height:100%;padding:0 8px;display:flex}.bar-percent{min-width:36px;font-size:15px;font-weight:700;transition:color .6s}.bar-percent.bad{color:var(--bad)}.bar-percent.warn{color:var(--warn)}.bar-percent.good{color:var(--good)}.bar-track{background:var(--panel-soft);border:1px solid var(--line);border-radius:999px;flex:1;height:8px;position:relative;overflow:hidden}.bar-fill{border-radius:999px;height:100%;transition:width .9s,background-color .6s}.bar-fill.bad{background:var(--bad)}.bar-fill.warn{background:var(--warn)}.bar-fill.good{background:var(--good)}.bar-fill.running{background-image:linear-gradient(100deg,#fff0 30%,#ffffff59 50%,#fff0 70%);background-size:220% 100%;animation:2.4s linear infinite sheen}@keyframes sheen{0%{background-position:180% 0}to{background-position:-80% 0}}.bar-mark{background:color-mix(in srgb, var(--text) 55%, transparent);width:2px;position:absolute;top:-2px;bottom:-2px}.bar-sub{color:var(--muted);font-size:11px}.bar-sub strong{color:var(--text);font-weight:600}.vbar-widget{background:var(--bg);-webkit-user-select:none;user-select:none;text-align:center;flex-direction:column;align-items:center;gap:6px;height:100%;padding:8px 6px;display:flex}.vbar-percent{font-size:15px;font-weight:700;transition:color .6s}.vbar-percent.bad{color:var(--bad)}.vbar-percent.warn{color:var(--warn)}.vbar-percent.good{color:var(--good)}.vbar-track{background:var(--panel-soft);border:1px solid var(--line);border-radius:999px;flex:1;align-items:flex-end;width:10px;display:flex;position:relative;overflow:hidden}.vbar-fill{border-radius:999px;width:100%;transition:height .9s,background-color .6s}.vbar-fill.bad{background:var(--bad)}.vbar-fill.warn{background:var(--warn)}.vbar-fill.good{background:var(--good)}.vbar-fill.running{background-image:linear-gradient(190deg,#fff0 30%,#ffffff59 50%,#fff0 70%);background-size:100% 220%;animation:2.4s linear infinite sheen-v}@keyframes sheen-v{0%{background-position:0 -80%}to{background-position:0 180%}}.vbar-mark{background:color-mix(in srgb, var(--text) 55%, transparent);height:2px;position:absolute;left:-2px;right:-2px}.vbar-sub{color:var(--muted);font-size:10px;line-height:1.3}.vbar-sub strong{color:var(--text);font-weight:600}.signoff{justify-content:center;width:100%;margin-top:14px}.signoff input[type=time]{background:var(--panel-soft);width:auto;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-family:inherit}.row-actions{justify-content:flex-end;gap:4px;display:flex}.edit-row td{background:var(--panel-soft)}.edit-fields{flex-wrap:wrap;align-items:flex-end;gap:12px;padding:6px 0;display:flex}.edit-fields label.inline{flex-direction:column;gap:4px;margin:0;font-size:.8rem;display:flex}.edit-fields input[type=time]{background:var(--panel);width:auto;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-family:inherit}button{align-items:center;gap:6px;line-height:1;display:inline-flex}.stat-label{align-items:center;gap:5px;display:flex}.plan{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--plan-accent,var(--accent));border-radius:var(--r-lg);flex-wrap:wrap;align-items:center;gap:18px;padding:20px 24px;display:flex}.plan-good{--plan-accent:var(--good)}.plan-warn{--plan-accent:var(--warn)}.plan-bad{--plan-accent:var(--bad)}.plan-icon{border-radius:var(--r-pill);width:46px;height:46px;color:var(--plan-accent,var(--accent));background:color-mix(in srgb, var(--plan-accent,var(--accent)) 12%, transparent);flex:none;justify-content:center;align-items:center;display:flex}.plan-body{flex:260px;min-width:0}.plan-body h2{letter-spacing:-.6px;font-variant-numeric:tabular-nums;margin:0;font-size:28px;font-weight:600;line-height:1.14}.plan-body p{letter-spacing:-.224px;color:var(--muted);margin:4px 0 0;font-size:14px;line-height:1.43}.plan-flags{flex-direction:column;flex:none;gap:6px;display:flex}.flag{letter-spacing:-.224px;white-space:nowrap;align-items:center;gap:6px;font-size:14px;display:inline-flex}.flag.good{color:var(--good)}.flag.warn{color:var(--warn)}.flag.muted{color:var(--muted)}@media (width<=560px){.plan-body h2{font-size:22px}.plan-flags{flex-flow:wrap;gap:12px}}.adaptive-host{overflow:hidden}.density-tight .bar-widget{gap:6px;padding:0 7px}.density-tight .bar-percent{min-width:33px;font-size:14px}.density-tight .bar-sub{font-size:10px}.density-minimal .bar-widget{gap:5px;padding:0 5px}.density-minimal .bar-percent{min-width:30px;font-size:13px}.density-minimal .bar-track{height:6px}.density-tight .vbar-widget{gap:4px;padding:6px 4px}.density-tight .vbar-percent{font-size:14px}.density-tight .vbar-sub{font-size:9.5px}.density-minimal .vbar-widget{gap:3px;padding:5px 3px}.density-minimal .vbar-percent{font-size:12px}.density-minimal .vbar-track{width:8px}.density-tight .mini-percent{font-size:24px}.density-minimal .mini-percent{font-size:20px}.density-minimal .mini-meta{display:none}@media (display-mode:standalone),(display-mode:window-controls-overlay){.pip-body,.adaptive-host{background:var(--bg)}}.ring-sub{fill:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:-.2px}.segmented{border:1px solid var(--line);border-radius:var(--r-md);margin-top:14px;display:inline-flex;overflow:hidden}.segmented button{background:0 0;border:none;border-radius:0;padding:7px 14px;font-size:14px}.segmented button.active{background:var(--accent);color:var(--accent-ink);font-weight:600}