:root{--bg:#101826;--panel:#192437;--line:#33445e;--text:#f1f5fc;--muted:#b1c2da;--blue:#51b4ff;--cyan:#46dfca;--amber:#ffd075;--red:#ff9393}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px system-ui,Segoe UI,Arial}main{max-width:1800px;margin:auto;padding:28px}h1{font-size:30px;margin:3px 0 8px}h2{font-size:20px;margin:0 0 15px}h3{font-size:16px}p{line-height:1.5}button,select,input{font:inherit;color:inherit}button{background:#233651;border:1px solid #526783;border-radius:7px;padding:9px 13px;cursor:pointer}button:hover{background:#345476}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}button.primary{background:#1369b0;border-color:#51b4ff;font-weight:700}select,input{background:#101c2c;border:1px solid #50637e;border-radius:6px;padding:9px;width:100%}label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}small,.muted{color:var(--muted)}.top{display:flex;justify-content:space-between;gap:20px;align-items:center}.actions{display:flex;gap:8px;flex-wrap:wrap}.eyebrow{color:var(--cyan);font-weight:650;letter-spacing:1px;font-size:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;margin:18px 0}.filters{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.months{display:flex;gap:8px;min-height:39px;flex-wrap:wrap;align-items:center}.months label{margin:0;color:var(--text);font-size:14px}.months input{width:auto}.filter-actions{display:flex;gap:10px;align-items:center;margin-top:15px;flex-wrap:wrap}.tabs{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.tabs button{padding:12px 20px}.tabs button.active{background:#237dba;color:white;border-color:var(--blue)}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:20px 0}.card{background:var(--panel);text-align:left;border:1px solid var(--line);border-radius:10px;padding:18px;min-height:125px}.card strong{font-size:24px;display:block;margin:10px 0;white-space:nowrap}.card small{line-height:1.4;display:block}.card.blue{border-top:3px solid var(--blue)}.card.cyan{border-top:3px solid var(--cyan)}.card.red{border-top:3px solid var(--red)}.card.amber{border-top:3px solid var(--amber)}.notice{border-left:3px solid var(--amber);background:#2c2c30;padding:12px 16px;border-radius:5px;line-height:1.5;margin:12px 0}.info{border-left-color:var(--blue);background:#182f45}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.scroll{overflow:auto;max-height:550px;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}th{background:#253750;color:white;position:sticky;top:0;z-index:1;font-weight:650}th:first-child,td:first-child{text-align:left}tr:nth-child(even){background:#1d2a3e}tfoot td{background:#283d56;font-weight:700}td button.cell{border:0;background:transparent;padding:0;color:var(--text);text-decoration:underline;text-decoration-color:#729cc2;text-underline-offset:4px;min-height:26px}td button.cell:hover{color:var(--cyan)}td.num{font-variant-numeric:tabular-nums}.tablehead{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.tablehead select{width:auto;max-width:300px}.badge{font-size:12px;padding:4px 8px;border-radius:5px;background:#294764;display:inline-block}.badge.red{background:#612e3b;color:#ffcece}.badge.green{background:#205049;color:#bcffeb}.pager{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:12px}.hidden{display:none!important}.chartrow{display:grid;grid-template-columns:95px 1fr 125px;gap:12px;align-items:center;margin:13px 0}.bar{height:11px;border-radius:4px;min-width:1px}.legend{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;margin-bottom:15px}.legend span:before{content:'';display:inline-block;width:9px;height:9px;background:var(--blue);margin-right:6px}.legend .paid:before{background:var(--cyan)}.legend .due:before{background:var(--amber)}.splitbars{display:grid;gap:5px}.keyvals{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;line-height:1.5}.keyvals b{display:block;margin-top:5px}.reconcile{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:12px}dialog{background:var(--bg);color:var(--text);border:1px solid #617b9f;border-radius:12px;width:min(1450px,96vw);max-height:92vh;padding:22px}dialog::backdrop{background:#000a}.dialogtop{display:flex;align-items:center;justify-content:space-between;gap:20px}.close{font-size:18px;min-width:45px}.detailtext{color:var(--muted);font-size:13px}.detailtext li{margin:6px 0}footer{padding:20px 0;color:var(--muted);font-size:12px;line-height:1.6}.nowrap{white-space:nowrap}#detailTable td:nth-child(2){white-space:normal;min-width:200px;text-align:left}#detailTable td:nth-child(3){text-align:left}#count{margin-left:auto}details{margin-top:15px}summary{cursor:pointer;padding:8px;color:var(--blue)}@media(max-width:1440px){.cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}}@media(max-width:600px){main{padding:14px}.cards,.filters,.keyvals{grid-template-columns:1fr}.card strong{font-size:25px}h1{font-size:24px}.chartrow{grid-template-columns:70px 1fr 100px}.panel{padding:14px}}
#arcards{grid-template-columns:repeat(4,1fr)}@media(max-width:1100px){#arcards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){#arcards{grid-template-columns:1fr}}