:root{--panel-ink:var(--dc-text-231f1d);--panel-muted:var(--dc-text-776f69);--panel-pink:#ef3f83;--panel-gold:#c1aa7f;--panel-cream:var(--dc-surface-f8efdf);--panel-line:var(--dc-edge-eee9e3);--panel-white:var(--dc-surface-fff)}
.dashboard{padding:5px 16px 40px;max-width:1000px;margin:auto;color:var(--panel-ink)}
.dashboard button{text-align:left}.dashboard svg,#history-dialog svg{width:22px;height:22px;flex-shrink:0}
.visits-card{display:block;width:100%;border-radius:24px;background:var(--panel-cream);padding:22px 20px 17px}
.card-eyebrow{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;letter-spacing:.2px}.card-eyebrow svg{color:#977840}
.main-number{display:block;font-size:48px;font-weight:600;line-height:1.1;margin-top:14px}.metric-caption{display:block;font-size:13px;color:var(--panel-muted);margin-top:5px}
.visits-chart{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));padding:24px 0 20px;position:relative;align-items:end}
.chart-column{display:flex;align-items:center;flex-direction:column;gap:9px;font-size:12px}.chart-zero{font-weight:600}.chart-dot{height:4px;width:14px;background:var(--panel-gold);border-radius:4px}.chart-month{color:var(--dc-text-65594d)}
.chart-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--dc-edge-e5d9c5);padding-top:13px;font-size:12px;color:var(--dc-text-65594d)}.history-link{display:flex;align-items:center;gap:4px;font-weight:600}.history-link svg{width:13px;height:13px}
.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.metric-card{display:flex;align-items:center;gap:10px;min-height:96px;padding:14px 10px;border-radius:20px;border:1px solid var(--panel-line);background:var(--dc-surface-white)}.metric-icon{display:grid;place-items:center;width:34px;height:38px;border-radius:12px;background:var(--dc-surface-fbf3e7);color:var(--dc-text-9a8053);flex-shrink:0}.metric-card:nth-child(2) .metric-icon,.metric-card:nth-child(4) .metric-icon{background:var(--dc-surface-fff0f5);color:#c8547d}.metric-copy{display:flex;flex:1;flex-direction:column;gap:4px}.metric-copy strong{font-size:23px;font-weight:600;line-height:1}.metric-copy>span{font-size:13px;line-height:1.25}.metric-card>svg{width:11px;height:11px;color:var(--dc-text-aaa19a)}
.dashboard-card{margin-top:24px;border:1px solid var(--panel-line);border-radius:24px;padding:20px 17px;background:var(--dc-surface-white)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-heading h2{font-size:20px;line-height:1.2;letter-spacing:-.45px;font-weight:600;margin:0}.section-heading p{margin:6px 0 0;font-size:13px;color:var(--panel-muted)}.text-link{display:flex;align-items:center;gap:2px;color:var(--panel-pink);font-weight:600;font-size:13px;padding:8px 0}.text-link svg{width:12px;height:12px}.empty-products{display:flex;align-items:center;flex-direction:column;padding:28px 0 13px;gap:8px;color:var(--dc-text-8d8072)}.empty-products svg{width:31px;height:31px;color:#c1aa7f}.empty-products p{font-size:14px;line-height:1.4;text-align:center;margin:0;max-width:250px}

.usage-row{width:100%;display:flex;align-items:center;gap:12px;padding:19px 0;border-bottom:1px solid var(--panel-line)}.usage-row:last-child{border:0;padding-bottom:0}.usage-symbol{display:grid;place-items:center;background:var(--dc-surface-faf6ee);width:40px;height:44px;border-radius:12px;color:var(--dc-text-9a8053);flex-shrink:0}.usage-copy{display:flex;flex-direction:column;flex:1;gap:6px}.usage-label{font-size:14px;line-height:1.25;color:var(--dc-text-655e58)}.usage-copy strong{font-size:24px;font-weight:600;line-height:1.2}.usage-copy small{font-size:14px;color:var(--panel-muted);font-weight:400}.usage-row>svg{width:13px;height:13px;color:var(--dc-text-978f87)}.usage-track{height:5px;background:var(--dc-surface-f2ece1);border-radius:10px;width:100%;margin-top:4px;overflow:hidden}.usage-track>span{display:block;height:100%;background:var(--panel-gold);border-radius:10px}
#history-dialog{border:0;border-radius:24px;padding:22px;width:calc(100% - 24px);max-width:520px;max-height:90dvh;color:var(--panel-ink);background:var(--dc-surface-fff)}#history-dialog::backdrop{background:var(--dc-surface-231f1d66);backdrop-filter:blur(3px)}.history-head{display:flex;justify-content:space-between;align-items:center}.history-head .card-eyebrow{color:#887149;font-size:12px}.history-close{font-size:28px;width:40px;height:40px}#history-dialog h2{font-size:23px;line-height:1.25;margin:12px 0}.history-total{padding:17px;border-radius:18px;background:var(--panel-cream)}.history-total strong{font-size:35px;font-weight:600}.history-total p{font-size:13px;line-height:1.4;margin:4px 0;color:var(--panel-muted)}.history-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.history-filters label{font-size:13px;display:grid;gap:8px;min-width:0}.history-filters select,.history-filters input{width:100%;min-width:0;border:1px solid var(--dc-edge-e4dacb);background:var(--dc-surface-fffcf7);border-radius:12px;font:inherit;padding:10px;color:inherit}.history-stats{display:flex;justify-content:space-between;gap:6px}.history-stats span{font-size:12px;color:var(--panel-muted)}.history-stats strong{display:block;font-size:23px;color:var(--panel-ink);margin-top:5px}.history-chart{display:flex;gap:14px;overflow-x:auto;padding:38px 0 15px;margin-bottom:15px;border-bottom:1px solid var(--panel-line)}.history-chart span{flex:1;min-width:27px;text-align:center;font-size:11px;color:var(--panel-muted)}.history-chart b{display:block;margin-bottom:8px;font-size:13px;color:var(--panel-ink);font-weight:500}.history-done{display:block;width:100%;background:var(--panel-gold);color:var(--dc-text-white);font-size:15px;font-weight:600;border-radius:99px;padding:13px;text-align:center}
@media(min-width:800px){.metrics-grid{grid-template-columns:repeat(4,1fr)}.dashboard{padding-top:15px}.visits-chart{padding-top:80px}.metric-card{padding:18px}.dashboard-card{padding:24px}}
.visits-chart{padding:24px 0 20px;align-items:end}.chart-column{justify-content:flex-end;gap:7px}.chart-value{font-weight:600;font-size:11px;line-height:16px}.chart-bar{display:block;width:25.2px;max-width:91%;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#c1aa7f,#ad9260)}

.metric-copy .metric-period-caption{font-size:11px;color:var(--panel-muted);line-height:1.35}.visits-card .metric-period-caption{text-transform:none}.chart-footer>span:first-child{max-width:65%}

.popular-product{display:flex;align-items:center;gap:15px;padding-top:22px}.popular-product-photo{position:relative;flex-shrink:0}.popular-product-photo img{display:block;width:76px;height:76px;object-fit:cover;border-radius:16px}.popular-rank{position:absolute;left:-5px;top:-5px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--panel-gold);color:var(--dc-text-231f1d);font-size:12px;font-weight:600;border:2px solid var(--dc-edge-white)}.popular-product-copy{min-width:0}.popular-product-copy h3{font-size:16px;font-weight:600;line-height:1.3;margin:0 0 9px}.popular-product-copy p{display:flex;align-items:center;gap:5px;margin:0;font-size:13px;color:var(--panel-muted)}.popular-product-copy p svg{width:17px;height:17px;color:var(--dc-text-9a8053)}.popular-product-copy strong{font-weight:600;color:var(--panel-ink)}

.popular-product{gap:10px}.popular-product>.popular-rank{position:static;flex-shrink:0;width:20px;height:auto;border:0;border-radius:0;background:none;font-size:18px;color:var(--panel-muted)}.popular-product-copy .popular-favorites{margin-top:6px}.popular-product-copy .popular-favorites svg{color:var(--panel-pink)}

.popular-product:nth-child(-n + 3 of .popular-product)>.popular-rank{color:var(--panel-gold)}