/* Dashboard: HTML-Kennzahlen und deterministische Beispieldaten. */
.analytics-head { display:flex; gap:25px; align-items:center; justify-content:space-between; padding:29px 30px 0; }
.analytics-head h2 { margin-bottom:15px; }
.demo-app--analytics > .demo-filters { padding:0 30px; }
.kpi-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; padding:0 30px; }
.kpi-grid article { padding:24px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.kpi-grid span { display:block; color:var(--muted); font-size:12px; margin-bottom:10px; }
.kpi-grid strong { display:block; font-size:29px; letter-spacing:-1px; overflow-wrap:anywhere; }
.chart-panel { padding:27px; background:#fff; border:1px solid var(--line); border-radius:12px; margin:25px 30px; }
.bar-chart { display:flex; direction:ltr; gap:15px; align-items:flex-end; height:220px; padding-top:12px; }
.chart-column { height:100%; flex:1; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:9px; min-width:0; }
.chart-column .bar { width:65%; min-height:3px; border-radius:7px 7px 0 0; background:linear-gradient(#41adf2,#1763cc); }
.chart-column:nth-child(2n) .bar { background:linear-gradient(#ffb553,#ff8028); }
.chart-column > span { font-size:11px; color:var(--muted); }
.demo-app--analytics > .muted { padding:0 30px; }
.table-scroll { overflow-x:auto; margin:20px 30px 30px; border:1px solid var(--line); border-radius:10px; background:#fff; }
.data-table { width:100%; border-collapse:collapse; font-size:13px; }
.data-table th,.data-table td { text-align:start; padding:13px 17px; border-bottom:1px solid var(--line); }
.data-table th { background:#e9f0fa; font-size:12px; }
@media(max-width:750px) { .analytics-head { display:block; padding:25px 20px 20px; } .kpi-grid { grid-template-columns:1fr; padding-inline:18px; } .kpi-grid article { padding:18px; } .chart-panel { margin-inline:18px; padding:18px; } .bar-chart { gap:8px; } .demo-app--analytics > .demo-filters { padding-inline:18px; } .table-scroll { margin-inline:18px; } }