.dashboard-main{width:min(1480px,calc(100% - 32px));max-width:1480px;margin:0 auto;padding:24px}.dashboard-main header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.dashboard-main .card{margin-bottom:20px}.dashboard-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.dashboard-controls label{display:grid;gap:6px;min-width:150px}.dashboard-controls select{min-height:40px}.dashboard-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:20px 0}.dashboard-kpi{padding:18px 20px;border:1px solid var(--line,#343434);border-radius:12px;background:var(--panel,#1d1d1d)}.dashboard-kpi strong{display:block;font-family:var(--font-serif,Georgia,serif);font-size:2rem;font-weight:400;margin-top:6px}.dashboard-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.dashboard-charts .card{margin:0;min-width:0}.dashboard-chart{width:100%;height:auto;display:block;overflow:visible}.dashboard-chart text{fill:currentColor;font:11px var(--font-sans,system-ui)}.dashboard-chart .gridline{stroke:currentColor;opacity:.12}.dashboard-table{overflow:auto}.dashboard-table table{width:100%;border-collapse:collapse;font-size:.9rem;white-space:nowrap}.dashboard-table th,.dashboard-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line-soft,#262626)}.dashboard-table th{font-weight:500;color:var(--muted,#9b998f)}.dashboard-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:.85rem;margin:10px 0}.dashboard-legend span::before{content:'';display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--series-color);margin-right:5px}.dashboard-empty{padding:40px 15px;text-align:center;color:var(--muted,#9b998f)}.dashboard-alert{padding:12px 16px;border:1px solid rgba(240,184,79,.36);border-radius:8px;background:rgba(240,184,79,.06);color:var(--warn,#f0b84f);margin:8px 0}.dashboard-main details{margin-top:10px}.dashboard-main details .dashboard-table{max-height:250px}.dashboard-main [hidden]{display:none!important}@media(max-width:800px){.dashboard-charts{grid-template-columns:1fr}.dashboard-main{padding:14px}.dashboard-main header{align-items:flex-start;flex-direction:column}.dashboard-controls label{flex:1}}
