.cashier-page{display:grid;gap:18px;min-width:0}.cashier-page .page-head{margin-bottom:0}.cashier-panel{min-width:0;background:#fff;border:1px solid #dfe6f0;border-radius:14px;overflow:hidden}.cashier-section-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 20px}.cashier-section-head h4{margin:0;color:#163a5f;font-size:16px}.cashier-section-head>span{color:#516686;font-size:12px}.cashier-section-head>button{margin-left:auto}.cashier-filter-panel{padding:18px 20px}.cashier-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.cashier-filters label{min-width:140px;flex:1}.cashier-filters label:has(input[name="contract"]){min-width:200px}.cashier-filters #cashier-period-fields{display:flex;gap:10px;flex-wrap:wrap}.cashier-filters input,.cashier-filters select{min-height:38px}.cashier-stats{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;border-top:1px solid #dfe6f0}.cashier-stats>div{padding:20px;border-right:1px solid #dfe6f0}.cashier-stats>div:last-child{border-right:0}.cashier-stats span{display:block;font-size:12px;color:#516686}.cashier-stats strong{display:block;margin-top:10px;font-size:22px;font-variant-numeric:tabular-nums;color:#123655;overflow-wrap:anywhere}.cashier-stats>div:first-child strong{color:#087a55}.cashier-stats small{font-size:12px;font-weight:500}.cashier-footnote{margin:0;padding:13px 20px;color:#516686;background:#f5f8fc;border-top:1px solid #dfe6f0;font-size:12px;line-height:1.7}.cashier-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.cashier-scroll:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}.cashier-payee-scroll{max-height:300px}.cashier-record-scroll{max-height:570px}.cashier-allocation-scroll{max-height:280px;border:1px solid #dfe6f0;border-radius:8px}.cashier-page table,.cashier-dialog table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.cashier-page th,.cashier-dialog th{position:sticky;top:0;z-index:1;background:#f3f7fc;color:#4a607e;font-size:12px;font-weight:650;white-space:nowrap}.cashier-page th,.cashier-page td,.cashier-dialog th,.cashier-dialog td{padding:14px 16px;border-bottom:1px solid #dfe6f0;vertical-align:middle}.cashier-page tbody tr:last-child>td{border-bottom:0}.cashier-page td{color:#163a5f}.cashier-page small,.cashier-dialog td small{display:block;margin-top:5px;color:#526987;font-size:11px}.cashier-page .numeric,.cashier-dialog .numeric{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.cashier-record-scroll>table{min-width:1050px}.cashier-payee-scroll>table{min-width:560px}.cashier-allocation-scroll>table{min-width:500px}.cashier-row-label{display:flex;align-items:center;gap:10px;min-width:190px}.cashier-row-label .expand-toggle{flex:none}.cashier-row-actions{display:flex;gap:6px;white-space:nowrap}.cashier-row-actions button{padding:7px 10px;font-size:12px}.cashier-detail>td{background:#f5f8fc;padding:16px 20px}.cashier-detail p{margin:0 0 12px;color:#526987;line-height:1.7;font-size:12px}.cashier-detail p:last-child{margin:12px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.cashier-contract-table{background:#fff}.cashier-contract-table th{position:static}.cashier-pagination{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#526987;font-size:12px;border-top:1px solid #dfe6f0}.cashier-pagination>div{display:flex;gap:8px}.cashier-empty{padding:32px 20px!important;text-align:center;color:#526987!important;line-height:1.8}.cashier-error{margin:8px 0 0;font-size:13px;color:#b42318;line-height:1.6}.cashier-error:empty{display:none}.cashier-dialog{width:min(920px,calc(100vw - 32px));max-height:92vh;padding:0;border:0;border-radius:14px;background:#fff;color:#172033}.cashier-dialog::backdrop{background:rgba(16,36,59,.5)}.cashier-dialog>form{display:flex;flex-direction:column;max-height:92vh}.cashier-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid #dfe6f0}.cashier-dialog h3{margin:0;font-size:20px}.cashier-dialog-body{overflow:auto;min-height:0;padding:22px 24px;overscroll-behavior:contain}.cashier-dialog footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #dfe6f0;background:#fff}.cashier-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cashier-entry-grid .full{grid-column:1/-1}.cashier-entry-help{color:#4a607e;font-size:12px;line-height:1.75;margin:14px 0 0}.cashier-dialog input::placeholder,.cashier-dialog textarea::placeholder,.cashier-filters input::placeholder{color:#66758a;opacity:1}.cashier-dialog input:disabled,.cashier-dialog select:disabled{background:#f5f8fc;color:#4a607e}.cashier-preview{margin-top:20px;padding-top:18px;border-top:1px solid #dfe6f0}.cashier-preview h4{margin:0;color:#163a5f}.cashier-preview>p{line-height:1.8;font-size:13px}.cashier-page button:disabled,.cashier-dialog button:disabled{opacity:.5;cursor:default}.cashier-page .primary,.cashier-dialog .primary{box-shadow:none}
.cashier-filters>label{flex:0 1 180px}.cashier-page .cashier-stats small{display:inline;margin:0;color:#526987}
@media(max-width:1200px){.cashier-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.cashier-stats>div{border-bottom:1px solid #dfe6f0}.cashier-stats>div:nth-child(3){border-right:0}.cashier-stats strong{font-size:20px}.cashier-filters label{min-width:150px}}
@media(max-width:700px){.cashier-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cashier-stats>div{padding:15px}.cashier-stats>div:nth-child(3){border-right:1px solid #dfe6f0}.cashier-stats>div:nth-child(even){border-right:0}.cashier-stats strong{font-size:18px}.cashier-entry-grid{grid-template-columns:1fr}.cashier-dialog header,.cashier-dialog-body,.cashier-dialog footer{padding:16px}.cashier-pagination{flex-wrap:wrap}.cashier-filter-panel{padding:16px}.cashier-section-head{padding:16px}}

.cashier-close-mid{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #dfe6f0;border-radius:8px;background:#f5f8fc}.cashier-close-mid[hidden]{display:none}.cashier-close-mid input[type="checkbox"]{width:18px;height:18px;min-height:18px;margin:2px 0;flex:none}.cashier-close-mid small{display:block;margin-top:5px;color:#4a607e;line-height:1.6;font-weight:400}