body:not(.login-visible){background:#f0f0f0;color:#20272a;font:14px/1.4 'Segoe UI',Arial,sans-serif}body:not(.login-visible)>aside{display:none}body:not(.login-visible) .app{margin:0}body:not(.login-visible) .app>header{padding:6px 14px;background:#e4e6e6;border:0;min-height:34px;font-size:12px}body:not(.login-visible) main{padding:0 8px 8px;max-width:none}button,input,select,textarea{border-radius:0}button{background:linear-gradient(#fafafa,#dedede);border:1px solid #b8babb;padding:8px 12px}button.primary{background:#148675;color:white;border-color:#148675}button:disabled{opacity:.48;cursor:default}input,select,textarea{border:1px solid #aaa;background:white;color:#20272a;padding:6px 8px;font:inherit;max-width:100%}input[type=checkbox],input[type=radio]{accent-color:#527c87}textarea{resize:vertical;min-height:68px}h1{font-size:21px}h2{font-size:18px}label{font-size:13px}p{color:#374b55}.ribbon-tabs{display:flex;gap:0;background:#e5e8e9;border-bottom:1px solid #aaa;padding-left:60px;overflow:auto}.ribbon-tabs button{border:0;background:transparent;padding:10px 18px;white-space:nowrap}.ribbon-tabs button.active{background:white;border:1px solid #b8bdc1;border-bottom:0}.ribbon-menu{display:flex;gap:0;padding:8px 10px;background:linear-gradient(#fff,#e9eeed);border-bottom:1px solid #b9c0c5;overflow:auto;min-height:99px}.ribbon-menu button{flex:0 0 105px;border:0;border-right:1px solid #d2d8d7;background:transparent;white-space:normal;line-height:1.2;padding:3px 10px;font-size:12px}.ribbon-menu .ri{font-size:30px;display:block;color:#16744f;margin-bottom:7px}.work-tabs{display:flex;gap:2px;background:#c9ccd2;padding:4px 3px 0;overflow:auto}.work-tabs button{background:#e7e8e9;border:1px solid #a1a6ac;border-radius:8px 8px 0 0;padding:6px 12px;white-space:nowrap}.work-tabs button.active{background:linear-gradient(#ffe2a5,#ffc764)}.work-area{padding:16px 12px 0}.work-tools,.bottom-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 0}.work-tools label{display:flex;align-items:center;gap:9px}.bottom-tools{background:#eee;border-top:1px solid #ccc;margin-top:8px}.data-grid{border:1px solid #b4bdc0;overflow:auto;min-height:320px;background:white}.data-grid table{width:100%;border-collapse:collapse;font-size:13px}.data-grid th,.data-grid td{border:1px solid #d4dfe0;padding:7px 6px;white-space:nowrap}.data-grid th{background:#ced9db;color:#20272a;font-weight:600;position:sticky;top:0;z-index:1}.data-grid tbody tr:nth-child(even){background:#edf3f3}.data-grid tbody tr.chosen{background:#507a87;color:white}.data-grid tbody tr[data-row],.data-grid tbody tr[data-student]{cursor:pointer}.data-grid.purple th{background:#cbb6d5}.data-grid input[type=number]{width:130px}.data-grid .money{font-variant-numeric:tabular-nums;text-align:right}.master-split{display:grid;grid-template-columns:300px minmax(0,1fr);gap:12px}.filter-pane{border:1px solid #b3b8bc;padding:10px;background:#f3f3f3}.class-list{background:white;min-height:240px;max-height:420px;overflow:auto;border:1px solid #ccc;margin:9px 0}.class-list button{display:block;width:100%;text-align:left;background:white;border:0;border-bottom:1px solid #eee;padding:9px}.class-list button.chosen{background:#0873be;color:white}.class-list button small{float:right}.flat-panel{border:1px solid #b9b9b9;padding:14px;margin:10px 0;background:#f4f4f4}.modal-top{display:flex;justify-content:space-between;background:#e4e4e4;padding:8px 12px;border-bottom:1px solid #bbb;margin:-20px -20px 12px}.modal-top h2{font-size:16px;margin:0}.modal-top button{padding:0 7px;border:0;background:transparent;font-size:20px}dialog{width:1000px;max-width:97vw;border:1px solid #999;border-radius:0;padding:20px;max-height:94vh;overflow:auto;background:#f1f1f1;color:#222}dialog.wide{width:1400px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-line{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:8px;margin:10px 0}.form-line>label{font-size:14px}.req{color:#c34532}.month-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}.month-line{display:flex;align-items:center;gap:7px}.month-line label{flex:1;display:flex;align-items:center;gap:5px}.month-line input[type=number]{width:125px}.tree{background:white;border:1px solid #ccc;min-height:260px;max-height:400px;overflow:auto;padding:10px}.tree label{display:flex;gap:7px;align-items:center;padding:6px}.tree label.level{font-weight:600;color:#9850a4;margin-left:12px}.tree .leaf{padding-left:35px}.tree small{margin-left:auto}.transfer-grid{display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:12px}.transfer-buttons{display:flex;flex-direction:column;gap:8px;justify-content:center}.transfer-title{text-align:center;color:white;background:#527d87;padding:7px}.transfer-title.destination{background:#9675a6}.count{text-align:center;background:#d8e1e3;padding:6px}.transaction-top{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(230px,0.8fr) 200px;gap:14px;padding:12px 0}.student-info .form-line{grid-template-columns:70px minmax(0,1fr);margin:6px 0}.student-info .field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.student-info input{width:100%;background:#f8f8f8}.cash-display{background:#080c0b;color:#5cdb45;padding:10px;font-size:15px}.cash-display strong{font-size:28px;float:right;color:white}.cash-display .cash-small{display:flex;justify-content:space-between;color:#ddd;border-top:1px solid #888;font-size:12px;padding-top:5px}.legend span{display:block;color:white;font-size:12px;padding:5px;margin:3px}.unpaid{background:#b71f0c!important;color:white}.partial{background:#d922cc!important;color:white}.settled{background:#008000!important;color:white}.overpaid{background:#4388e5!important;color:white}.transaction-grid{display:grid;grid-template-columns:minmax(290px,0.95fr) minmax(0,2fr);gap:10px}.tx-panel{border:1px solid #b5b9bf;background:white;min-width:0}.tx-title{display:flex;gap:8px;align-items:center;background:#c8cbd3;padding:5px 8px;flex-wrap:wrap}.tx-title b{margin-right:auto}.tx-title select{padding:2px;font-size:12px;max-width:150px}.tx-title button{padding:3px 8px}.tx-title.dark{background:#414141;color:#65df3f;font-size:18px}.tx-panel .data-grid{border:0;min-height:205px}.tx-panel .data-grid th{font-size:11px;padding:8px 5px}.tx-panel .bottom-tools{padding:8px;margin:0}.tx-panel .bottom-tools button{font-size:12px;padding:8px}.fee-cell{border:0;background:transparent;width:100%;padding:3px;font-size:12px;color:inherit}.fee-cell.incart{outline:2px solid #111;outline-offset:-2px}.pay-orange{background:#ff9500!important;color:#222;padding:12px 45px!important;border:0;font-size:17px!important}.fee-months{min-width:850px}.report-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:12px}.paper-preview{background:#8f8f8f;border:1px solid #777;padding:14px;overflow:auto}.paper{background:white;color:#111;min-height:510px;padding:35px;min-width:650px;font:13px/1.5 Arial,sans-serif}.paper .letterhead{display:flex;align-items:center;gap:20px;border-bottom:1px solid;padding-bottom:15px;margin-bottom:20px}.paper .letterhead img{width:80px;height:80px;object-fit:contain}.paper h2{text-align:center;font-size:16px}.paper table th,.paper table td{white-space:normal;padding:6px 4px;border:0;border-bottom:1px dashed #555;color:#111;background:white}.paper .signature{display:flex;justify-content:space-around;margin-top:10px}.paper .signature>div{text-align:center;min-height:85px;display:flex;flex-direction:column;justify-content:space-between}.preview-toolbar{display:flex;gap:5px;align-items:center;flex-wrap:wrap;padding:6px;background:#eee}.shortcut{color:#cc4136}.history-total{display:flex;justify-content:space-between;padding:12px;border-top:1px solid #bbb;font-weight:600}.tip{font-size:12px;color:#54707d;margin:10px 0}.pay-confirm{max-width:620px}.pay-confirm .form-line{grid-template-columns:180px 1fr}.pay-confirm .flat-panel{background:white}.pay-confirm .pay-options button{display:block;width:100%;margin:6px 0}.warning{color:#985517;background:#fff2d5;padding:8px}.status-footer{padding:5px 12px;border-top:1px solid #bbb;font-size:11px;color:#526167;display:flex;justify-content:space-between}#error{margin:5px 0;color:#b31f16}body.modal-print .app,body.modal-print #toast{display:none!important}@media(max-width:950px){.master-split,.report-layout{grid-template-columns:1fr}.transaction-top{grid-template-columns:1fr 1fr}.student-info{grid-column:1/-1}.transaction-grid{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.ribbon-tabs{padding-left:0}.work-area{padding:10px 2px}.transfer-grid{grid-template-columns:1fr}.transfer-buttons{flex-direction:row}.form-line{grid-template-columns:115px minmax(0,1fr)}.data-grid{min-height:220px}}@media(max-width:500px){.transaction-top,.month-grid{grid-template-columns:1fr}.student-info .field-pair{grid-template-columns:1fr}.month-line input[type=number]{width:120px}.ribbon-menu button{flex-basis:85px}.work-tools label{flex-wrap:wrap}.paper-preview{padding:5px}.form-line{grid-template-columns:1fr}.transfer-grid .work-tools label{display:block}}@media print{body:not(.login-visible) main{padding:0}.ribbon-tabs,.ribbon-menu,.work-tabs,.status-footer,.bottom-tools,.work-tools,.preview-toolbar,.filter-pane,.modal-top,.actions,.tip{display:none!important}body.modal-print dialog{display:block!important;position:static;max-width:none;width:100%;max-height:none;overflow:visible;border:0;padding:0}body.modal-print dialog::backdrop{display:none}.report-layout{display:block}.paper-preview{padding:0;border:0;background:white;overflow:visible}.paper{min-width:0;min-height:0;padding:10mm}.data-grid{overflow:visible}.paper .letterhead{break-inside:avoid}body.modal-print .print-hide{display:none!important}body.modal-print #error{display:none}.receipt-paper{width:100%;max-width:215.9mm;min-height:139.7mm}.report-paper{width:100%}}
.paper.receipt-paper{min-height:0;max-width:1020px}.login-visible #revision-shell,.login-visible #status-footer{display:none}.tx-panel .bottom-tools{min-height:55px}.month-line input:read-only{background:#eee}