.overview-page{--paper:#f4f5f2;--line:#e3e6e0;--muted:#666c63;background:var(--paper);color:#171c17}
.overview-page .main{max-width:2000px;padding:24px 30px}
.overview-page .page-head{margin-bottom:20px}
.overview-page .page-head .eyebrow{display:none}
.overview-page .page-head h1{font-size:32px;letter-spacing:-.045em}
.overview-page .page-head p{font-size:11px;margin-top:6px}
.overview-page .sidebar{background:#111}
.overview-page .nav a[aria-current=page]{background:#fff;color:#111}
.overview-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;min-width:0;box-shadow:0 3px 12px #18251704}
.overview-page .eyebrow{display:block;font-size:8px;font-weight:600;letter-spacing:.13em;margin-bottom:9px;color:var(--muted)}
.overview-page .eyebrow:before{content:'';display:inline-block;vertical-align:middle;width:14px;height:2px;margin-right:7px;background:#829279}
.overview-charts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.overview-card h2{font-size:16px;font-weight:700;letter-spacing:-.035em;line-height:1.25}
.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px}
.chart-heading select{max-width:145px;min-width:0;border:1px solid var(--line);background:#f8f9f6;border-radius:6px;color:#353c31;font:inherit;font-size:10px;min-height:30px;padding:4px 7px;cursor:pointer}
.chart-heading>select{width:78px;flex-shrink:0}
.activity-filter{min-width:0}.activity-filter select{width:100%}
.chart-total{font-size:34px;font-weight:700;letter-spacing:-.055em;line-height:1.15;margin-top:12px;font-variant-numeric:tabular-nums}
.chart-caption{font-size:9px;color:var(--muted);margin-top:4px}
.trend-card{display:flex;flex-direction:column}
.trend-chart{position:relative;flex:1;min-height:176px;margin-top:18px}
.chart-plot{position:absolute;inset:5px 4px 25px 34px}
.chart-plot svg{display:block;width:100%;height:100%;overflow:visible}
.chart-axis-y{position:absolute;top:0;bottom:20px;left:0;width:29px;display:flex;flex-direction:column;justify-content:space-between;text-align:right}
.chart-axis-x{position:absolute;bottom:0;left:34px;right:4px;display:flex;justify-content:space-between}
.chart-axis-y,.chart-axis-x{font-size:9px;line-height:10px;color:var(--muted);font-variant-numeric:tabular-nums;pointer-events:none}
.chart-grid{stroke:#e4e9e0;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}
.chart-line{fill:none;stroke:#344e30;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.chart-area{fill:#8aa47b;opacity:.16}
.trend-chart circle{fill:#344e30;stroke:white;stroke-width:1.5;vector-effect:non-scaling-stroke}
.trend-chart circle.zero-point{opacity:0}
.trend-chart circle:hover,.trend-chart circle:focus{opacity:1;outline:0;stroke:#344e30;stroke-width:3}
.period-navigation{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:9px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted)}
.period-navigation button{display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;width:28px;height:27px;cursor:pointer;flex-shrink:0;color:#353c31}
.period-navigation button:hover{background:#f0f4ec;border-color:#b8c5af}
.activity-chart{display:flex;flex-direction:column}
.activity-bars{margin-top:14px;max-height:220px;overflow-y:auto;overscroll-behavior:contain;padding-right:5px;scrollbar-gutter:stable}
.activity-bar{display:grid;grid-template-columns:minmax(0,1fr) 25%;align-items:center;column-gap:10px;padding:5px 0}
.activity-bar>div:first-child{display:flex;justify-content:space-between;gap:6px;font-size:10px;line-height:1.35}
.activity-bar small{font-size:8px;color:var(--muted);line-height:1.4;grid-column:1;grid-row:2}
.activity-bar strong{font-variant-numeric:tabular-nums}
.bar-track{display:block;width:100%;height:7px;border-radius:4px;background:#edf1e9;grid-column:2;grid-row:1/3;overflow:hidden}
.bar-track rect{fill:#526c46}.activity-bar:hover .bar-track rect{fill:#344e30}
.overview-link{font-size:9px;text-decoration:underline;text-underline-offset:3px;display:inline-block;color:#404c3b}
.activity-chart>.overview-link{margin-top:auto;padding-top:12px}
.review-metrics{margin:12px 0 0}
.review-metrics>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}
.review-metrics dt{font-size:10px}.review-metrics dd{margin:0;font-size:17px;font-weight:700;white-space:nowrap}.review-metrics small{font-size:8px;font-weight:400;color:var(--muted)}
.review-metrics .review-average{display:block;background:#f0f4ec;color:#34472c;padding:12px;border:1px solid #e2eada;border-radius:8px;margin-bottom:5px}
.review-average dd{font-size:30px;line-height:1.2;margin-top:6px}.review-average small{color:#5a6b50}.review-metrics .review-count{border:0;padding-bottom:3px}
.review-pending{font-size:9px;color:var(--muted);margin-top:12px}.reviews-card .chart-heading{justify-content:flex-start}
.overview-bottom{display:grid;grid-template-columns:minmax(290px,1fr) minmax(0,1.65fr);gap:14px;margin-top:14px;align-items:stretch}
.revenue-summary dl{margin:12px 0 0}.revenue-summary dl>div{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:12px 0;border-bottom:1px solid var(--line);align-items:baseline}
.revenue-summary dl>div:last-child{border-bottom:0}.revenue-summary dt{font-size:11px;font-weight:500}.revenue-summary dd{font-size:25px;letter-spacing:-.04em;font-weight:700;margin:0;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}
.revenue-summary small{display:block;font-size:8px;line-height:1.4;color:var(--muted);grid-column:1/-1}
.revenue-summary .amount-change{display:inline-block;font-size:12px;font-weight:500;letter-spacing:0;white-space:nowrap;vertical-align:baseline}
.recent-card .card-head{align-items:center;margin-bottom:8px;gap:8px}.recent-card .card-head .eyebrow{margin-bottom:8px}
.recent-card .activity-row{padding:9px 0;gap:11px}.recent-card .activity-row:hover h3{color:#526c46}

.recent-card .badge{font-size:8px;border-radius:5px;padding:3px 7px}.recent-card .badge.paid{background:#edf3e7;color:#496539}
.recent-card h3{font-size:11px;font-weight:600;line-height:1.3}.recent-card p{font-size:9px;margin-top:3px;line-height:1.4}
.recent-card h3,.recent-card p{overflow-wrap:anywhere}
.overview-page button:focus-visible,.overview-page select:focus-visible{outline:2px solid #487aff;outline-offset:3px}
@media(min-width:1201px) and (max-width:1500px){
 .overview-page .main{padding:20px 24px}.overview-card{padding:14px}.overview-charts,.overview-bottom{gap:12px}.overview-bottom{margin-top:12px}
 .overview-charts .chart-heading{flex-wrap:wrap}.overview-charts .chart-heading h2{font-size:14px}.chart-total{font-size:30px}
 .activity-filter select{max-width:125px}.activity-bar{column-gap:6px;padding:4px 0}.trend-chart{min-height:162px;margin-top:14px}
 .recent-card .activity-row{padding:7px 0}.revenue-summary dl>div{padding:9px 0}
}
@media(max-width:1200px){.overview-page .main{padding:20px}.overview-charts{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-card{padding:18px}.trend-chart{min-height:190px}.overview-bottom{grid-template-columns:1fr}.activity-bar{padding:8px 0}}
@media(max-width:600px){
 .overview-page .main{padding:20px 16px}.overview-page .page-head h1{font-size:30px}.overview-charts{grid-template-columns:minmax(0,1fr)}
 .overview-card{padding:18px}.chart-heading select{min-height:36px}.period-navigation button{width:36px;height:34px}.trend-chart{min-height:200px}
 .overview-bottom{grid-template-columns:minmax(0,1fr)}.recent-card .activity-row{flex-wrap:wrap}.recent-card .activity-row>div:first-child{flex-basis:65%}
 .revenue-summary dd{font-size:23px}.revenue-summary small{font-size:9px}.review-metrics dt{font-size:11px}.review-metrics small{font-size:9px}
}
@media(min-width:1201px) and (max-width:1500px){
 .overview-page .main{padding-top:18px;padding-bottom:18px}.overview-page .page-head{margin-bottom:16px}
 .trend-chart{min-height:150px;margin-top:10px}.chart-total{margin-top:9px}.period-navigation{margin-top:9px;padding-top:7px}
 .review-metrics>div{padding:5px 0}.review-metrics .review-average{padding:8px 10px}.review-average dd{font-size:27px}
 .recent-card .activity-row{padding:6px 0}
}
@media(min-width:1201px) and (max-width:1500px){
 .activity-bars{margin-top:10px}.activity-bar{padding:2px 0}.recent-card .activity-row{padding:5px 0}
}

.recent-card .activity-row>div:first-child{flex:1;min-width:0}

/* Three equal-height dashboard tiles; revenue is a compact list of figures. */
.overview-charts{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.revenue-card{display:flex;flex-direction:column;grid-column:auto}
.revenue-figures{margin:12px 0 0}
.revenue-figures>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.revenue-figures>div:last-child{border-bottom:0}
.revenue-figures dt{font-size:11px;line-height:1.4}
.revenue-figures dd{margin:0;font-size:22px;font-weight:700;letter-spacing:-.04em;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}
.revenue-provisional{display:block;font-size:9px;color:var(--muted);font-weight:400}
.revenue-note{font-size:9px;line-height:1.6;color:var(--muted);margin-top:auto;padding-top:12px}
.overview-bottom{grid-template-columns:minmax(0,1fr)}
@media(max-width:1200px) and (min-width:901px){.overview-page .main{padding:16px}.overview-charts{gap:10px}.overview-card{padding:14px}.revenue-figures dd{font-size:19px}.chart-heading{flex-wrap:wrap}}
@media(max-width:900px){.overview-charts{grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr}.revenue-figures dd{font-size:23px}}