:root{--up:#ff929b;--down:#65c78c;--lime:var(--purple);--cyan:var(--purple)}
.analysis-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:14px 0}.analysis-controls label{display:grid;gap:5px;font-size:11px;color:var(--muted)}.analysis-controls button,.analysis-controls select{font-size:12px}.freshness{color:var(--muted);font-size:12px;line-height:1.7;margin:16px 0 22px}.period-caption{font-size:13px;color:var(--text);margin:10px 0 16px}.period-caption span{display:block;margin-top:6px;font-size:11px;color:var(--muted)}.north-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.metric-card{min-width:0;background:var(--card);padding:23px;text-align:left;border:1px solid var(--border);border-radius:16px}.metric-card .label{display:flex;justify-content:space-between;font-size:13px}.metric-number{font-size:29px;font-weight:650;letter-spacing:-1px;margin:16px 0 12px}.metric-number small{font-size:12px;font-weight:400;letter-spacing:0}.north-card{padding:28px;background:linear-gradient(125deg,#342b54,var(--card))}.north-card .metric-number{font-size:52px}.metric-card p{font-size:11px;margin:12px 0}.owner{color:var(--muted);font-size:11px}.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.delta{font-size:12px}.delta.up{color:var(--up)}.delta.down{color:var(--down)}.delta.flat{color:var(--muted)}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:28px}.action-card{display:block;background:var(--card);border:1px solid var(--border);border-left:3px solid #ddb467;border-radius:12px;padding:20px;color:var(--text)}.attention{color:#ddb467;font-size:10px}.action-card h3{margin:10px 0}.action-card p{font-size:12px}.action-card small{color:var(--muted)}.goal-panel{margin:28px 0}.goal-panel .panel-head span{font-size:11px;color:var(--muted)}.goal-amount{font-size:28px}.goal-amount small{font-size:14px;color:var(--muted)}progress{width:100%;height:12px;accent-color:var(--purple);margin:18px 0}.explore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.explore-grid a{padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--card)}.diagnostic-panel{margin:24px 0;min-height:360px}.grid{gap:24px;margin-bottom:24px}.section-label{margin-top:32px}.live-dot{background:var(--purple)}
[data-theme=light]{--bg:#f2f3f8;--side:#e8eaf3;--card:#fff;--border:#d6d9e6;--text:#22243a;--muted:#62677e;--purple:#6850b9;--up:#bb2941;--down:#147b44;color-scheme:light}[data-theme=light] .brand{color:var(--text)}[data-theme=light] input,[data-theme=light] select,[data-theme=light] button,[data-theme=light] dialog{background:var(--card);color:var(--text);color-scheme:light}[data-theme=light] .toolbar,[data-theme=light] th,[data-theme=light] .month,[data-theme=light] .date-check{background:#e9ebf4;color:var(--text)}[data-theme=light] .north-card{background:linear-gradient(125deg,#e8defc,#fff)}[data-theme=light] .insight,[data-theme=light] .kpi.hero,[data-theme=light] .dropzone{background:#ece7f7}[data-theme=light] .kpi strong,[data-theme=light] .kpi .label,[data-theme=light] .month summary,[data-theme=light] .bar-row .value,[data-theme=light] .insight strong{color:var(--text)}[data-theme=light] td{border-color:var(--border)}[data-theme=light] tbody tr:hover,[data-theme=light] nav a.active{background:#e6def6;color:#46346e}[data-theme=light] .bar-track{background:#e5e4ef}[data-theme=light] .chart text{fill:#62677e}[data-theme=light] .chart .gridline{stroke:#d6d9e6}[data-theme=light] .primary{background:var(--purple);color:#fff}
@media(max-width:1100px){.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.north-card .metric-number{font-size:38px}}
@media(max-width:700px){.analysis-controls{gap:8px}.analysis-controls label{flex:1;min-width:135px}.analysis-controls select{width:100%}.analysis-controls>button{padding:8px;font-size:11px}.north-grid{gap:12px}.north-card{padding:16px}.north-card .metric-number{font-size:29px}.metric-number{font-size:25px}.health-grid{gap:12px}.metric-card{padding:15px}.metric-card .label{font-size:12px}.metric-card .owner{font-size:10px}.action-grid,.explore-grid{grid-template-columns:1fr}.freshness{font-size:11px}.north-grid .metric-card p{min-height:38px}.goal-panel .panel-head{flex-wrap:wrap}}
.advanced-controls{border:1px solid var(--border);border-radius:12px;padding:12px;margin:12px 0}.advanced-controls summary{cursor:pointer;color:var(--muted);font-size:12px}.metric-card{overflow-wrap:anywhere}.metric-number{overflow-wrap:normal}
.date-controls .toolbar{margin:12px 0 0}.date-controls[open]>summary{margin-bottom:8px}@media(min-width:1300px){.health-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.health-grid .metric-card{padding:18px}.health-grid .metric-number{font-size:26px}}@media(max-width:1100px){.health-grid .metric-card:last-child{grid-column:span 2}}@media(max-width:700px){.north-card .metric-number{font-size:27px}.analysis-controls{padding:4px 0}.north-card{min-height:190px}}
.report-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.period-report{margin-bottom:40px}.connections-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connections-grid>p{grid-column:1/-1}.connections-grid form{display:grid;gap:14px;margin:20px 0}.connections-grid form label{display:grid;gap:8px;overflow-wrap:anywhere}.connections-grid form input{width:100%}.connections-grid input[type=checkbox]{width:auto}.hour-row{display:grid;grid-template-columns:55px 1fr 75px 130px;gap:12px;align-items:center;margin:14px 0;font-size:12px}.hour-row .bar-track{margin:4px 0}.prior-bar{background:#7f8ba3!important}@media(max-width:700px){.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connections-grid{grid-template-columns:1fr}.hour-row{grid-template-columns:40px 1fr 55px;gap:8px}.hour-row>span:last-child{grid-column:2/-1}.report-grid .metric-card:last-child{grid-column:auto}}