:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#0f172a;background:#e2e8f0}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#e2e8f0)}.topbar{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cbd5e1;background:#fffc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topbar h1{margin:0;font-size:22px}.topbar nav{display:flex;gap:12px}.topbar a{color:#334155;text-decoration:none;padding:6px 10px;border-radius:8px}.topbar .auth-btn{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:6px 10px;cursor:pointer}.topbar .auth-btn:hover{background:#e2e8f0}.topbar a.active{background:#0f172a;color:#f8fafc}.content{padding:18px;max-width:1200px;margin:0 auto;display:grid;gap:14px}.panel{border:1px solid #cbd5e1;border-radius:14px;background:#fff;padding:14px;box-shadow:0 8px 20px #0f172a0f}.panel h2{margin:0 0 10px}.controls{display:flex;align-items:center;gap:8px}.controls-wrap{flex-wrap:wrap}.controls input{width:120px;padding:6px 8px;border:1px solid #94a3b8;border-radius:8px}.controls input[type=checkbox]{width:auto;padding:0;border:0;border-radius:0}.checkbox-inline{display:inline-flex;align-items:center;gap:4px}.checkbox-right{order:99}.controls input[type=date]{width:160px}.controls select{min-width:180px;padding:6px 8px;border:1px solid #94a3b8;border-radius:8px;background:#fff}.controls select[multiple]{min-height:120px;min-width:300px}.controls button{padding:6px 10px;border:1px solid #94a3b8;border-radius:8px;background:#f8fafc;color:#0f172a;cursor:pointer}.controls button:hover{background:#e2e8f0}.login-cta{font-size:18px;font-weight:700;padding:12px 20px;border:1px solid #334155;border-radius:12px;background:#0f172a;color:#f8fafc;cursor:pointer}.login-cta:hover{background:#1e293b}.quick-actions{display:inline-flex;gap:6px}.muted{color:#64748b}.error{color:#b91c1c}.chart-legend{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.legend-item{display:inline-flex;align-items:center;gap:6px;color:#334155;font-size:13px}.legend-color{width:10px;height:10px;border-radius:999px}.chart-summary{margin:0 0 8px;font-size:12px;color:#475569}.chart-summary strong,.chart-selected strong{font-weight:600;color:#0f172a}.chart-selected{margin:0 0 10px;font-size:13px;color:#0f172a;font-weight:500}.chart-with-axis{display:flex;align-items:flex-start;gap:8px}.y-axis{min-width:44px;height:262px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;color:#64748b;font-size:11px;font-weight:600;padding-right:4px;padding-bottom:26px}.y-axis-tick{line-height:1}.chart-plot{min-width:0;flex:1}.bars-wrap{overflow-x:auto;display:flex;align-items:flex-end;gap:0;padding-bottom:6px}.bar-group-row{overflow-x:auto;display:flex;align-items:flex-end;margin-bottom:4px}.bar-group-label{text-align:center;font-size:11px;font-weight:700;color:#334155}.bar-col{min-width:26px;display:flex;flex-direction:column;align-items:center;gap:6px}.bar-value{font-size:10px;color:#334155;white-space:nowrap}.bar-shell{width:20px;height:100%;border-radius:8px;background:#e2e8f0;display:flex;align-items:flex-end;overflow:hidden}.bar-shell-button{border:0;background:transparent;padding:0;width:20px;cursor:pointer}.bar-shell-button.is-selected .bar-shell{outline:2px solid #0f172a;outline-offset:2px}.bar-stack{width:100%;display:flex;flex-direction:column-reverse}.bar-segment{width:100%}.bar-label{font-size:11px;color:#475569;font-weight:600}pre{margin:0;overflow:auto;max-height:60vh;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px;font-size:12px}@media (max-width: 768px){.topbar{flex-direction:column;align-items:flex-start;gap:8px}.controls{flex-wrap:wrap}.bar-col{min-width:24px}.bar-shell{width:18px}.y-axis{min-width:38px;font-size:10px}}