*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f3f6fa;color:#1c2a3a}aside{position:fixed;width:235px;height:100vh;background:#0c2038;padding:26px 18px;color:#fff}aside h2{font-size:26px;margin:0 0 28px}aside h2 span{color:#6fb7ff}aside a{display:block;color:#d9e6f4;text-decoration:none;padding:12px;border-radius:7px;margin:4px 0}aside a:hover{background:#183c61}main{margin-left:235px}main>header{height:64px;background:#fff;border-bottom:1px solid #dfe7ef;display:flex;justify-content:space-between;align-items:center;padding:0 30px}.content{padding:30px;max-width:1500px}h1{margin-top:0}.muted{color:#687789}.card{background:#fff;border:1px solid #e0e7ef;border-radius:12px;padding:22px;margin:18px 0;box-shadow:0 3px 12px #1020300a}.grid3,.grid2{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{grid-template-columns:repeat(2,1fr)}.kpi{background:#fff;border-radius:12px;padding:24px;border:1px solid #e0e7ef}.kpi strong{display:block;font-size:32px;margin-top:8px;color:#123d68}.row,.formgrid{display:flex;gap:12px;align-items:end}.formgrid{display:grid;grid-template-columns:2fr 1fr 2fr auto}label{font-size:13px;font-weight:600}input,select{width:100%;padding:10px 12px;border:1px solid #cbd6e2;border-radius:7px;background:#fff;margin-top:5px}button,.reportbtn{background:#123d68;color:#fff;border:0;border-radius:7px;padding:11px 18px;cursor:pointer;text-decoration:none}.reportbtn{font-size:18px;padding:28px}.reportbtn small{display:block;opacity:.75;margin-top:8px}table{width:100%;border-collapse:collapse;font-size:13px}th{background:#edf3f8;text-align:left}th,td{padding:9px 10px;border-bottom:1px solid #e5ebf1}.num{text-align:right}.money{min-width:120px;text-align:right}.badge{font-size:10px;text-transform:uppercase;background:#e8eef5;padding:4px 7px;border-radius:10px}.notice,.warning,.error{padding:12px;border-radius:7px;background:#e9f6ef;margin:15px 0}.warning{background:#fff5dc}.error{background:#ffe9e9}.login{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0c2038}.loginbox{width:390px}.loginbox input,.loginbox button{margin:7px 0}.loginbox button{width:100%}.statement{background:#e8edf2}.sheet{background:#fff;width:210mm;min-height:297mm;margin:20px auto;padding:20mm;box-shadow:0 5px 30px #0002}.statement-head{display:flex;justify-content:space-between;border-bottom:3px solid #123d68;padding-bottom:12px}.statement h1{font-size:20px;margin:0}.statement h2{text-align:center;margin:28px 0 4px}.statement h2+p{text-align:center;color:#687789}.statement table{margin-top:25px}.statement .section td{background:#eef3f8;font-weight:bold;text-transform:uppercase}.statement .total td{font-weight:bold;border-top:1px solid #34495e}.signatures{display:flex;justify-content:space-around;margin-top:70px}.signatures span{width:25%;border-top:1px solid #444;text-align:center;padding-top:7px}.statement footer{text-align:center;color:#8492a0;font-size:10px;margin-top:60px}@media print{.no-print{display:none}.statement{background:#fff}.sheet{margin:0;box-shadow:none;width:auto;min-height:auto;padding:8mm}}