.dashboard-actions{display:flex;gap:10px;align-items:center}.refresh-button{border:1px solid #dce5de;background:white;color:#6b8273;font-size:10px;padding:11px 14px;border-radius:7px}.dashboard-filters{display:flex;align-items:center;gap:18px;margin:0 0 22px}.period-switch{display:flex;background:#eaf0ea;border:1px solid #e1e8e0;border-radius:8px;padding:4px;gap:3px}.period-switch button{font-size:10px;padding:8px 14px;border:0;background:none;color:#81907b;border-radius:5px}.period-switch .selected{background:white;color:#2d6e55;box-shadow:0 2px 5px #233f3010;font-weight:650}.dashboard-vendor{display:flex;gap:8px;align-items:center}.dashboard-vendor label{font-size:10px;color:#82927c}.dashboard-vendor select{font-size:10px;padding:9px 12px}.dashboard-updated{margin-left:auto;font-size:9px;color:#8c9d86}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.dashboard-kpi{background:white;border:1px solid #e2e9e0;border-radius:10px;padding:19px 20px}.kpi-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7a8f7b;font-size:10px}.kpi-mark{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#edf4e9;font-size:11px;color:#6b946f}.dashboard-kpi>strong{display:block;font-size:29px;letter-spacing:-1px;margin:12px 0}.dashboard-kpi>small{font-size:9px;color:#9baa92}.dashboard-kpi:first-child{border-color:#a7c9b3;background:#f1f7ef}.dashboard-kpi:first-child>strong{color:#157c66}.dashboard-charts{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:20px;margin-bottom:22px}.panel-caption{font-size:9px;color:#8fa086;margin:7px 0 0;line-height:1.6}.chart-legend{font-size:9px;color:#809278;display:flex;align-items:center;gap:6px}.chart-legend i{width:6px;height:6px;border-radius:50%;background:#147d70}.dashboard-charts .section-toolbar,.dashboard-breakdowns .section-toolbar{padding:19px 20px}.trend-chart{position:relative;display:grid;grid-template-columns:65px 1fr;column-gap:12px;padding:23px 22px 12px;min-height:275px}.trend-y-axis{height:170px;display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#92a38b;padding:0 0 3px;align-items:flex-end}.trend-plot{height:170px;border-bottom:1px solid #dfe8db;background:repeating-linear-gradient(to top,transparent 0,transparent calc(50% - 1px),#edf1e9 calc(50% - 1px),#edf1e9 50%)}.trend-bars{display:flex;gap:6px;align-items:stretch;height:100%;padding:0 5px}.trend-column{position:relative;flex:1;min-width:0;height:100%;display:flex;align-items:flex-end;justify-content:center}.trend-bar{position:relative;min-height:2px;width:100%;max-width:38px;border:0;border-radius:5px 5px 0 0;background:#599e82;padding:0;transition:background .15s}.trend-bar:hover,.trend-bar:focus{background:#116b59;outline-offset:3px}.trend-x-label{position:absolute;top:calc(100% + 12px);white-space:nowrap;font-size:8px;color:#91a387}.trend-hint{grid-column:1/-1;font-size:9px;color:#8da082;margin:40px 0 0;padding-left:77px;line-height:1.6}.dashboard-payments{padding:10px 20px 19px}.payment-meter{padding:10px 0 2px}.payment-meter>div:first-child{display:flex;justify-content:space-between;font-size:10px;gap:12px}.payment-meter>div>span{display:flex;gap:7px;align-items:center;color:#758a74}.payment-meter i{width:6px;height:6px;border-radius:50%}.payment-meter strong{font-size:10px;font-weight:600}.meter-track{height:5px;background:#eff3ea;border-radius:5px;margin-top:9px;overflow:hidden}.meter-track>span{display:block;height:100%;border-radius:5px;background:#8bb699}.dashboard-breakdowns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:20px;margin-bottom:22px}.top-product-row{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #edf1e9}.top-product-row>div:first-child{flex:1;min-width:0}.top-product-row strong{font-size:10px;font-weight:600;line-height:1.7}.top-product-row small{display:block;font-size:9px;color:#94a389;margin-top:5px}.top-product-amount{width:105px;text-align:right;flex:none}.top-product-amount .meter-track{margin-top:8px;height:4px}.vendor-row{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid #edf1e9;gap:10px}.vendor-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#f1f3ea;font-size:9px;color:#899b7e;font-weight:600}.vendor-row>div strong{font-size:10px;font-weight:500;display:block}.vendor-row small{font-size:8px;color:#9aaa8e;display:block;margin-top:4px}.vendor-row>strong{margin-left:auto;font-size:11px}.dashboard-empty{padding:45px 20px;color:#91a484;text-align:center;font-size:11px}.recent-panel{margin-bottom:20px}.recent-panel td{font-size:10px}.dashboard-notes>div{display:flex;align-items:center;gap:13px;padding:18px 20px;border:1px solid #e8e3d2;border-radius:9px;background:#faf8ef}.inventory-symbol{display:grid;place-items:center;width:27px;height:27px;border:1px solid #d8c996;border-radius:7px;color:#b4a471;font-weight:650;font-size:13px;flex:none}.dashboard-notes strong{font-size:11px;color:#8e835d;font-weight:600}.dashboard-notes p{font-size:9px;color:#9b9b80;line-height:1.7;margin:5px 0 0}.dashboard-notes>div .text-button{margin-left:auto;white-space:nowrap;color:#9a8c61}.dashboard-notes>p{color:#94a18b;margin:14px 0 5px}
@media(max-width:1100px){.dashboard-metrics{gap:12px}.dashboard-kpi{padding:16px}.dashboard-kpi>strong{font-size:25px}.dashboard-charts{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr)}.dashboard-breakdowns{grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr)}.dashboard-updated{display:none}.chart-legend{display:none}.kpi-heading{font-size:9px}.trend-chart{padding:20px 15px 12px;grid-template-columns:55px 1fr;column-gap:8px}.trend-hint{padding-left:63px}}
@media(max-width:750px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-charts,.dashboard-breakdowns{grid-template-columns:1fr}.dashboard-actions{flex-wrap:wrap;justify-content:flex-end}.dashboard-actions .button-primary{font-size:10px;padding:11px}.dashboard-filters{gap:12px;flex-wrap:wrap}.dashboard-vendor{margin-left:auto}.dashboard-charts .section-toolbar{padding:17px}.trend-chart{min-height:260px}.dashboard-heading h1{font-size:27px}.dashboard-notes>div{flex-wrap:wrap}.dashboard-notes>div>div{flex:1;min-width:180px}}
@media(max-width:430px){.dashboard-actions .refresh-button{font-size:9px;padding:9px}.dashboard-actions .button-primary{padding:9px}.dashboard-filters{gap:10px}.period-switch{width:100%;justify-content:space-between}.period-switch button{flex:1}.dashboard-vendor{margin:0;width:100%;justify-content:space-between}.dashboard-kpi{padding:14px}.kpi-heading{font-size:9px}.kpi-mark{width:22px;height:22px;font-size:9px}.dashboard-kpi>strong{font-size:23px;margin:10px 0}.dashboard-kpi>small{font-size:8px;line-height:1.7;display:block}.trend-bars{gap:3px}.trend-x-label{font-size:7px}.dashboard-heading{gap:8px}.dashboard-heading .eyebrow{font-size:7px}.top-product-amount{width:80px}.dashboard-notes>div{padding:14px}.dashboard-notes>div .text-button{margin:0 0 0 40px}}