*{box-sizing:border-box}body{margin:0;background:#edf3fb;color:#172e4b;font:16px/1.5 system-ui,sans-serif}main{max-width:1080px;margin:auto;background:#fff;min-height:100vh;padding:32px}h1{margin:0;font-size:32px}h2{font-size:24px}p{margin:8px 0 18px}button{cursor:pointer;border:0;background:#245795;color:#fff;border-radius:7px;padding:12px 18px;font:inherit}button:hover{background:#183f70}button:disabled{opacity:.5}input,select,textarea{display:block;width:100%;padding:11px;margin:6px 0 16px;border:1px solid #aebdcc;border-radius:6px;font:inherit}label{display:block}form{max-width:520px}.bar{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.warn{padding:14px 18px;background:#fff4dc;border-radius:10px;margin:20px 0}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tiles button{text-align:left;min-height:110px;color:#183451;background:#e9f1ff;border:1px solid #cfddf0}.tiles button:nth-child(3n+2){background:#e6f5eb}.tiles button:nth-child(3n){background:#fff1da}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px}.metric,.record{border:1px solid #dfe6ef;border-radius:10px;padding:18px;margin:14px 0}.metric strong{display:block;font-size:28px}.muted{color:#536980}#notice{padding:12px;background:#eaf4ec;border-radius:6px;margin:15px 0}.receipt{max-width:100%;max-height:300px}footer{margin-top:30px;border-top:1px solid #ddd;padding-top:18px;color:#536980}table{width:100%;border-collapse:collapse}td,th{padding:10px;text-align:left;border-bottom:1px solid #ddd}@media(max-width:650px){main{padding:20px}.tiles{grid-template-columns:1fr 1fr}.tiles button{font-size:14px;padding:12px}h1{font-size:26px}.metrics{grid-template-columns:1fr}table{font-size:13px}}@media print{button,.bar,.warn,form{display:none}body{background:#fff}main{padding:0;background:#fff;min-height:0}tr,.metric,.record{break-inside:avoid}}table,td,th{border:1px solid #aebdcc}th{background:#245795;color:#fff}