.cashier-report-top-action{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #bed8e7;border-radius:7px;background:#edf7fc;color:#145787;padding:7px 11px;font-size:11px;font-weight:800}
.cashier-report-top-action:hover{border-color:#278ac0;background:#e1f1fa}.cashier-report-top-action.primary{border-color:#278ac0;background:#278ac0;color:#fff}.cashier-report-top-action .control-icon{width:16px;height:16px}.cashier-report-top-action:disabled{opacity:.58}
.cashier-report-page{min-width:0;min-height:0;overflow:auto;background:#eef6fb;color:#173b57;padding:20px 22px 34px;scrollbar-color:#8abedc transparent}
.cashier-report-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:17px}.cashier-report-hero>div:first-child>span{display:block;color:#278ac0;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.cashier-report-hero h1{margin:4px 0 3px;color:#173b57;font-size:27px;letter-spacing:-.025em}.cashier-report-hero p{margin:0;color:#638096;font-size:12px;font-weight:650}
.cashier-report-period-control{display:flex;align-items:flex-end;gap:10px}.cashier-report-period-control>div{display:flex;padding:4px;border:1px solid #c5dce9;border-radius:10px;background:#fff}.cashier-report-period-control>div button{min-width:76px;min-height:36px;border:0;border-radius:7px;background:transparent;color:#56758b;font-size:11px;font-weight:850}.cashier-report-period-control>div button.active{background:#145787;color:#fff;box-shadow:0 5px 12px rgba(20,87,135,.18)}.cashier-report-period-control label{display:flex;min-width:155px;flex-direction:column;gap:4px;color:#69859a;font-size:9px;font-weight:850;text-transform:uppercase}.cashier-report-period-control input{height:44px;border:1px solid #c5dce9;border-radius:9px;background:#fff;color:#173b57;padding:0 10px;box-shadow:none;font-size:12px;font-weight:750;color-scheme:light}
.cashier-report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cashier-report-kpis article{position:relative;min-height:116px;overflow:hidden;border:1px solid #d4e5ef;border-radius:12px;background:#fff;padding:17px 18px;box-shadow:0 8px 25px rgba(20,87,135,.055)}.cashier-report-kpis article:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#278ac0}.cashier-report-kpis article.collected:before{background:#00a940}.cashier-report-kpis article.outstanding:before{background:#f0a11a}.cashier-report-kpis article.average:before{background:#78bfe6}.cashier-report-kpis span,.cashier-report-kpis strong,.cashier-report-kpis small{display:block}.cashier-report-kpis span{color:#658096;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.cashier-report-kpis strong{margin:10px 0 7px;color:#173b57;font-size:22px;line-height:1}.cashier-report-kpis small{overflow:hidden;color:#8095a5;font-size:10px;line-height:1.35;text-overflow:ellipsis}
.cashier-report-profit-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:12px 0 14px;overflow:hidden;border:1px solid #d4e5ef;border-radius:11px;background:#d4e5ef}.cashier-report-profit-strip article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 14px;min-height:69px;background:#fff;padding:12px 16px}.cashier-report-profit-strip span{color:#6e8799;font-size:10px;font-weight:800}.cashier-report-profit-strip strong{grid-row:1/3;grid-column:2;color:#173b57;font-size:18px}.cashier-report-profit-strip small{color:#00a940;font-size:10px;font-weight:800}.cashier-report-profit-strip .negative strong,.cashier-report-profit-strip .negative small{color:#cc4136}
.cashier-report-dashboard{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.8fr);gap:14px;margin-bottom:14px}.cashier-report-panel{overflow:hidden;border:1px solid #d4e5ef;border-radius:12px;background:#fff;box-shadow:0 8px 25px rgba(20,87,135,.045)}.cashier-report-panel>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;border-bottom:1px solid #e3edf3}.cashier-report-panel h2{margin:0 0 3px;color:#173b57;font-size:15px}.cashier-report-panel header p{margin:0;color:#7c92a2;font-size:10px}.cashier-report-trend{grid-row:span 2;min-height:430px;display:flex;flex-direction:column}.cashier-report-legend{display:flex;gap:12px;color:#668195;font-size:9px;font-weight:750}.cashier-report-legend span{display:flex;align-items:center;gap:5px}.cashier-report-legend i{width:8px;height:8px;border-radius:50%;background:#145787}.cashier-report-legend span:last-child i{background:#00a940}
.cashier-report-chart{min-width:0;min-height:300px;flex:1;display:flex;align-items:stretch;gap:7px;overflow-x:auto;padding:18px 15px 12px}.cashier-report-chart>div{min-width:20px;flex:1;display:grid;grid-template-rows:minmax(220px,1fr) auto;gap:7px;text-align:center}.cashier-report-chart>div>small{color:#7b91a2;font-size:8px;white-space:nowrap}.cashier-report-bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;border-bottom:1px solid #dbe7ee;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#edf3f6 25%)}.cashier-report-bars i,.cashier-report-bars b{width:min(9px,42%);min-height:0;border-radius:4px 4px 0 0}.cashier-report-bars i{background:linear-gradient(#278ac0,#145787)}.cashier-report-bars b{background:linear-gradient(#20be5d,#00a940)}
.cashier-report-top-items>div,.cashier-report-channels>div{padding:5px 15px 10px}.cashier-report-ranked-row,.cashier-report-channel-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf2f5}.cashier-report-ranked-row:last-child,.cashier-report-channel-row:last-child{border-bottom:0}.cashier-report-ranked-row>span,.cashier-report-channel-row>span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#e5f2fa;color:#145787;font-size:10px;font-weight:900}.cashier-report-channel-row>span.pickup{background:#fff0d7;color:#b46d00}.cashier-report-channel-row>span.delivery{background:#e8f7ec;color:#078536}.cashier-report-ranked-row>div,.cashier-report-channel-row>div{min-width:0}.cashier-report-ranked-row strong,.cashier-report-ranked-row small,.cashier-report-channel-row strong,.cashier-report-channel-row small{display:block}.cashier-report-ranked-row>div strong,.cashier-report-channel-row>div strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.cashier-report-ranked-row small,.cashier-report-channel-row small{margin-top:2px;color:#8195a3;font-size:9px}.cashier-report-ranked-row>strong,.cashier-report-channel-row>strong{color:#145787;font-size:11px;white-space:nowrap}.cashier-report-ranked-row i,.cashier-report-channel-row i{display:block;height:3px;margin-top:6px;overflow:hidden;border-radius:3px;background:#e7eef2}.cashier-report-ranked-row i b,.cashier-report-channel-row i b{display:block;height:100%;border-radius:inherit;background:#278ac0}.cashier-report-channel-row i b{background:#00a940}.cashier-report-mini-empty{padding:38px 10px;color:#8195a3;text-align:center;font-size:11px}
.cashier-report-orders{margin-bottom:10px}.cashier-report-orders>header label{width:min(310px,42%);display:flex;align-items:center;gap:8px;border:1px solid #c8dde9;border-radius:20px;background:#f8fbfd;padding:0 12px}.cashier-report-orders>header label .control-icon{width:16px;height:16px;color:#6f8ba0}.cashier-report-orders>header input{width:100%;min-width:0;border:0;background:transparent;color:#173b57;padding:9px 0;box-shadow:none;font-size:11px}.cashier-report-orders>header input::placeholder{color:#91a4b2}.cashier-report-orders>div{padding:0 14px 10px}.cashier-report-order{display:grid;grid-template-columns:36px minmax(190px,1fr) minmax(120px,.5fr) auto;align-items:center;gap:12px;padding:12px 3px;border-bottom:1px solid #e8eff3}.cashier-report-order:last-child{border-bottom:0}.cashier-report-order-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#145787;color:#fff;font-size:11px;font-weight:900}.cashier-report-order-main,.cashier-report-order-payment,.cashier-report-order-total{min-width:0}.cashier-report-order-main strong,.cashier-report-order-main small,.cashier-report-order-total strong,.cashier-report-order-total small{display:block}.cashier-report-order-main strong{color:#173b57;font-size:12px}.cashier-report-order-main small{margin-top:2px;overflow:hidden;color:#7d92a1;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.cashier-report-order-payment{display:flex;align-items:center;justify-content:flex-start;gap:8px}.cashier-report-order-payment>small{color:#6d8597;font-size:9px}.cashier-report-order-payment .status{font-size:8px}.cashier-report-order-total{text-align:right}.cashier-report-order-total strong{font-size:12px}.cashier-report-order-total small{margin-top:3px;color:#8195a3;font-size:9px}.cashier-report-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#7b92a3;text-align:center}.cashier-report-empty>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e5f2fa;color:#278ac0}.cashier-report-empty .control-icon{width:24px;height:24px}.cashier-report-empty strong{color:#173b57;font-size:13px}.cashier-report-empty small{font-size:10px}
body.register-mode:has(.cashier-report-page) #main-content{height:100dvh;overflow:hidden}
@media(max-width:1250px){.cashier-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cashier-report-dashboard{grid-template-columns:1fr}.cashier-report-trend{grid-row:auto}.cashier-report-top-items,.cashier-report-channels{min-height:0}}
@media(max-width:900px){body.register-mode:has(.cashier-report-page) #main-content{height:auto;min-height:100dvh;overflow:visible}.cashier-report-page{overflow:visible}.cashier-report-hero{align-items:flex-start;flex-direction:column}.cashier-report-period-control{width:100%;justify-content:space-between}.cashier-report-page+.cashier-dock{position:sticky}.cashier-report-order{grid-template-columns:36px minmax(0,1fr) auto}.cashier-report-order-payment{grid-column:2}.cashier-report-order-total{grid-column:3;grid-row:1/3}.cashier-report-chart>div{min-width:27px}}
@media(max-width:620px){.cashier-report-page{padding:13px 10px 24px}.cashier-report-hero h1{font-size:22px}.cashier-report-period-control{align-items:stretch;flex-direction:column}.cashier-report-period-control>div{display:grid;grid-template-columns:repeat(3,1fr)}.cashier-report-period-control>div button{min-width:0}.cashier-report-period-control label{width:100%}.cashier-report-kpis{grid-template-columns:1fr 1fr;gap:8px}.cashier-report-kpis article{min-height:104px;padding:14px 13px}.cashier-report-kpis strong{font-size:17px}.cashier-report-profit-strip{grid-template-columns:1fr}.cashier-report-profit-strip article{min-height:58px}.cashier-report-panel>header{align-items:flex-start;flex-direction:column}.cashier-report-legend{align-self:flex-start}.cashier-report-trend{min-height:380px}.cashier-report-chart{min-height:270px;padding-inline:10px}.cashier-report-chart>div{grid-template-rows:minmax(195px,1fr) auto}.cashier-report-orders>header label{width:100%}.cashier-report-order{grid-template-columns:32px minmax(0,1fr)}.cashier-report-order-mark{width:30px;height:30px}.cashier-report-order-payment{grid-column:2}.cashier-report-order-total{grid-column:2;grid-row:auto;text-align:left}.cashier-report-top-action{padding:6px 8px}.cashier-report-top-action span{display:none}}