.gc-product-metrics{--pm-accent:#fbbf24;--pm-muted:#94a3b8;--pm-line:rgba(148,163,184,.25);display:grid;gap:24px;max-width:1440px;margin:auto}.gc-product-metrics *{box-sizing:border-box}.gc-product-metrics h1{font-size:clamp(24px,3vw,34px);font-weight:700;line-height:1.15}.gc-product-metrics h2{font-size:18px;font-weight:650}.gc-product-metrics p{color:var(--pm-muted);font-size:13px;line-height:1.6;max-width:80ch}.pm-heading,.pm-toolbar,.pm-tabs,.pm-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pm-heading{justify-content:space-between;align-items:flex-start}.pm-back{font-size:13px;color:var(--pm-muted);display:inline-block;margin-bottom:16px}.pm-tag{font-size:12px;font-weight:600;padding:6px 10px;border:1px solid var(--pm-line);border-radius:6px}.pm-demo{color:var(--pm-accent);border-color:var(--pm-accent)}.pm-notice{padding:16px 20px;border:1px solid var(--pm-line);border-left:3px solid var(--pm-accent);border-radius:8px}.pm-notice strong{display:block;margin-bottom:4px}.pm-button,.pm-tabs a{font:inherit;font-size:13px;cursor:pointer;padding:9px 13px;border:1px solid var(--pm-line);border-radius:8px;background:transparent;color:inherit;text-decoration:none}.pm-button:hover,.pm-tabs a:hover{border-color:var(--pm-accent)}.pm-button:disabled{opacity:.45;cursor:default}.pm-primary,.pm-tabs a[aria-current=page]{border-color:var(--pm-accent);color:var(--pm-accent)}.gc-product-metrics :focus-visible{outline:2px solid var(--pm-accent);outline-offset:3px}.pm-filters{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px}.pm-field{display:grid;gap:6px;font-size:12px;color:var(--pm-muted)}.pm-field select{width:100%;padding:10px 12px;border:1px solid var(--pm-line);border-radius:8px;background:#0f172a;color:#f1f5f9;font:inherit}.pm-tabs{gap:4px;border-bottom:1px solid var(--pm-line);padding-bottom:12px}.pm-tabs a{border-color:transparent}.pm-tabs a[aria-current=page]{border-color:var(--pm-accent)}.pm-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pm-kpi{text-align:left;border:1px solid var(--pm-line);border-radius:12px;padding:20px;background:transparent;color:inherit;cursor:pointer}.pm-kpi:hover{border-color:var(--pm-accent)}.pm-kpi span,.pm-kpi small{display:block;color:var(--pm-muted);font-size:12px}.pm-kpi strong{display:block;font-size:clamp(22px,2.4vw,32px);font-weight:650;margin:8px 0;font-variant-numeric:tabular-nums}.pm-section{display:grid;gap:14px}.pm-table-wrap{overflow:auto;border:1px solid var(--pm-line);border-radius:10px}.pm-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.pm-table th,.pm-table td{padding:12px 16px;text-align:right;border-bottom:1px solid var(--pm-line);font-variant-numeric:tabular-nums}.pm-table th:first-child,.pm-table td:first-child{text-align:left}.pm-table th{color:var(--pm-muted);font-weight:500}.pm-table tbody tr:last-child td{border-bottom:0}.pm-empty{padding:48px 24px;text-align:center;border:1px dashed var(--pm-line);border-radius:12px}.pm-empty p{margin:8px auto}.pm-bars{display:flex;align-items:flex-end;gap:4px;height:160px;padding:12px 0;border-bottom:1px solid var(--pm-line)}.pm-bar{flex:1;min-width:2px;background:var(--pm-accent);opacity:.8;border-radius:3px 3px 0 0}.pm-funnel{display:grid;gap:12px}.pm-stage{padding:18px;border-left:3px solid var(--pm-accent);background:rgba(148,163,184,.06);border-radius:0 8px 8px 0}.pm-stage strong{font-size:24px;margin-right:12px}.pm-stage p{margin-top:5px}.pm-footnote{font-size:12px;color:var(--pm-muted)}.pm-status{font-size:11px;padding:4px 7px;border-radius:5px;border:1px solid var(--pm-line)}.pm-success{color:#34d399}.pm-failed{color:#fb7185}.pm-pending{color:#fbbf24}.pm-refunded{color:#a78bfa}html[data-theme=light] .gc-product-metrics,body.light .gc-product-metrics,.light .gc-product-metrics{--pm-accent:#92600a;--pm-muted:#526074;--pm-line:rgba(71,85,105,.25)}html[data-theme=light] .pm-field select,.light .pm-field select,body.light .pm-field select{background:white;color:#0f172a}@media(max-width:800px){.pm-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-kpi{padding:14px}.pm-tabs{flex-wrap:nowrap;overflow:auto;white-space:nowrap}.pm-heading{gap:16px}}@media(prefers-reduced-motion:reduce){.gc-product-metrics *{scroll-behavior:auto}}

html.light-ui .gc-product-metrics{--pm-accent:#92600a;--pm-muted:#526074;--pm-line:rgba(71,85,105,.25)}html.light-ui .pm-field select{background:white;color:#0f172a}html.light-ui .pm-success{color:#08764d}html.light-ui .pm-failed{color:#be123c}html.light-ui .pm-pending{color:#92600a}html.light-ui .pm-refunded{color:#6d28d9}
