:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#12263f;background:#f3f6fb}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:#0a6e71}button,input,select{font:inherit}button{cursor:pointer}header{background:#122741;color:white;padding:16px max(18px,calc((100% - 1000px)/2));display:flex;align-items:center;justify-content:space-between;gap:10px}header strong{display:block;font-size:1.12rem;letter-spacing:.02em}header small{color:#c4d6e7}header a{color:white;text-decoration:none;font-size:.9rem}main{max-width:1000px;padding:22px 17px 84px;margin:auto}.h{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.h h1{margin:0;font-size:1.52rem}.h p{margin:6px 0;color:#52677b}.panel{background:#fff;border-radius:16px;box-shadow:0 3px 18px #112b4912;border:1px solid #dfe8f0;padding:20px;margin-top:17px}.panel h2{font-size:1.11rem;margin:0 0 15px}.panel h3{font-size:1rem;margin:0 0 13px}.muted{color:#607285;font-size:.87rem}.label{font-size:.82rem;color:#52677b;margin-bottom:6px;display:block;font-weight:650}input,select{width:100%;padding:12px 13px;background:#fff;border:1px solid #cbd6e1;border-radius:10px;color:#182f47}input:focus,select:focus{outline:2px solid #23b7a8;outline-offset:1px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{margin-bottom:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;min-height:42px;border:0;border-radius:10px;font-weight:750;background:#086f73;color:#fff}.button.secondary{background:#e8f1f6;color:#133952}.button.outline{background:#fff;color:#0a6670;border:1px solid #8cb7bd}.button.danger{background:#a13b38}.button:disabled{cursor:not-allowed;opacity:.5}.buttonrow{display:flex;flex-wrap:wrap;gap:10px}.pill{display:inline-block;background:#e2f7ef;color:#137452;font-size:.78rem;padding:5px 10px;border-radius:20px;font-weight:700}.pill.gray{background:#e8edf3;color:#486077}.pill.orange{background:#fff1d8;color:#946206}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{background:#f1f7fa;border-radius:12px;padding:15px}.metric small{display:block;color:#60758a;margin-bottom:8px}.metric strong{font-size:1.3rem;white-space:nowrap}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.scroll{overflow:auto}.scroll table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{padding:11px 10px;border-bottom:1px solid #e7edf1;text-align:left;white-space:nowrap}th{font-weight:800;color:#526579;background:#f3f7f9}td.num,th.num{text-align:right}tr:last-child td{border-bottom:0}.ok{color:#15835e;font-weight:750}.pending{color:#ad6d12;font-weight:700}.bad{color:#bd4651;font-weight:700}.small{font-size:.8rem}.notice{border-left:4px solid #f0b454;padding:12px 14px;background:#fff8e9;border-radius:7px;font-size:.88rem;color:#6c5526}.notice.good{background:#eaf7ee;border-color:#39a777;color:#146343}.notice.error{background:#fff0f0;border-color:#ca4d5e;color:#92313c}.hide{display:none!important}.drawBox{text-align:center;border:2px dashed #88b2b7;border-radius:16px;padding:26px 15px;background:#f2fbfa}.drawName{font-size:clamp(1.5rem,5vw,3rem);font-weight:900;letter-spacing:.025em;min-height:70px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere}.reveal{color:#087d68}.money{font-variant-numeric:tabular-nums}footer{text-align:center;font-size:.8rem;color:#677a8e;padding:20px}.link{display:inline-block;color:#0a6e71;word-break:break-word}.help{margin-top:11px;color:#60758a;font-size:.86rem}#message{margin-top:15px}.lightmode{color:#cfe7e1;font-size:.77rem;margin-top:5px} @media(max-width:710px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.two,.form-grid{grid-template-columns:1fr}.metric strong{font-size:1.1rem}header{padding:14px 16px}.panel{padding:17px}.h h1{font-size:1.35rem}main{padding:16px 12px 70px}}

.training{border:2px dashed #df9b42;background:#fff9eb}.training .drawName{color:#965d0b}.mini-nav{background:#eff6f6;padding:9px 12px;border-radius:12px}.pill.trainingTag{background:#ffecb8;color:#83510d;font-weight:900}
.auditBox{padding:4px 0}.auditHead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}.auditGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.auditCell{padding:12px;border:1px solid #dde8eb;background:#f7fafb;border-radius:11px}.auditCell span{font-size:.83rem;color:#567081;display:block}.auditCell b{font-size:1.04rem;color:#193744}.auditWarn{margin-top:12px;padding:12px;border:1px solid #e5ba7c;background:#fff6e8;border-radius:10px;color:#855414}.auditInfo{margin-top:12px;color:#5c7183;font-size:.86rem;overflow-wrap:anywhere}.auditOkay{color:#176d46;background:#e7f7ed;padding:5px 10px;border-radius:30px;font-weight:800;font-size:.83rem}.auditDiff{color:#9d3b20;background:#fff0e6;padding:5px 10px;border-radius:30px;font-weight:800;font-size:.83rem}@media(max-width:480px){.auditGrid{grid-template-columns:1fr}}

/* V1.5 mobile compact */
.financeGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.finCard{border-radius:11px;padding:12px;background:#f0f8fa;border:1px solid #dae9ed}.finCard small{display:block;font-size:.73rem;color:#567184}.finCard b{display:block;margin-top:5px;font-size:1.1rem;word-break:break-word}.finForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.finForm label{font-size:.8rem;color:#486376;font-weight:650}.finForm input,.finForm textarea,.finForm select{margin-top:5px;width:100%}.finForm .full{grid-column:1/-1}.finTiny{font-size:.77rem;color:#647788}.finHistory{max-height:300px;overflow:auto}.finStatus{font-size:.84rem;border-radius:9px;padding:9px 11px;background:#eff8f5;color:#0c6652;margin:10px 0}.finStatus.warn{background:#fff3df;color:#855310}.finVoid{text-decoration:line-through;opacity:.57}.finLabel{font-size:.77rem;color:#59738a}.finNav{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:640px){main{padding:9px 8px 65px}.panel{padding:12px;margin-top:10px;border-radius:12px}.panel h2{font-size:1rem;margin-bottom:10px}header{padding:10px 13px}header strong{font-size:.95rem}header small{font-size:.65rem}.h{gap:8px}.h h1{font-size:1.12rem}.h p{font-size:.76rem;margin:2px 0}.metrics{gap:7px}.metric{padding:10px 8px}.metric small{font-size:.68rem;margin-bottom:4px}.metric strong{font-size:.94rem}.buttonrow{gap:6px}.button{padding:8px 9px;min-height:38px;font-size:.79rem}.financeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.finCard{padding:9px}.finCard b{font-size:.96rem}.finForm{grid-template-columns:1fr;gap:8px}.finForm .full{grid-column:auto}.drawBox{padding:13px 8px}.drawName{min-height:42px;font-size:1.35rem}.auditGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.auditCell{padding:7px}.auditCell span{font-size:.7rem}.auditCell b{font-size:.88rem}input,select,textarea{padding:9px 10px}.notice{padding:9px;font-size:.8rem}#bookFrame{min-height:76vh!important}th,td{padding:7px 8px;font-size:.76rem}}