.ks-range{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-3) var(--space-4);flex-wrap:wrap}.ks-range__tabs{display:flex;gap:var(--space-1);flex-wrap:wrap}.ks-range__tab{min-height:36px;padding-inline:var(--space-3);border:1px solid var(--line, rgba(255, 255, 255, .08));border-radius:var(--radius-md, 8px);background:transparent;color:var(--text-secondary, #94a3b8);font-size:var(--text-xs, .75rem);cursor:pointer;transition:all var(--duration-fast, .15s) var(--ease-out, ease-out)}.ks-range__tab:hover{background:var(--bg-elevated, #151c30);color:var(--text-primary, #f1f5f9)}.ks-range__tab.active{background:var(--interactive-primary, #06b6d4);color:var(--text-inverse, #0a0e1a);border-color:var(--interactive-primary, #06b6d4)}.ks-range__refresh{font-size:var(--text-xs, .75rem);color:var(--text-muted, #64748b)}.ks-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);padding-block:var(--space-4)}.ks-kpi{padding:var(--space-4);border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #0f1525);border:1px solid var(--line, rgba(255, 255, 255, .08));transition:border-color var(--duration-fast, .15s) var(--ease-out, ease-out)}.ks-kpi--clickable{cursor:pointer}.ks-kpi--clickable:hover{border-color:var(--interactive-primary, #06b6d4)}.ks-kpi--clickable:focus-visible{outline:2px solid var(--interactive-primary, #06b6d4);outline-offset:2px}.ks-kpi__header{display:flex;justify-content:space-between;align-items:center;margin-block-end:var(--space-2)}.ks-kpi__label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs, .75rem);color:var(--text-secondary, #94a3b8);font-weight:600}.ks-kpi__icon{display:inline-flex;width:16px;height:16px;color:var(--interactive-primary, #06b6d4)}.ks-kpi__icon svg{width:100%;height:100%}.ks-kpi__trend{font-size:var(--text-xs, .75rem);font-weight:600}.ks-trend--up{color:var(--status-success, #22c55e)}.ks-trend--down{color:var(--status-danger, #ef4444)}.ks-trend--flat{color:var(--text-muted, #64748b)}.ks-kpi__value{font-size:1.75rem;font-weight:700;color:var(--text-primary, #f1f5f9);font-variant-numeric:tabular-nums}.ks-kpi__unit{font-size:var(--text-sm, .875rem);color:var(--text-muted, #64748b);margin-inline-start:var(--space-1)}.ks-kpi__footer{margin-block-start:var(--space-2);font-size:var(--text-xs, .75rem);color:var(--text-muted, #64748b)}.ks-charts-row{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4);padding-block:var(--space-4)}@media(max-width:1024px){.ks-charts-row{grid-template-columns:1fr}}.ks-chart-wrap{height:280px;position:relative}.ks-top-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);padding-block:var(--space-4)}@media(max-width:1024px){.ks-top-row{grid-template-columns:1fr}}.ks-table{width:100%;border-collapse:collapse;font-size:var(--text-xs, .75rem)}.ks-table th{text-align:start;padding:var(--space-2);color:var(--text-muted, #64748b);font-weight:600;border-block-end:1px solid var(--line, rgba(255, 255, 255, .08))}.ks-table td{padding:var(--space-2);color:var(--text-primary, #f1f5f9);border-block-end:1px solid var(--line, rgba(255, 255, 255, .04))}.ks-table tr:last-child td{border-block-end:none}.ks-table__num--danger{color:var(--status-danger, #ef4444)}.ks-table__num--warning{color:var(--status-warning, #f59e0b)}.ks-table__num--brand{color:var(--interactive-primary, #06b6d4);font-variant-numeric:tabular-nums}.ks-quota-bar{position:relative;height:20px;background:var(--bg-elevated, #151c30);border-radius:var(--radius-full, 9999px);overflow:hidden;min-width:80px}.ks-quota-bar span{display:block;height:100%;border-radius:var(--radius-full, 9999px);transition:inline-size var(--duration-base, .25s) var(--ease-out, ease-out)}.ks-quota-bar__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--text-primary, #f1f5f9);font-weight:600}.ks-quota--ok span{background:var(--status-success, #22c55e)}.ks-quota--warning span{background:var(--status-warning, #f59e0b)}.ks-quota--danger span{background:var(--status-danger, #ef4444)}.ks-stream-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding-block:var(--space-4)}@media(max-width:1024px){.ks-stream-row{grid-template-columns:1fr}}.ks-live-events{display:flex;flex-direction:column;gap:var(--space-1);max-height:400px;overflow-y:auto}.ks-event{display:grid;grid-template-columns:auto auto 1fr auto;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md, 8px);background:var(--bg-elevated, #151c30);border-inline-start:3px solid transparent;font-size:var(--text-xs, .75rem)}.ks-event--success{border-inline-start-color:var(--status-success, #22c55e)}.ks-event--warning{border-inline-start-color:var(--status-warning, #f59e0b)}.ks-event--danger{border-inline-start-color:var(--status-danger, #ef4444)}.ks-event--new{animation:ks-event-enter .6s var(--ease-out, ease-out)}@keyframes ks-event-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ks-event__trace{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--text-secondary, #94a3b8)}.ks-event__status{font-weight:600;color:var(--text-primary, #f1f5f9)}.ks-event__dept{color:var(--text-muted, #64748b)}.ks-event__time{color:var(--text-muted, #64748b);font-size:.65rem}.ks-stream-pause{min-height:36px;padding-inline:var(--space-3);border:1px solid var(--line, rgba(255, 255, 255, .08));border-radius:var(--radius-md, 8px);background:transparent;color:var(--text-secondary, #94a3b8);font-size:var(--text-xs, .75rem);cursor:pointer}.ks-stream-pause:hover{background:var(--bg-elevated, #151c30);color:var(--text-primary, #f1f5f9)}.ks-stream-pause--paused{background:var(--status-warning, #f59e0b);color:var(--text-inverse, #0a0e1a);border-color:var(--status-warning, #f59e0b)}.ks-comparison{display:flex;gap:var(--space-4);margin-block-end:var(--space-3)}.ks-comparison__period{display:flex;flex-direction:column;gap:var(--space-1)}.ks-comparison__label{font-size:var(--text-xs, .75rem);color:var(--text-muted, #64748b)}.ks-comparison__period strong{font-size:var(--text-sm, .875rem);color:var(--text-primary, #f1f5f9)}.ks-delta--good{color:var(--status-success, #22c55e);font-weight:600}.ks-delta--bad{color:var(--status-danger, #ef4444);font-weight:600}.ks-delta--flat{color:var(--text-muted, #64748b)}.ks-panels-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);padding-block:var(--space-4)}@media(max-width:1280px){.ks-panels-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.ks-panels-row{grid-template-columns:1fr}}.ks-alerts{display:flex;flex-direction:column;gap:var(--space-2)}.ks-alert{padding:var(--space-3);border-radius:var(--radius-md, 8px);border-inline-start:3px solid transparent;background:var(--bg-elevated, #151c30)}.ks-alert--active{border-inline-start-color:var(--status-success, #22c55e)}.ks-alert--paused{border-inline-start-color:var(--text-muted, #64748b)}.ks-alert__rule{font-size:var(--text-xs, .75rem);color:var(--text-primary, #f1f5f9);margin-block-end:var(--space-1)}.ks-alert__meta{display:flex;gap:var(--space-2);font-size:.65rem;color:var(--text-muted, #64748b)}.ks-quotas{display:flex;flex-direction:column;gap:var(--space-3)}.ks-quota{display:flex;flex-direction:column;gap:var(--space-1)}.ks-quota__header{display:flex;justify-content:space-between;align-items:center}.ks-quota__dept{font-size:var(--text-xs, .75rem);color:var(--text-primary, #f1f5f9);font-weight:600}.ks-quota__pct{font-size:var(--text-xs, .75rem);color:var(--text-secondary, #94a3b8);font-variant-numeric:tabular-nums}.ks-quota__detail{font-size:.65rem;color:var(--text-muted, #64748b)}.ks-cost__total{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:#06b6d414;border-radius:var(--radius-md, 8px);margin-block-end:var(--space-3)}.ks-cost__total-label{font-size:var(--text-xs, .75rem);color:var(--text-secondary, #94a3b8)}.ks-cost__total-value{font-size:var(--text-base, 1rem);font-weight:700;color:var(--interactive-primary, #06b6d4);font-variant-numeric:tabular-nums}.ks-cost__breakdown h4{margin:0 0 var(--space-2) 0;font-size:var(--text-xs, .75rem);color:var(--text-muted, #64748b)}.ks-cost__row{display:flex;justify-content:space-between;padding:var(--space-1) 0;font-size:var(--text-xs, .75rem);color:var(--text-primary, #f1f5f9);border-block-end:1px solid var(--line, rgba(255, 255, 255, .04))}.ks-latency__summary{display:flex;gap:var(--space-3);margin-block-end:var(--space-3)}.ks-latency__metric{display:flex;flex-direction:column;gap:var(--space-1);flex:1;padding:var(--space-2);background:var(--bg-elevated, #151c30);border-radius:var(--radius-md, 8px);text-align:center}.ks-latency__label{font-size:.65rem;color:var(--text-muted, #64748b)}.ks-latency__value{font-size:var(--text-sm, .875rem);font-weight:700;color:var(--text-primary, #f1f5f9);font-variant-numeric:tabular-nums}@media(max-width:768px){.ks-kpis,.ks-top-row,.ks-stream-row,.ks-panels-row{grid-template-columns:1fr}.ks-event{grid-template-columns:1fr auto;grid-template-rows:auto auto}.ks-latency__summary{flex-direction:column}}@media(prefers-reduced-motion:reduce){.ks-kpi,.ks-range__tab,.ks-stream-pause,.ks-quota-bar span{transition:none}.ks-event--new{animation:none}}