.dashboard-page { background-size: 72px 72px; }
.dash-nav { display:flex;align-items:center;gap:30px;height:100%; }
.dash-nav a { text-decoration:none;color:var(--muted);font-size:12px;display:flex;align-items:center;height:100%;border-bottom:2px solid transparent; }
.dash-nav a[aria-current] { color:var(--acid);border-color:var(--acid); }
.companion-label { font-size:10px;letter-spacing:.14em;color:var(--muted); }
.companion-label span { margin-left:10px;padding:5px 8px;border:1px solid var(--line);border-radius:4px;letter-spacing:0; }
.dashboard { max-width:1320px;padding-top:58px; }
.dash-heading { display:flex;justify-content:space-between;align-items:center;gap:24px; }
.dash-eyebrow,.section-index { font-size:10px;letter-spacing:.16em;color:var(--acid);font-weight:600; }
.dashboard h1 { font-size:clamp(30px,3.2vw,47px);line-height:1.2;letter-spacing:-.055em;margin-top:14px; }
.dashboard h1 span { color:var(--muted); }
.dash-heading p { color:var(--muted);font-size:13px;line-height:1.6;margin-top:13px; }
.export-button { border:1px solid var(--line-strong);background:#141914;white-space:nowrap;font-size:12px;font-weight:500; }
.export-button span { margin-right:8px;font-size:18px; }
.dash-toolbar { display:flex;justify-content:space-between;align-items:center;gap:16px;margin:26px 0 22px; }
.period-picker { display:flex;padding:4px;border:1px solid var(--line);border-radius:8px;background:#0e120f; }
.period-picker button { border:0;background:transparent;color:var(--muted);padding:9px 17px;border-radius:5px;font-size:11px;cursor:pointer; }
.period-picker button[aria-pressed=true] { background:#293221;color:var(--acid); }
#dateRange { font-size:11px;color:var(--muted); }
.metric-grid { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px; }
.refresh-note { font-size:10px;color:var(--muted);margin:20px 0 0; }
.purchase-metric { border-color:#6a5735; }
.purchase-metric > strong,.purchase-metric .status-pill { color:var(--amber); }
.metric-top { min-height:36px; }
.metric > strong { overflow-wrap:anywhere; }
.metric { background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px 23px 17px;overflow:hidden;min-height:211px; }
.dashboard .metric { font:400 13px/1.5 Inter,system-ui,sans-serif;letter-spacing:normal; }
.metric.featured { border-color:#526637;background:linear-gradient(120deg,#202919,#131911); }
.metric-top { display:flex;align-items:center;justify-content:space-between;gap:8px;color:#c0c9bb;font-size:11px; }
.metric-icon { color:var(--muted);font-size:18px; }
.metric > strong { display:block;font-family:Manrope,sans-serif;font-size:43px;font-weight:600;letter-spacing:-.05em;margin:15px 0 11px;font-variant-numeric:tabular-nums; }
.featured > strong { color:var(--acid); }
.metric-bottom { display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted); }
.trend { color:var(--acid);background:#c5ee6410;padding:4px 6px;border-radius:4px; }
.sparkline { width:100%;height:31px;margin-top:11px;display:block;color:var(--acid); }
.sparkline.teal { color:#72c8b0; }
.metric p { font-size:10px;color:#a5afa1;line-height:1.8;margin:0; }
.muted { color:#788374; }
.mini-track { height:4px;background:#283124;margin-top:23px;border-radius:10px;overflow:hidden; }
.mini-track span { height:100%;display:block;background:var(--acid); }
.status-pill { display:inline-flex;gap:6px;align-items:center;color:#72c8b0;font-size:9px;margin-top:14px; }
.status-pill:before { content:'';width:5px;height:5px;border-radius:50%;background:currentColor; }
.dashboard-middle { display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:18px;margin-top:22px; }
.dash-panel { border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:26px; }
.panel-heading { display:flex;justify-content:space-between;align-items:center;gap:20px; }
.dashboard .panel-heading { padding:0;min-height:0;border-bottom:0; }
.dashboard .panel-heading > div:first-child { display:block; }
.section-index { color:#7f8b78;font-size:9px; }
.dashboard h2 { font-size:19px;letter-spacing:-.03em;margin-top:9px; }
.chart-legend { display:flex;gap:16px;font-size:9px;color:var(--muted); }
.chart-legend span { display:flex;align-items:center;gap:6px; }
.chart-legend i { width:7px;height:7px;border-radius:2px;background:var(--acid); }
.chart-legend span+span i { background:#72c8b0; }
.chart-summary { display:flex;align-items:center;gap:12px;margin-top:26px; }
.chart-summary strong { font-size:29px;letter-spacing:-.04em;font-weight:500; }
.chart-summary span { font-size:9px;line-height:1.7;color:var(--muted); }
.chart-wrap { margin-top:12px; }
#historyChart { display:block;width:100%;height:auto;overflow:visible; }
.chart-axis { display:flex;justify-content:space-between;margin-left:30px;color:#889380;font-size:9px; }
.chart-footnote { color:#75816e;font-size:9px;margin:19px 0 0; }
.purchase-panel { margin-top:22px; }
.purchase-chart-layout { display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap; }
#purchaseChart { display:block;width:240px;max-width:100%;height:auto;flex-shrink:0; }
.purchase-breakdown { flex:1;max-width:480px;min-width:0;width:100%; }
.purchase-breakdown > div { display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;font-size:12px; }
.purchase-breakdown span { display:flex;align-items:center;gap:9px;color:var(--muted); }
.purchase-breakdown i { width:9px;height:9px;border-radius:2px;flex-shrink:0; }
.purchase-dot { background:var(--amber); }
.expired-dot { background:#354031; }
.purchase-breakdown strong { font-size:22px;font-weight:500;font-variant-numeric:tabular-nums; }
#convertedTrials { color:var(--amber); }
.purchase-total { border-top:1px solid var(--line);margin-top:8px; }
.purchase-breakdown p { color:var(--muted);font-size:11px;line-height:1.8; }
.panel-subtitle { color:var(--muted);font-size:11px;line-height:1.7;margin:13px 0 28px; }
.funnel-step > div:first-child { display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px; }
.funnel-step b { color:#7a856f;font-size:9px;margin-right:8px;font-weight:400; }
.funnel-step strong { font-size:18px;font-weight:500; }
.funnel-track { height:24px;background:#1d241a;border-radius:4px;margin:12px 0 8px;overflow:hidden; }
.funnel-track span { display:block;height:100%;background:linear-gradient(90deg,#6e8d39,#c5ee64); }
.funnel-track.secondary span { background:linear-gradient(90deg,#375e52,#72c8b0); }
.funnel-step small { color:var(--muted);font-size:9px; }
.funnel-connector { color:#738267;font-size:21px;margin:9px 0 9px 8px; }
.funnel-insight { display:flex;gap:13px;border-top:1px solid var(--line);padding-top:18px;margin-top:24px;color:var(--acid); }
.funnel-insight > span { font-size:24px; }
.funnel-insight p { color:var(--muted);font-size:11px;line-height:1.8;margin:0; }
.funnel-insight strong { color:var(--text);font-weight:500; }
.daily-panel { margin-top:22px;padding-bottom:10px; }
.table-note { color:var(--muted);font-size:10px; }
.table-scroll { overflow-x:auto;margin-top:21px; }
.daily-panel table { width:100%;border-collapse:collapse;min-width:550px;font-size:11px; }
.daily-panel th { font-weight:400;color:#7f8a79;text-align:right;font-size:9px;padding:12px 0;border-bottom:1px solid var(--line); }
.daily-panel td { padding:14px 0;text-align:right;border-bottom:1px solid #c6e0ae09;font-variant-numeric:tabular-nums; }
.daily-panel th:first-child,.daily-panel td:first-child { text-align:left; }
.daily-panel tbody tr:last-child td { border-bottom:0; }
.daily-panel td:nth-child(3) { color:#72c8b0; }
.daily-panel td:nth-child(4) { color:var(--muted); }
.table-bar { height:5px;width:100px;margin-left:auto;overflow:hidden;background:#232c1e;border-radius:3px; }
.table-bar span { display:block;height:100%;background:#a4bf73;border-radius:3px; }
.feedback-summary { color:var(--text);font-size:12px;line-height:1.8; }
.feedback-categories { display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:22px; }
.feedback-categories > div { padding:16px;background:#c6e0ae05;border:1px solid var(--line);border-radius:6px; }
.feedback-categories span { display:block;color:var(--muted);font-size:11px; }
.feedback-categories strong { display:block;margin-top:10px;color:var(--acid);font-size:22px;font-weight:500; }
.feedback-panel caption { text-align:left;color:var(--muted);font-size:10px;padding-bottom:10px; }
.feedback-panel .feedback-stars { color:var(--acid);white-space:nowrap;letter-spacing:2px; }
.dash-footer { display:flex;justify-content:space-between;gap:15px;padding:27px 0 34px;color:#84907b;font-size:10px; }
.dash-footer > span { letter-spacing:.1em; }
.dash-footer > span span { letter-spacing:0;margin-left:12px;color:#58644f; }
.dash-footer a { text-decoration:none; }
.dashboard-page :focus-visible { outline:2px solid var(--acid);outline-offset:4px; }
@media(min-width:1600px) { .dashboard { padding-top:72px; } }
@media(max-width:1000px) { .metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.dashboard-middle { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); }.companion-label { display:none; }.panel-heading { align-items:flex-start;flex-wrap:wrap; }.chart-legend { margin-top:4px; } }
@media(max-width:760px) { .dashboard-middle { grid-template-columns:1fr; }.dashboard { padding-top:32px; }.dash-heading { align-items:flex-start;flex-direction:column;gap:7px; }.dash-nav { gap:18px; }.dash-toolbar { flex-wrap:wrap; }.dash-panel { padding:21px; }.dash-footer { flex-direction:column; }.dashboard-page .site-header { padding:0 22px; }.chart-legend { margin-top:0; } }
@media(max-width:400px) { .metric-grid { gap:9px; }.metric { padding:17px 13px; }.metric-top { font-size:10px; }.metric > strong { font-size:35px; }.metric-bottom { gap:4px;font-size:8px; }.dash-nav a { font-size:10px; }.brand { gap:8px;font-size:12px; }.dash-nav { gap:13px; } }
@media(max-width:1000px) { .purchase-metric { grid-column:1 / -1;min-height:0; }.period-picker button { padding-right:13px;padding-left:13px; } }
@media(prefers-reduced-motion:reduce) { .dashboard-page { scroll-behavior:auto; }.dashboard-page * { transition:none!important;animation:none!important; } }