*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:13px;background:#f5f7fa;color:#1c2a3e}.topbar{display:flex;align-items:center;gap:10px;padding:0 20px;height:48px;background:#1c3d6b;color:#fff}.brand{font-size:16px;font-weight:700;letter-spacing:.02em}.brand-sub{font-size:11px;opacity:.65}.report-title{font-size:14px;font-weight:500;margin-left:8px}.topbar-context{font-size:12px;opacity:.75;margin-left:auto}.topbar-nav{display:flex;gap:4px;margin-left:auto}.nav-btn{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:5px;color:#ffffffbf;font-size:12px;font-family:inherit;padding:4px 12px;cursor:pointer;transition:background .15s}.nav-btn:hover{background:#ffffff38;color:#fff}.nav-btn.active{background:#ffffff47;color:#fff;border-color:#ffffff80;font-weight:600}.debug-toggle{margin-left:12px;opacity:.6;font-size:11px}.debug-toggle:hover,.debug-toggle.active{opacity:1}.debug-bar{background:#1c2a3e;color:#9bb0c8;font-size:11px;padding:5px 16px;display:flex;flex-wrap:wrap;gap:16px;border-bottom:1px solid #2E3F54}.debug-kv{display:flex;align-items:center;gap:5px}.debug-k{color:#5a7a9a;text-transform:uppercase;font-size:10px;letter-spacing:.04em}.debug-bar code{font-family:Cascadia Code,Consolas,monospace;color:#7ec8e3;font-size:11px}.export-btn{margin-left:8px}.export-btn:disabled{opacity:.5;cursor:default}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 20px;background:#fff;border-bottom:1px solid #E1E6EB}.filter-loading{font-size:12px;color:#6c7a89}.filter-group{display:flex;flex-direction:column;gap:3px}.filter-group label{font-size:11px;font-weight:600;color:#6c7a89;text-transform:uppercase;letter-spacing:.04em}.filter-group select{border:1px solid #D0D7E0;border-radius:5px;padding:5px 8px;font-size:13px;background:#fff;min-width:140px;cursor:pointer}.filter-group select:focus{outline:2px solid #1C3D6B;outline-offset:1px}.date-range{display:flex;align-items:center;gap:6px}.date-range input{border:1px solid #D0D7E0;border-radius:5px;padding:5px 8px;font-size:13px;width:130px}.date-range input:focus{outline:2px solid #1C3D6B;outline-offset:1px}.date-sep{color:#6c7a89}.date-presets{display:flex;gap:4px;align-items:flex-end;padding-bottom:1px}.preset-btn{border:1px solid #D0D7E0;border-radius:4px;padding:5px 9px;background:#fff;font-size:12px;cursor:pointer;color:#1c2a3e;font-family:inherit}.preset-btn:hover{background:#f0f3f6}.preset-btn.active{background:#1c3d6b;color:#fff;border-color:#1c3d6b}.main{padding:20px;max-width:1600px;margin:0 auto}.options-error{padding:12px 20px;background:#fdecea;color:#c0392b;font-size:13px;border-bottom:1px solid #F5C6CB}.card{background:#fff;border:1px solid #E1E6EB;border-radius:8px;padding:16px 20px;margin-bottom:0}.card-title{font-size:13px;font-weight:600;margin-bottom:4px}.card-sub{font-size:12px;color:#6c7a89;margin-bottom:14px}.status-msg{color:#6c7a89;padding:40px 0;text-align:center;font-size:13px}.status-msg.error{color:#c0392b}.legend{display:flex;align-items:center;gap:20px;margin-bottom:14px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#6c7a89}.legend-swatch{width:14px;height:14px;border-radius:3px;flex-shrink:0}.grid-wrapper{overflow-x:auto}.grid-wrapper canvas{display:block}.filter-id{font-size:10px;color:#9ba8b5;font-family:monospace;line-height:1}.org-dashboard{display:flex;flex-direction:column;gap:16px}.org-top-row{display:grid;grid-template-columns:280px 1fr;gap:16px}@media (max-width: 700px){.org-top-row{grid-template-columns:1fr}}.donut-legend-row{display:flex;align-items:center;gap:8px;color:#1c2a3e}.donut-swatch{width:12px;height:12px;border-radius:2px;flex-shrink:0}.stat-groups{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.stat-group{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 640px){.stat-group{grid-template-columns:1fr 1fr}.stat-group .stat-card:nth-child(3){grid-column:span 2}}.stat-card{background:#fff;border:1px solid #E1E6EB;border-radius:8px;padding:14px 16px}.stat-card--diff{background:#eaf1fa;border-color:#b8cde8}.stat-title{font-size:11px;font-weight:600;color:#6c7a89;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.stat-value{font-size:26px;font-weight:700;color:#1c2a3e;line-height:1}.stat-diff-value--positive{font-size:26px;font-weight:700;line-height:1;color:#1a7a3f}.stat-diff-value--negative{font-size:26px;font-weight:700;line-height:1;color:#c0392b}.stat-diff-value--neutral{font-size:26px;font-weight:700;line-height:1;color:#6c7a89}.stat-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.stat-sub{font-size:11px;color:#9ba8b5}.stat-delta{font-size:12px;font-weight:600;padding:2px 6px;border-radius:4px}.stat-delta.positive{color:#1a7a3f;background:#e6f5ec}.stat-delta.negative{color:#c0392b;background:#fdecea}.stat-delta.neutral{color:#6c7a89;background:#f0f3f6}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}@media (max-width: 700px){.charts-row{grid-template-columns:1fr}}.chart-canvas-wrap{overflow-x:auto}.query-panel{margin-top:16px}.query-toggle{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;padding:0;font-size:12px;color:#9ba8b5;cursor:pointer;font-family:inherit;text-align:left}.query-toggle:hover{color:#6c7a89}.query-endpoint-badge{font-size:10px;font-family:monospace;background:#f0f3f6;border-radius:3px;padding:2px 5px;color:#6c7a89;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.query-key-badge{font-size:10px;background:#e6f5ec;color:#1a7a3f;border-radius:3px;padding:2px 6px}.query-body{margin-top:10px}.query-section-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:#6c7a89;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.query-copy-btn{background:none;border:1px solid #D0D7E0;border-radius:4px;padding:2px 8px;font-size:11px;cursor:pointer;color:#1c2a3e;font-family:inherit}.query-copy-btn:hover{background:#f0f3f6}.query-pre{background:#f5f7fa;border:1px solid #E1E6EB;border-radius:5px;padding:10px 12px;font-size:11px;font-family:Consolas,Courier New,monospace;overflow-x:auto;white-space:pre;color:#1c2a3e;margin:0;max-height:260px;overflow-y:auto}.tooltip{background:#1c2a3eed;color:#fff;font-size:12px;line-height:1.65;padding:7px 11px;border-radius:6px;white-space:nowrap;box-shadow:0 2px 10px #0000004d}.tooltip-title{font-weight:600;margin-bottom:2px}.tooltip-row{display:flex;gap:8px}.tooltip-label{opacity:.7;min-width:56px}.ws-dashboard{display:flex;flex-direction:column;gap:0}.ws-dashboard .stat-group{margin-bottom:16px}.debug-panel{margin-top:20px;border-top:1px solid #F0F3F6;padding-top:12px}.debug-toggle{background:none;border:none;font-size:11px;color:#9ba8b5;cursor:pointer;padding:0;font-family:inherit}.debug-toggle:hover{color:#6c7a89}.debug-table{margin-top:8px;width:100%;border-collapse:collapse;font-size:11px;font-family:monospace}.debug-table th{text-align:left;padding:3px 8px;background:#f5f7fa;color:#6c7a89;font-weight:600;border-bottom:1px solid #E1E6EB}.debug-table td{padding:3px 8px;border-bottom:1px solid #F0F3F6;color:#1c2a3e;white-space:nowrap}