#analytics-view { --an-text:#eee9e1; --an-muted:#b5b2ad; --an-accent:#d6ad7e; color:var(--an-text); }
html[data-admin-theme="light"] #analytics-view { --an-text:#272a2d; --an-muted:#69655e; --an-accent:#875b32; }
.analytics-header { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:28px; }
.analytics-eyebrow { color:var(--an-accent); font-size:12px; font-weight:700; letter-spacing:.14em; margin-bottom:10px; }
#analytics-title { font-family:Fraunces,serif; font-size:38px; font-weight:500; line-height:1.2; margin-bottom:10px; }
#analytics-title span { color:var(--an-accent); }
.analytics-header > div > p:last-child,.analytics-caption { color:var(--an-muted); font-size:14px; }
.analytics-filters { display:flex; flex-wrap:wrap; gap:16px; padding:20px; background:var(--admin-panel); border:1px solid var(--admin-line); border-radius:16px; }
.analytics-filters label { display:grid; gap:7px; flex:1 1 155px; font-size:13px; color:var(--an-muted); }
.analytics-filters input,.analytics-filters select { width:100%; min-width:0; padding:10px 12px; font:inherit; color:var(--an-text); background:var(--admin-bg); border:1px solid var(--admin-line); border-radius:9px; color-scheme:dark; }
html[data-admin-theme="light"] .analytics-filters input,html[data-admin-theme="light"] .analytics-filters select { color-scheme:light; }
#analytics-status { min-height:24px; margin:10px 0; font-size:13px; color:var(--an-muted); }
.analytics-section-title { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px; margin:24px 0 14px; }
.analytics-section-title h3 { font-size:20px; font-weight:600; }
.analytics-section-title span { font-size:13px; color:var(--an-muted); }
.analytics-kpis,.analytics-secondary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:16px; }
.analytics-kpi { padding:22px; border:1px solid var(--admin-line); border-radius:16px; background:var(--admin-panel); min-width:0; }
.analytics-kpi > p { font-size:14px; color:var(--an-muted); }
.analytics-kpi > strong { display:block; margin:12px 0 8px; font-size:clamp(24px,2.4vw,36px); line-height:1.2; letter-spacing:-.04em; font-weight:600; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.analytics-kpi > small { display:block; font-size:12px; line-height:1.6; color:var(--an-muted); }
.analytics-kpi-accent { border-color:#b98b5970; background:linear-gradient(135deg,#b98b591c,var(--admin-panel)); }
.analytics-kpi-accent > strong { color:var(--an-accent); }
.analytics-secondary .analytics-kpi { background:transparent; padding:16px 20px; }
.analytics-secondary .analytics-kpi > strong { font-size:23px; }
.analytics-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-bottom:18px; }
.analytics-panel { min-width:0; padding:24px; background:var(--admin-panel); border:1px solid var(--admin-line); border-radius:18px; }
.analytics-panel h3 { font-size:19px; font-weight:600; margin-bottom:6px; }
.analytics-caption { margin-bottom:22px; }
.analytics-bars { display:grid; gap:19px; }
.analytics-bar > div:first-child { display:flex; justify-content:space-between; gap:14px; font-size:14px; margin-bottom:7px; }
.analytics-bar strong { white-space:nowrap; font-variant-numeric:tabular-nums; }
.analytics-bar small { font-size:12px; color:var(--an-muted); }
.analytics-track { height:6px; background:#b98b5918; border-radius:6px; overflow:hidden; }
.analytics-track > span { display:block; height:100%; background:linear-gradient(90deg,#9d7149,#d5ac7e); border-radius:6px; }
.analytics-track > .is-negative { background:#c67469; }
.analytics-insights { list-style:none; display:grid; gap:0; }
.analytics-insights li { padding:14px 0 14px 18px; position:relative; border-bottom:1px solid var(--admin-line); color:var(--an-muted); font-size:14px; line-height:1.7; }
.analytics-insights li::before { content:''; position:absolute; top:23px; left:0; width:5px; height:5px; background:var(--an-accent); border-radius:50%; }
.analytics-insights li:last-child { border-bottom:0; }
.analytics-insights strong { display:block; font-weight:600; color:var(--an-text); }
.analytics-table-wrap { overflow:auto; max-height:420px; }
#analytics-view table { width:100%; border-collapse:collapse; font-size:14px; }
#analytics-view th { color:var(--an-muted); font-size:12px; text-transform:none; letter-spacing:0; text-align:left; font-weight:500; }
#analytics-view td,#analytics-view th { padding:13px 8px; border-bottom:1px solid var(--admin-line); background:transparent; }
#analytics-view td { font-variant-numeric:tabular-nums; }
#analytics-view td small { display:block; color:var(--an-muted); font-size:12px; }
#analytics-view td a { color:var(--an-text); text-decoration-color:var(--an-accent); text-underline-offset:4px; }
.analytics-month-volume { position:relative; min-width:70px; padding:5px 10px; }
.analytics-month-volume span { position:absolute; inset:0 auto 0 0; background:#b98b5926; border-radius:4px; }
.analytics-month-volume b { position:relative; font-weight:500; }
#analytics-view .analytics-negative { color:#ce8177; }
html[data-admin-theme="light"] #analytics-view .analytics-negative { color:#a13c32; }
.analytics-empty { padding:28px 0; color:var(--an-muted); font-size:14px; }
.analytics-method { border-top:1px solid var(--admin-line); margin-top:26px; padding-top:20px; color:var(--an-muted); font-size:14px; line-height:1.8; }
.analytics-method summary { cursor:pointer; color:var(--an-accent); }
.analytics-method p { margin-top:12px; max-width:1000px; }
@media(max-width:1250px) { .analytics-kpis,.analytics-secondary { grid-template-columns:repeat(2,minmax(0,1fr)); } .analytics-header { align-items:flex-start; flex-direction:column; } }
@media(max-width:760px) { .analytics-grid { grid-template-columns:1fr; } .analytics-panel { padding:18px; } .analytics-kpi { padding:16px; } #analytics-title { font-size:31px; } }
@media(max-width:400px) { .analytics-kpis,.analytics-secondary { grid-template-columns:1fr; } }