.dash-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:2px 0 25px}.dash-page-heading h2{font-size:30px;letter-spacing:-.04em;font-weight:650;margin:5px 0 6px}.dash-page-heading p{font-size:13px;margin:0}.dash-filters{display:grid;grid-template-columns:minmax(170px,1fr) minmax(160px,1.1fr) minmax(170px,1.2fr) auto;gap:16px;padding:20px;background:#fff;border:1px solid #dfe7ec;border-radius:13px;align-items:end}.dash-filter-actions{display:flex;gap:8px;padding-bottom:1px}.dash-filters .field label{display:block}.dash-update{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 2px 27px;color:#8196a3;font-size:11px}.dash-update p{margin:0}.dash-update .dash-current{color:#33866a}.dash-update .dash-error{color:#ad5e30}.dash-date-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 18px}.dash-date-heading h2{font-size:22px;font-weight:650;letter-spacing:-.03em;margin:5px 0}.dash-day-state{display:flex;align-items:center;gap:7px;border:1px solid #d6e4df;background:#edf5f0;border-radius:20px;padding:7px 12px;color:#5f8972;font-size:11px;white-space:nowrap}.dash-day-state i{width:6px;height:6px;border-radius:50%;background:#789687}.dash-day-state.is-open{color:#24846b;border-color:#cbe9dc;background:#e8f6ee}.dash-day-state.is-open i{background:#39ae7e}.dash-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.dash-metric{display:flex;flex-direction:column;padding:23px;background:#fff;border:1px solid #dfe7ec;border-radius:14px;min-width:0}.dash-metric>span{font-size:12px;color:#718997}.dash-metric>strong{font-size:clamp(26px,2.3vw,36px);line-height:1.2;letter-spacing:-.045em;color:#244857;margin:12px 0 9px;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.dash-metric>small{font-size:11px;color:#7e94a2;line-height:1.7}.dash-metric.primary{background:linear-gradient(120deg,#153c4d,#1e4f58);border-color:#224e5b}.dash-metric.primary>span{color:#afd3d7}.dash-metric.primary>strong{color:#e9fff6}.dash-metric.primary>small{color:#94b9bf}.dash-charts{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,1fr);gap:22px;margin-bottom:22px}.dash-card-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:20px}.dash-card-heading h3{margin:0;font-size:17px;font-weight:650;color:#294b5c}.dash-card-heading p{font-size:11px;color:#7c93a1;line-height:1.7;margin:6px 0 0}.dash-chart-total{text-align:right;flex:none}.dash-chart-total>strong{font-size:24px;letter-spacing:-.03em;color:#2b5765;font-weight:650;display:block;font-variant-numeric:tabular-nums}.dash-chart-total>small{display:block;font-size:10px;color:#8a9eab;margin-top:3px}.dash-hour-chart{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:6px;height:215px;padding-top:32px;border-bottom:1px solid #dfe9ed;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#edf2f5 25%);margin-top:4px;position:relative}.dash-hour{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;outline-offset:1px!important}.dash-hour-track{height:100%;width:100%;display:flex;align-items:end}.dash-hour-track i{display:block;width:100%;background:#dae7e8;border-radius:4px 4px 0 0}.dash-hour-track .has-sales{background:linear-gradient(to top,#4d9a8a,#8ec5ae)}.dash-hour:hover .has-sales,.dash-hour:focus .has-sales{background:#1d776c}.dash-hour>span{position:absolute;top:calc(100% + 8px);font-size:9px;color:#7e96a5}.dash-hour-pop{display:none;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);padding:11px 13px;border-radius:8px;background:#193d4d;color:#d7e9f4;box-shadow:0 6px 20px #142e4525;z-index:5;min-width:105px;pointer-events:none;text-align:center}.dash-hour:first-child .dash-hour-pop{left:0;transform:none}.dash-hour:last-child .dash-hour-pop{right:0;left:auto;transform:none}.dash-hour:hover .dash-hour-pop,.dash-hour:focus .dash-hour-pop{display:block}.dash-hour-pop b,.dash-hour-pop strong,.dash-hour-pop span{display:block}.dash-hour-pop b{font-size:10px;color:#8db9c7}.dash-hour-pop strong{font-size:15px;color:#fff;margin:5px 0}.dash-hour-pop span{font-size:10px;color:#a1c7d1}.dash-chart-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:29px;font-size:10px;color:#8a9eab;line-height:1.7}.dash-chart-foot b{font-weight:600;color:#5a7d8c;margin-left:5px}.dash-payment-card{display:flex;flex-direction:column}.dash-payment-visual{display:flex;align-items:center;gap:20px;margin:2px 0 22px;flex:1}.dash-donut{width:150px;height:150px;flex:none;border-radius:50%;background:conic-gradient(#499b87 0 var(--cash-share),#426b91 var(--cash-share) 100%);padding:15px;position:relative}.dash-donut>div{width:100%;height:100%;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}.dash-donut small{font-size:10px;color:#8ba0ad}.dash-donut strong{font-size:20px;letter-spacing:-.04em;color:#2d5666;margin-top:5px;max-width:105px;overflow-wrap:anywhere;text-align:center;line-height:1.15}.dash-payment-key{flex:1;min-width:0;display:grid;gap:20px}.dash-payment-key>div{display:grid;grid-template-columns:7px 1fr;gap:6px 7px;align-items:center}.dash-payment-key i{width:7px;height:7px;border-radius:2px}.dash-payment-key .cash{background:#499b87}.dash-payment-key .card-colour{background:#426b91}.dash-payment-key span{font-size:11px;color:#7a94a4}.dash-payment-key b{grid-column:2;font-size:16px;font-weight:650;color:#305263;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.dash-payment-details{border-top:1px solid #e7eef2;padding-top:7px}.dash-payment-details>div{display:flex;justify-content:space-between;gap:16px;padding:7px 0;font-size:11px;line-height:1.5;color:#8297a5}.dash-payment-details b{font-weight:600;color:#405f70;font-variant-numeric:tabular-nums}.dash-payment-details small{font-size:9px;margin-left:4px;color:#9cafba}.dash-payment-details .dash-net-cash{border-top:1px solid #e7eef2;margin-top:3px;padding-top:12px}.dash-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}.dash-tills{display:grid;gap:22px}.dash-till-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.dash-till-title b{font-size:13px;color:#34566a;font-weight:650}.dash-till-title small{display:block;font-size:10px;color:#8aa0ae;margin-top:4px}.dash-till-title strong{font-size:22px;font-weight:650;letter-spacing:-.03em;color:#315a68;flex:none}.dash-till-bar{height:7px;background:#edf3f4;border-radius:5px;overflow:hidden;margin:12px 0 8px}.dash-till-bar i{display:block;height:100%;background:linear-gradient(90deg,#a1c9b7,#438f81);border-radius:5px}.dash-till-details{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#8a9fab}.dash-till-details i{width:5px;height:5px;display:inline-block;background:#62aa8c;border-radius:50%;margin-right:4px}.dash-best-list article{display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid #edf2f5}.dash-best-list article:last-child{border:0}.dash-best-list article>span{display:grid;place-items:center;font-size:10px;color:#75938c;background:#eef5f1;width:29px;height:29px;border-radius:8px;flex:none}.dash-best-list article>div{flex:1;min-width:0}.dash-best-list b{font-size:12px;color:#355568;font-weight:650;display:block}.dash-best-list small{font-size:10px;color:#8b9fab;display:block;margin-top:3px}.dash-best-list strong{font-size:13px;color:#436a7b;font-weight:650;flex:none}.dash-staff-card{margin-bottom:22px}.dash-staff-card .table-wrap{border:0;box-shadow:none;border-radius:0}.dash-staff-card th{font-size:9px}.dash-staff-card td{font-size:12px!important}.dash-staff-avatar{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e9f3ed;color:#5c997c;font-size:10px;font-weight:650;margin-right:11px}.dash-basis{background:#edf2f4;border:1px solid #dee8ed;border-radius:12px;padding:18px 22px;color:#7f95a3;font-size:11px;line-height:1.8}.dash-basis>b{color:#567687;font-size:12px;font-weight:600}.dash-basis p{margin:5px 0 12px;max-width:1120px}.dash-basis>div{display:flex;gap:25px;flex-wrap:wrap;font-size:10px}.dash-basis b{color:#5b7c8e;margin-left:4px;font-weight:600}.dash-empty,.dash-loading{padding:35px!important;text-align:center;font-size:13px;color:#859ba8;line-height:1.8}.dash-staff-card .dash-empty{text-align:center}
@media(max-width:1350px){.dash-charts{grid-template-columns:1.4fr 1fr}.dash-payment-visual{gap:12px}.dash-donut{width:120px;height:120px;padding:13px}.dash-donut strong{font-size:17px;max-width:86px}.dash-payment-key b{font-size:14px}.dash-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-filter-actions{grid-column:1/-1;justify-content:flex-end}.dash-hour-chart{gap:4px}}@media(max-width:1100px){.dash-charts,.dash-columns{grid-template-columns:1fr}.dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-donut{width:150px;height:150px}.dash-payment-visual{justify-content:center;gap:35px}.dash-payment-key{max-width:240px}.dash-metric>strong{font-size:30px}}@media(max-width:600px){.dash-page-heading{align-items:start;flex-direction:column;gap:14px}.dash-page-heading h2{font-size:27px}.dash-filters{grid-template-columns:1fr;padding:16px;gap:13px}.dash-filter-actions{justify-content:flex-start}.dash-update{align-items:start;flex-direction:column;gap:5px;margin-bottom:24px}.dash-update>span{font-size:10px}.dash-date-heading{align-items:start;flex-direction:column;gap:8px}.dash-date-heading h2{font-size:20px}.dash-day-state{font-size:10px}.dash-metrics{gap:10px}.dash-metric{padding:17px 14px}.dash-metric>strong{font-size:27px}.dash-metric>span{font-size:11px}.dash-metric>small{font-size:10px}.dash-card-heading{gap:12px;flex-wrap:wrap}.dash-chart-total{text-align:left}.dash-hour-chart{gap:3px;height:180px}.dash-chart-foot{font-size:9px;flex-wrap:wrap}.dash-payment-visual{gap:20px}.dash-donut{width:130px;height:130px}.dash-donut strong{font-size:17px}.dash-till-title strong{font-size:20px}.dash-till-details{flex-wrap:wrap;gap:4px}.dash-till-title b{font-size:12px}.dash-basis{padding:16px}.dash-basis>div{gap:8px 18px}.dash-staff-card{padding:18px 0!important}.dash-staff-card .dash-card-heading{padding:0 18px}.dash-staff-card table{min-width:620px}}

.dash-donut.is-empty{background:#e9f0f2}.dash-hour:nth-child(-n+4) .dash-hour-pop{left:0;right:auto;transform:none}.dash-hour:nth-last-child(-n+4) .dash-hour-pop{right:0;left:auto;transform:none}