.panel-stack{flex-direction:column;gap:20px;display:flex}.panel-notice{border:1px solid var(--border);background:color-mix(in oklch, var(--primary) 8%, transparent);color:var(--muted-foreground);border-radius:14px;padding:12px 16px;font-size:.875rem}.panel-empty{color:var(--muted-foreground);padding:8px 0;font-size:.875rem}.panel-subtitle{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);margin-bottom:10px;font-size:.75rem}.panel-metric-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.panel-metric{border:1px solid var(--border);background:radial-gradient(120% 120% at 0% 0%, color-mix(in oklch, var(--primary) 14%, transparent) 0%, transparent 55%), linear-gradient(180deg, color-mix(in oklch, var(--card) 96%, white 4%), var(--card));border-radius:18px;padding:18px 18px 14px;transition:transform .25s,box-shadow .25s;position:relative;transform:translateZ(0);box-shadow:inset 0 1px oklch(100% 5.96046e-8 none/.14),0 18px 30px -24px #0000008c}.panel-metric:hover{transform:translateY(-3px);box-shadow:inset 0 1px oklch(100% 5.96046e-8 none/.18),0 26px 40px -26px #000000a6}.panel-metric-green{background-image:radial-gradient(120% 120% at 0% 0%, #22c55e2e 0%, transparent 55%), linear-gradient(180deg, color-mix(in oklch, var(--card) 96%, white 4%), var(--card))}.panel-metric-amber{background-image:radial-gradient(120% 120% at 0% 0%, #f59e0b2e 0%, transparent 55%), linear-gradient(180deg, color-mix(in oklch, var(--card) 96%, white 4%), var(--card))}.panel-metric-violet{background-image:radial-gradient(120% 120% at 0% 0%, #8b5cf62e 0%, transparent 55%), linear-gradient(180deg, color-mix(in oklch, var(--card) 96%, white 4%), var(--card))}.panel-metric-label{text-transform:uppercase;letter-spacing:.07em;color:var(--muted-foreground);font-size:.78rem}.panel-metric-value{margin-top:6px;font-size:1.9rem;font-weight:700;line-height:1.15}.panel-metric-foot{align-items:center;gap:10px;margin-top:8px;font-size:.78rem;display:flex}.panel-metric-hint{color:var(--muted-foreground)}.panel-delta-up{color:#22c55e;align-items:center;gap:2px;font-weight:600;display:inline-flex}.panel-delta-down{color:#f87171;align-items:center;gap:2px;font-weight:600;display:inline-flex}.panel-card{border:1px solid var(--border);background:var(--card);border-radius:18px;overflow:hidden;box-shadow:0 18px 34px -30px #0009}.panel-card-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;padding:18px 20px 0;display:flex}.panel-card-head h2{font-size:1.02rem;font-weight:650}.panel-card-head p{color:var(--muted-foreground);margin-top:3px;font-size:.82rem}.panel-card-body{padding:16px 20px 20px}.panel-grid-2{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=1100px){.panel-grid-2{grid-template-columns:1fr 1fr}}.panel-funnel{flex-direction:column;gap:12px;display:flex}.panel-funnel li{min-width:46%}.panel-funnel-bar{background:linear-gradient(115deg, color-mix(in oklch, var(--primary) 55%, transparent), color-mix(in oklch, var(--primary) 18%, transparent));border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:.88rem;display:flex;box-shadow:0 10px 22px -18px #000c,inset 0 1px #ffffff1a}.panel-funnel-name{font-weight:600}.panel-funnel-value{font-variant-numeric:tabular-nums;font-weight:700}.panel-funnel-keep{color:var(--muted-foreground);margin-top:4px;font-size:.72rem;display:block}.panel-barlist{flex-direction:column;gap:8px;display:flex}.panel-barlist li{background:color-mix(in oklch, var(--muted) 45%, transparent);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:.85rem;display:flex;position:relative;overflow:hidden}.panel-bar{background:color-mix(in oklch, var(--primary) 28%, transparent);position:absolute;inset:0 auto 0 0}.panel-bar-name{z-index:1;text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:hidden}.panel-bar-value{z-index:1;font-variant-numeric:tabular-nums;color:var(--muted-foreground);position:relative}.panel-split{grid-template-columns:1fr 1fr;gap:14px;display:grid}.panel-split>div{border:1px solid var(--border);border-radius:14px;padding:14px 16px}.panel-split-title{text-transform:uppercase;letter-spacing:.07em;color:var(--muted-foreground);font-size:.78rem}.panel-split-value{font-size:1.5rem;font-weight:700}.panel-chart svg{width:100%;height:190px}.panel-chart-legend{color:var(--muted-foreground);flex-wrap:wrap;gap:16px;margin-top:6px;font-size:.78rem;display:flex}.panel-chart-legend i{border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.panel-dot-primary{background:var(--primary)}.panel-dot-green{background:#22c55e}.panel-table-wrap{overflow-x:auto}.panel-table{border-collapse:collapse;width:100%;font-size:.85rem}.panel-table th{text-align:left;color:var(--muted-foreground);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px;font-weight:600}.panel-table td{border-bottom:1px solid color-mix(in oklch, var(--border) 60%, transparent);white-space:nowrap;padding:9px 10px}.panel-table td a{color:var(--primary)}.panel-table tbody tr:hover{background:color-mix(in oklch, var(--muted) 40%, transparent)}.panel-filters{border:1px solid var(--border);background:color-mix(in oklch, var(--card) 92%, transparent);border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.panel-period-note{color:var(--muted-foreground);margin:10px 2px 0;font-size:.78rem}
