:root{color:#142341;background:#f7faff;font-family:Arial,sans-serif}aside{background:linear-gradient(155deg,#102031,#182b40);width:204px;padding:24px 12px}.brand{font-weight:500;font-size:25px;color:#1591ff;letter-spacing:-.8px}.brand span{color:#cad4e2}aside small{font-size:9px;color:#8ca5bd;letter-spacing:1px}nav div{font-size:12px;color:#ecf2fa;padding:13px 10px}nav .active{background:#007bff;color:white;box-shadow:0 5px 20px #007bff2b}main{margin-left:204px;max-width:1900px;padding:0 24px 30px}.top{height:50px;border:0}.heading{margin:12px 0 20px}h1{color:#081637;font-size:28px}.primary{background:#087aff;border-color:#087aff}.primary:hover{background:#0066df}button{border-radius:5px;border-color:#dce6f4;color:#263d65}button:hover{border-color:#1688ff}.notice{background:#f0f6ff;border-color:#d8e7ff;color:#426488;font-size:11px}.filters{margin:14px 0}.filters select{margin:5px 0 0;border-color:#dce6f4}.filterbar{display:flex;align-items:end;gap:14px;border:1px solid #e0e9f5;background:#fff;padding:16px;border-radius:7px}.filterbar label{flex:1;font-size:11px}.filterbar label.search{flex:2}.filterbar select,.filterbar input{margin-top:7px;border-color:#dce6f4;font-size:12px}.cards{gap:12px;margin:18px 0}.card{border-color:#e0e9f5;border-radius:7px;padding:18px 16px;background:white}.card b{font-size:27px;margin:12px 0}.card small{font-size:11px}.red{color:#ef253d}.green{color:#008855}.payable{background:linear-gradient(120deg,#f5faff,#e7f2ff);border-color:#cfe3ff;color:#0b1b45}.payable b{font-size:28px}.panel{border-color:#e0e9f5;border-radius:7px;margin:20px 0}.flow{display:none}.tabs{padding:0 18px;gap:25px;flex-wrap:wrap}.tabs button{font-size:12px;padding:17px 0}.tabs .on{color:#007aff;border-color:#007aff;font-weight:bold}.content{padding:18px}.toolbar{margin:0 0 18px}.toolbar p{font-size:11px}h2{font-size:16px}.pill{border-radius:20px;font-size:10px}.pill.green{background:#dbf7e9}.pill.blue{color:#0351db;background:#e5efff}.pill.red{background:#ffecef}.pill.amber{background:#fff7d7}.tablewrap{border:1px solid #e1e9f4;border-radius:5px}th{background:#f5f8fd;color:#4c6284;font-size:11px;padding:13px 10px;border-right:1px solid #e4ebf5}td{font-size:11px;padding:13px 10px;border-right:1px solid #edf1f8;border-color:#e7edf6}tr:hover{background:#f7fbff}td p{font-size:10px!important}.totals{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;background:white;border:1px solid #e0e9f5;border-radius:7px}.totals span{font-size:11px;border-left:1px solid #e0e8f4;padding-left:20px}.totals strong{display:block;font-size:21px;margin-top:10px}.totals .payTotal{background:#e8f3ff;border:0;padding:15px 23px;border-radius:6px}.summaryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.summaryGrid .card b{font-size:16px}.summaryGrid strong{font-size:26px}.callout{background:#f1f7ff;border-color:#d9e9ff;color:#44648a}.values b{font-size:16px}.values div{background:#f3f8ff}.footnote{color:#687c9c;font-size:10px}.settings .card{font-size:12px}.settings .card b{font-size:17px}#toast{background:#143b66}@media(min-width:1500px){main{padding:0 30px 35px}.card b{font-size:30px}}@media(max-width:1000px){.filterbar{flex-wrap:wrap}.filterbar label{min-width:130px}.totals{flex-wrap:wrap}.summaryGrid{grid-template-columns:1fr}}@media(max-width:800px){aside{display:none}main{margin:0;padding:0 12px}.cards{grid-template-columns:repeat(2,1fr)}.totals span{padding-left:12px}.totals strong{font-size:18px}.tabs{gap:16px}.heading{flex-wrap:wrap}h1{font-size:25px}}