:root{--bg: #ffffff;--bg-subtle: #fafafa;--border: #e8e8e8;--text: #171717;--text-secondary: #666666;--text-tertiary: #999999;--accent: #2680eb;--accent-soft: #e8f1fd;--green: #10b981;--red: #ef4444;--amber: #f59e0b;--violet: #8b5cf6;--sidebar-w: 232px;--radius: 8px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--border);padding:20px 12px;position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;gap:4px;background:var(--bg)}.logo{font-size:15px;font-weight:700;letter-spacing:-.02em;padding:0 10px 16px;display:flex;align-items:center;gap:8px}.logo-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);flex-shrink:0}.client-select{margin:0 6px 16px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-size:13px;font-weight:500;color:var(--text);width:calc(100% - 12px);cursor:pointer}.nav-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);padding:8px 10px 4px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);border:none;background:none;font-size:13.5px;font-weight:500;color:var(--text-secondary);cursor:pointer;text-align:left;width:100%;transition:background .12s,color .12s}.nav-item:hover{background:var(--bg-subtle);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-item svg{flex-shrink:0}.sidebar-footer{margin-top:auto;padding:10px;font-size:11.5px;color:var(--text-tertiary);line-height:1.5}.main{margin-left:var(--sidebar-w);flex:1;padding:28px 36px 60px;max-width:1200px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-title{font-size:22px;font-weight:700;letter-spacing:-.02em}.page-subtitle{color:var(--text-secondary);margin-top:4px;font-size:13px}.period-picker{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.period-row{display:flex;align-items:center;gap:8px}.period-select{padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-size:13px;color:var(--text);cursor:pointer}.period-select.compare{color:var(--text-secondary)}.range-sep{color:var(--text-tertiary)}.period-info{font-size:12.5px;color:var(--text-tertiary);margin-top:6px}.period-info strong{color:var(--text-secondary);font-weight:600}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:28px}.kpi{border:1px solid var(--border);border-radius:var(--radius);padding:16px}.kpi-label{font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.kpi-value-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.kpi-value{font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.kpi-delta{font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.kpi-delta.up{color:var(--green)}.kpi-delta.down{color:var(--red)}.kpi-sub{font-size:12px;color:var(--text-tertiary);margin-top:5px}.kpi-sub.up{color:var(--green)}.kpi-sub.down{color:var(--red)}.section{margin-bottom:32px}.section-title{font-size:15px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.section-title .hint{font-size:12px;font-weight:400;color:var(--text-tertiary)}.card{border:1px solid var(--border);border-radius:var(--radius);padding:20px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 1000px){.chart-grid{grid-template-columns:1fr}}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-subtle);white-space:nowrap}td{padding:9px 14px;border-bottom:1px solid var(--border);white-space:nowrap}tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr.total td{font-weight:600;background:var(--bg-subtle)}tr.compare-row td{color:var(--text-tertiary);font-weight:500;font-style:italic}.badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:12px;font-weight:600}.badge.good{background:#ecfdf5;color:#047857}.badge.bad{background:#fef2f2;color:#b91c1c}.badge.mid{background:#fffbeb;color:#b45309}.badge.na{background:var(--bg-subtle);color:var(--text-tertiary);font-weight:400}.notes{margin-top:40px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-subtle);font-size:12.5px;color:var(--text-secondary);line-height:1.6}.notes strong{color:var(--text)}.notes ul{padding-left:18px;margin-top:6px}.empty-state{border:1px dashed var(--border);border-radius:var(--radius);padding:40px;text-align:center;color:var(--text-tertiary)}