:root{--bg:#f4f5f7;--surface:#fff;--surface-alt:#fafafb;--surface-hover:#f0f2f5;--border:#e4e6eb;--border-strong:#cdd1d8;--text:#1a1d24;--text-muted:#5b6470;--text-faint:#8a929e;--brand-teal:#1aa699;--brand-navy:#1b6686;--brand-coral:#dd4367;--brand-orange:#ea883d;--accent:#1b6686;--accent-hover:#134b62;--accent-soft:#e3eef3;--accent-strong:#0e3849;--accent-2:#1aa699;--accent-2-soft:#def3f0;--success:#1f8a6b;--success-soft:#ddf0e7;--warning:#ea883d;--warning-soft:#fce7d2;--danger:#dd4367;--danger-soft:#fbdde4;--neutral-soft:#edeff2;--c1:#1b6686;--c2:#1aa699;--c3:#ea883d;--c4:#dd4367;--c5:#c19a2c;--c6:#4a8054;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--r-sm:6px;--r-md:8px;--r-lg:12px;--shadow-1:0 1px 2px rgba(20,25,35,.06),0 1px 1px rgba(20,25,35,.04);--shadow-2:0 4px 12px rgba(20,25,35,.07),0 2px 4px rgba(20,25,35,.04);--font-sans:"Satoshi",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"Menlo",monospace}[data-theme=dark]{--bg:#0e1116;--surface:#161a21;--surface-alt:#1b1f27;--surface-hover:#20252e;--border:#2a2f38;--border-strong:#3a4049;--text:#e6e8eb;--text-muted:#9098a4;--text-faint:#6b7280;--brand-teal:#38c7b9;--brand-navy:#5ba1c2;--brand-coral:#e97389;--brand-orange:#f2a26b;--accent:#5ba1c2;--accent-hover:#7db6d1;--accent-soft:#102a36;--accent-strong:#b8d9e8;--accent-2:#38c7b9;--accent-2-soft:#0e2f2b;--success:#4abf92;--success-soft:#0f2e22;--warning:#f2a26b;--warning-soft:#3b2811;--danger:#e97389;--danger-soft:#3b1418;--neutral-soft:#20252e;--shadow-1:0 1px 2px rgba(0,0,0,.4);--shadow-2:0 4px 12px rgba(0,0,0,.45)}*{box-sizing:border-box}body,html{height:100%;margin:0;overflow:hidden}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11"}button{font-family:inherit;cursor:pointer}.tabular{font-variant-numeric:tabular-nums lining-nums}.app{display:grid;grid-template-columns:260px 1fr;grid-template-rows:1fr;height:100dvh;background:var(--bg)}.sidebar{background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;overscroll-behavior:contain}.brand,.sidebar{display:flex;flex-direction:column}.brand{padding:var(--s-5) var(--s-5) var(--s-4);align-items:center;gap:var(--s-3);border-bottom:1px solid var(--border);text-align:center}.brand-logo{display:block;height:84px;width:auto;max-width:88%;-o-object-fit:contain;object-fit:contain}.brand-logo-dark,[data-theme=dark] .brand-logo-light{display:none}[data-theme=dark] .brand-logo-dark{display:block}.brand-sub{font-size:11px;color:var(--text-muted);font-weight:500;letter-spacing:.02em;text-transform:uppercase;margin-top:2px}.nav{flex:1;padding:var(--s-3) var(--s-3) var(--s-6);display:flex;flex-direction:column;gap:2px}.nav-section{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);padding:var(--s-4) var(--s-3) var(--s-2)}.nav-item{display:flex;align-items:center;gap:var(--s-3);padding:8px 12px;border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;text-align:left;border-radius:var(--r-sm);width:100%;transition:background .15s,color .15s}.nav-item:hover{background:var(--surface-hover);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent-strong)}.nav-item svg{flex-shrink:0}.owner-list,.pillar-list{display:flex;flex-direction:column;gap:2px;padding:0 var(--s-1)}.filter-item{display:flex;align-items:center;gap:var(--s-3);padding:6px 10px;border:none;background:transparent;color:var(--text-muted);font-size:12.5px;border-radius:var(--r-sm);text-align:left;width:100%;cursor:pointer;transition:background .15s}.filter-item:hover{background:var(--surface-hover)}.filter-item.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.filter-dot{width:8px;height:8px;border-radius:50%;background:var(--border-strong);flex-shrink:0}.filter-item.active .filter-dot{background:var(--accent)}.filter-count{margin-left:auto;font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums}.period-toolbar{display:none;align-items:center;gap:var(--s-5);padding:var(--s-3) var(--s-6);background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:9;flex-wrap:wrap}.period-toolbar.is-visible{display:flex}.period-group{display:inline-flex;align-items:center;gap:var(--s-3);min-width:0}.period-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.period-divider{width:1px;height:20px;background:var(--border)}.chip-filter-list{display:flex;flex-wrap:wrap;gap:6px}.chip-filter-ghost{font-style:normal;opacity:.85}.chip-filter-ghost.active{opacity:1}.btn-reset{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:12px;font-weight:500;border-radius:999px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.btn-reset:hover{border-color:var(--accent);color:var(--text)}.btn-reset svg{flex-shrink:0}.chip-filter{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:12px;font-weight:500;border-radius:999px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;font-variant-numeric:tabular-nums}.chip-filter:hover{border-color:var(--accent);color:var(--text)}.chip-filter.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}[data-theme=dark] .chip-filter.active{color:var(--bg)}.overview-only{display:none}.overview-only.is-visible{display:flex}.nav-section.overview-only.is-visible{display:block}.sidebar-footer{padding:var(--s-4);border-top:1px solid var(--border)}.as-of-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px}.month-picker{width:100%;padding:8px 10px;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--text);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer}.main{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-width:0;overflow:hidden}.content,.main{min-height:0}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-5) var(--s-6);background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.header h1{font-size:18px;font-weight:700;margin:0;letter-spacing:-.015em}.breadcrumbs{font-size:12px;color:var(--text-muted);margin-top:2px}.header-right{display:flex;align-items:center;gap:var(--s-3)}.filter-chips{display:flex;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;font-size:11.5px;font-weight:600}.chip button{background:none;border:none;padding:0;color:inherit;opacity:.6;display:flex;align-items:center}.chip button:hover{opacity:1}.chip .chip-label-btn{opacity:1;font-weight:600;font-size:inherit;color:inherit;cursor:pointer;padding:0;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .15s}.chip .chip-label-btn:hover{text-decoration-color:currentColor}.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-size:12.5px;font-weight:500;transition:background .15s,border-color .15s}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-strong)}.btn-icon{padding:7px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-muted);display:flex;align-items:center}.btn-icon:hover{color:var(--text);background:var(--surface-hover)}.sync-toast{position:fixed;bottom:24px;right:24px;z-index:9999;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);font-size:12.5px;color:var(--text);box-shadow:0 8px 24px rgba(0,0,0,.18);opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}.sync-toast.is-visible{opacity:1;transform:translateY(0)}.sync-toast.is-error{border-color:#dd4367;color:#dd4367}.content{overflow-y:auto;overscroll-behavior:contain;padding:var(--s-6)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--s-4);margin-bottom:var(--s-6)}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-5);display:flex;flex-direction:column;gap:6px;transition:border-color .15s,box-shadow .15s,transform .15s,opacity .15s;position:relative;overflow:hidden}.tile[draggable=true]{cursor:grab}.tile[draggable=true]:active{cursor:grabbing}.tile:hover{border-color:var(--border-strong);box-shadow:var(--shadow-1)}.tile:hover .tile-drag-handle{opacity:.55}.tile-drag-handle{position:absolute;top:6px;right:8px;font-size:11px;line-height:1;letter-spacing:-1px;color:var(--text-faint);opacity:0;transition:opacity .15s;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tile.dragging{opacity:.45;transform:scale(.98)}.tile.drag-over{border-color:var(--accent,var(--primary,#01696f));box-shadow:0 0 0 2px var(--accent,var(--primary,#01696f))}.tile-status-bar{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--border-strong)}.tile.status-on .tile-status-bar{background:var(--success)}.tile.status-risk .tile-status-bar{background:var(--warning)}.tile.status-off .tile-status-bar{background:var(--danger)}.tile-label{font-size:11.5px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.tile-owner{font-size:10px;color:var(--text-faint);padding:2px 6px;background:var(--neutral-soft);border-radius:4px;font-weight:500;text-transform:none;letter-spacing:0}.tile-value{font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums lining-nums;line-height:1.1;margin-top:2px}.tile-value.empty{color:var(--text-faint);font-size:16px;font-weight:500}.tile-meta{display:flex;gap:var(--s-3);font-size:11.5px;color:var(--text-muted);font-variant-numeric:tabular-nums}.delta,.tile-meta{align-items:center}.delta{display:inline-flex;gap:3px;font-weight:600}.delta.up{color:var(--success)}.delta.down{color:var(--danger)}.delta.flat{color:var(--text-muted)}.delta-inverted.up{color:var(--danger)}.delta-inverted.down{color:var(--success)}.tile-qualifier{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.tile-progress{height:4px;background:var(--neutral-soft);border-radius:2px;overflow:hidden;margin-top:6px}.tile-progress-bar{height:100%;background:var(--accent);border-radius:2px;transition:width .4s ease}.tile.status-on .tile-progress-bar{background:var(--success)}.tile.status-risk .tile-progress-bar{background:var(--warning)}.tile.status-off .tile-progress-bar{background:var(--danger)}.tile-sparkline{margin-top:var(--s-2);height:36px}.section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-5);margin-bottom:var(--s-5)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-4)}.section-title{font-size:14px;font-weight:700;letter-spacing:-.005em}.section-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.scorecard-row{display:grid;grid-template-columns:1.5fr 50px 1fr 80px 90px;align-items:center;gap:var(--s-4);padding:var(--s-3) 0;border-bottom:1px solid var(--border);font-size:13px}.scorecard-row:last-child{border-bottom:none}.scorecard-row.header{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);padding-bottom:var(--s-2)}.score-name{font-weight:600}.score-name-sub{font-size:11px;color:var(--text-muted);font-weight:400}.score-count{font-variant-numeric:tabular-nums;font-weight:600;text-align:center}.health-stack{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--neutral-soft)}.health-seg{height:100%;transition:width .4s ease}.health-seg.on{background:var(--success)}.health-seg.risk{background:var(--warning)}.health-seg.off{background:var(--danger)}.health-seg.na{background:var(--border-strong)}.score-status-counts{display:flex;gap:var(--s-3);font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.sc{display:inline-flex;align-items:center;gap:4px}.sc:before{content:"";width:6px;height:6px;border-radius:50%}.sc.on:before{background:var(--success)}.sc.risk:before{background:var(--warning)}.sc.off:before{background:var(--danger)}.score-variance{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;font-size:13px}.score-variance.pos{color:var(--success)}.score-variance.neg{color:var(--danger)}.score-variance.flat{color:var(--text-muted)}.grid-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.grid-scroll{overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain}table.kpi-table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:1200px}.kpi-table td,.kpi-table th{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap}.kpi-table thead th{position:sticky;top:0;z-index:2;background:var(--surface-alt);color:var(--text-muted);font-weight:600;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--border-strong)}.kpi-table thead th.month-h{text-align:right;font-family:var(--font-mono);font-size:10px;letter-spacing:0}.kpi-table tbody tr:hover{background:var(--surface-hover)}.kpi-table td.metric-name{font-weight:600;color:var(--text);white-space:normal;min-width:240px;max-width:340px;position:sticky;left:0;background:var(--surface);z-index:1;border-right:1px solid var(--border)}.kpi-table tbody tr:hover td.metric-name{background:var(--surface-hover)}.kpi-table td.pillar-tag{font-size:11px;color:var(--text-muted)}.kpi-table td.owner-tag{font-weight:600;color:var(--text)}.kpi-table td.month,.kpi-table td.num{font-variant-numeric:tabular-nums;text-align:right}.kpi-table td.month{font-family:var(--font-mono);font-size:11.5px}.kpi-table td.month.current{background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.kpi-table td.spark{width:100px}.kpi-table td.heat-pos-strong{background:rgba(31,122,58,.15)}.kpi-table td.heat-pos{background:rgba(31,122,58,.07)}.kpi-table td.heat-neg{background:rgba(184,40,53,.08)}.kpi-table td.heat-neg-strong{background:rgba(184,40,53,.18)}.kpi-table td.delta-pos{color:#1f7a3a}.kpi-table td.delta-neutral{color:var(--text)}.kpi-table td.delta-neg{color:#b82835}[data-theme=dark] .kpi-table td.delta-pos{color:#5ebe78}[data-theme=dark] .kpi-table td.delta-neg{color:#f06e7c}.kpi-table td.editable-cell:hover{background:var(--accent-soft);cursor:text}.kpi-table td.editing-cell{padding:2px 4px}.kpi-table td.comment-cell{position:relative}.kpi-table td.comment-cell:after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;background:var(--warning);border-radius:50%}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%}.status-pill.on{background:var(--success-soft);color:var(--success)}.status-pill.on:before{background:var(--success)}.status-pill.risk{background:var(--warning-soft);color:var(--warning)}.status-pill.risk:before{background:var(--warning)}.status-pill.off{background:var(--danger-soft);color:var(--danger)}.status-pill.off:before{background:var(--danger)}.status-pill.na{background:var(--neutral-soft);color:var(--text-muted)}.status-pill.na:before{background:var(--text-faint)}.trends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--s-4)}.trend-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-4)}.trend-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--s-3);gap:var(--s-2)}.trend-title{font-size:12.5px;font-weight:600;line-height:1.3;flex:1;min-width:0}.trend-owner{font-size:10px;color:var(--text-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.04em}.trend-canvas{height:110px}.pillar-divider{grid-column:1/-1;display:flex;align-items:center;gap:var(--s-3);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);margin-top:var(--s-3)}.pillar-divider:after{content:"";flex:1;height:1px;background:var(--border)}.pillar-divider:first-child{margin-top:0}.owner-page-head{gap:var(--s-4);margin-bottom:var(--s-5)}.owner-avatar,.owner-page-head{display:flex;align-items:center}.owner-avatar{width:56px;height:56px;border-radius:50%;background:var(--accent-soft);color:var(--accent-strong);justify-content:center;font-size:20px;font-weight:700}.owner-page-name{font-size:22px;font-weight:700;letter-spacing:-.02em}.owner-page-domain{font-size:13px;color:var(--text-muted);margin-top:2px}.owner-tabs{display:flex;gap:var(--s-2);border-bottom:1px solid var(--border);margin-bottom:var(--s-5)}.owner-tab{padding:var(--s-3) var(--s-4);background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.owner-tab:hover{color:var(--text)}.owner-tab.active{color:var(--accent-strong);border-bottom-color:var(--accent);font-weight:600}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3);margin-bottom:var(--s-6)}.admin-stat-card{border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-4)}.admin-stat-card,.btn{background:var(--surface)}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--r-sm);font-size:13px;cursor:pointer;color:var(--text);transition:background .15s}.btn:hover{background:var(--surface-hover)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.input{padding:6px 8px;border:1px solid var(--border);border-radius:var(--r-sm);font-size:13px;width:100%;background:var(--surface);color:var(--text);font-family:var(--font-sans)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px;border:2px solid var(--surface)}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}@media (max-width:980px){.app{grid-template-columns:1fr}.sidebar{display:none}.content{padding:var(--s-4)}}