.charts-page main.settings-content{max-width:1800px}.charts-page h1{margin-top:0}#chart-controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid #e0edf7;border-radius:16px;padding:16px}#chart-controls label{display:grid;gap:7px;font-size:12px;color:#617c98}#chart-controls input,#chart-controls select,#chart-controls button{font:inherit;padding:10px;border:1px solid #d5e4f2;border-radius:9px;background:#f8fbff;color:#163e60;min-height:42px}#chart-controls button{cursor:pointer;color:#087af0;background:#edf6ff}#chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.chart-panel{position:relative;min-width:0;padding:20px;background:white;border:1px solid #e0edf7;border-radius:18px;box-shadow:0 5px 25px #497faf08;margin-bottom:20px}#chart-grid .chart-panel{margin:0}.chart-panel h2{margin:0 0 12px;font-size:17px}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.chart-legend button{border:0;background:none;padding:5px 0;font:inherit;font-size:12px;color:#52718d;cursor:pointer}.chart-legend i{display:inline-block;width:17px;height:4px;border-radius:4px;background:var(--series);margin-right:6px;vertical-align:middle}.chart-legend button[aria-pressed=false]{opacity:.4}.chart-plot{position:relative;height:250px;touch-action:pan-y}.chart-panel.overview .chart-plot{height:330px}.chart-plot canvas{width:100%;height:100%;display:block}.chart-tooltip{position:absolute;pointer-events:none;z-index:4;background:#102d48ed;color:#fff!important;border-radius:10px;padding:11px 14px;font-size:12px;line-height:1.8;box-shadow:0 5px 20px #19395122;white-space:nowrap}.chart-tooltip strong{display:block}.chart-empty{position:absolute;inset:35% 10%;text-align:center;color:#7c94aa;font-size:13px;pointer-events:none}.chart-help{font-size:12px!important;margin:15px 0 22px}.chart-help.error{color:#bd4c42!important}@media(max-width:850px){#chart-grid{grid-template-columns:1fr}.chart-panel{padding:14px}.chart-plot{height:240px}#chart-controls{gap:10px}#chart-controls label{flex:1;min-width:145px}.chart-panel.overview .chart-plot{height:280px}}

.chart-panel h2{display:flex;align-items:center;justify-content:space-between;gap:10px}.chart-download{border:1px solid #d5e4f2;background:#f8fbff;color:#2b6fae;border-radius:8px;width:32px;height:32px;padding:6px;cursor:pointer;flex:none}.chart-download svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chart-download:hover{background:#edf6ff}
.chart-dialog{border:1px solid #daeaf5;border-radius:18px;padding:22px;width:min(460px,calc(100vw - 28px));color:#173b59;box-shadow:0 15px 60px #28577525}.chart-dialog::backdrop{background:#16354c30}.chart-dialog h2{margin:0 0 14px;font-size:19px}.chart-dialog dl{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;margin:0;font-size:14px}.chart-dialog dt{color:#617c98}.chart-dialog dd{margin:0;font-weight:600}.chart-dialog-note{font-size:12px;color:#7b92a6;line-height:1.6}.chart-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.chart-dialog-actions button{font:inherit;padding:10px 16px;border:1px solid #d5e4f2;border-radius:9px;background:#f8fbff;color:#163e60;cursor:pointer}.chart-dialog-actions .primary{background:#1682ff;border-color:#1682ff;color:#fff}.chart-dialog-actions button:disabled{opacity:.5;cursor:default}.chart-dialog .error{color:#bd4c42}