.period-form{display:flex;align-items:end;flex-wrap:wrap;gap:1rem}.period-form label{flex:1;min-width:145px}.period-form button{margin-bottom:0}
.chart-options label{display:inline-flex;align-items:center;gap:.5rem;margin:1rem 1.2rem 0 0}.chart-options input{width:auto}
.metric-bars{display:grid;gap:1.1rem;margin:1.5rem 0}.metric-bars>div{display:grid;grid-template-columns:1fr auto;gap:.4rem 1rem}.metric-track{grid-column:1/-1;height:8px;background:color-mix(in srgb,var(--primary,#3265b3) 12%,transparent);border-radius:20px;overflow:hidden}.metric-track i{display:block;height:100%;background:var(--primary,#3265b3);border-radius:20px}
.referral-benefit{padding:1.25rem;border:1px solid color-mix(in srgb,var(--primary,#3265b3) 30%,transparent);border-radius:18px;margin:1.25rem 0;background:color-mix(in srgb,var(--primary,#3265b3) 7%,transparent)}.referral-benefit progress{width:100%;height:9px;accent-color:var(--primary,#3265b3)}.referral-result{display:flex;align-items:center;gap:1rem;justify-content:space-between;border-bottom:1px solid #8883;padding:.6rem 0}.artist-contact{margin-top:1rem;width:100%;text-align:center}.card-export-preview{display:block;width:min(100%,350px);height:auto;border-radius:18px;margin:1rem auto}.client-options .actions{padding-top:.8rem}
[data-chart][hidden]{display:none!important}
.visual-scroll{overflow-x:auto;max-width:100%;margin:1.2rem 0;overscroll-behavior-x:contain}.visual-scroll svg{display:block;width:100%;height:auto;max-width:none}.visual-scroll:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.visual-scroll svg{max-height:320px}
.chart-grid{stroke:currentColor;opacity:.12}.axis-label,.value-label{fill:currentColor;font-size:12px;font-family:inherit}.value-label{font-weight:650}.column-primary,.line-dot{fill:var(--primary,#3265b3)}.column-secondary{fill:var(--secondary-chart,#737e90)}.frequency-line{stroke:var(--primary,#3265b3);stroke-width:3;stroke-linejoin:round}.line-dot{stroke:var(--panel,#fff);stroke-width:2}
.visual-legend{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.85rem}.visual-legend span,.donut-key p{display:flex;gap:.6rem;align-items:center}.key-primary,.key-secondary{display:inline-block;width:12px;height:12px;border-radius:3px;flex:none}.key-primary{background:var(--primary,#3265b3)}.key-secondary{background:var(--secondary-chart,#737e90)}
.donut-layout{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;margin:1.5rem 0}.donut-chart{width:220px;height:220px;flex:none}.donut-track{stroke:var(--secondary-chart,#737e90)}.chart-primary{stroke:var(--primary,#3265b3)}.donut-number{fill:currentColor;font-size:38px;font-weight:700}.donut-caption{fill:currentColor;font-size:13px}.donut-key{flex:1;min-width:190px}.chart-data{margin-top:1rem}.chart-data table{width:100%}
[data-theme="dark"]{--secondary-chart:#9ca7b9}
@media(max-width:500px){.donut-layout{justify-content:center;gap:.5rem}.donut-key{min-width:0;width:100%;flex:auto}.visual-scroll{margin-inline:0}}
@media(max-width:500px){.period-form button{width:100%}.referral-result{align-items:start;flex-direction:column}}