:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#142b3e;background:#f4f7fa;font-synthesis:none;--teal:#087f83;--line:#dce5ec;--muted:#62778c}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;font-size:14px}button{border:1px solid var(--teal);border-radius:5px;background:var(--teal);color:#fff;font-weight:600;padding:12px 18px;cursor:pointer;transition:background .12s}button:hover{filter:brightness(.94)}button:disabled{opacity:.45;cursor:default}button.outline{color:var(--teal);background:#fff}button.link{background:transparent;color:var(--teal);border:0;padding:8px}input,select,textarea{display:block;background:#fff;border:1px solid #cddae4;color:#142b3e;border-radius:4px;padding:11px 12px;width:100%;min-width:0}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid #76d0d1;outline-offset:2px}label{font-size:13px;display:grid;gap:7px}h1{font-size:48px;letter-spacing:-1px;margin:0 0 5px;line-height:1.15;color:#0b1b2b}h2{font-size:21px;margin:0 0 9px;letter-spacing:-.3px}p{color:var(--muted);margin:0 0 18px;line-height:1.5}.layout{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}aside{background:#102f40;color:#fff;padding:24px 12px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:36px;font-weight:750;letter-spacing:-.7px}aside .brand,aside>p{margin-left:16px}aside>p{font-size:13px;color:#d0dee6;margin-top:4px}nav{display:grid;gap:7px;margin-top:28px}nav button{background:transparent;text-align:left;border:0;padding:14px 18px;font-size:18px;font-weight:450}nav button.active{background:var(--teal);font-weight:650}.account{margin-top:auto;padding:20px 12px 0;display:grid;gap:12px;font-size:13px}.account button{background:transparent;text-align:left;border-color:#426174;font-size:12px;padding:8px}main{min-width:0;padding:24px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}header p{margin:0;font-size:18px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filters{padding:18px;background:#eaf0f5;border:1px solid var(--line);border-radius:6px;margin-bottom:18px}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:16px}.filter-bottom{display:flex;gap:14px;margin-top:15px}.filter-bottom input{flex:1}.filter-bottom button{white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.metrics>div{background:#fff;padding:19px;border:1px solid var(--line);border-radius:6px}.metrics span{color:var(--muted);font-size:14px;font-weight:600;display:block;margin-bottom:9px}.metrics strong{font-size:29px;letter-spacing:-.6px;white-space:nowrap}.surface{background:#fff;border:1px solid var(--line);border-radius:6px;padding:16px;margin-bottom:20px;min-width:0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;font-size:14px;font-weight:650;background:#f4f7fa;color:#20354d;white-space:nowrap;padding:13px 10px}td{padding:8px 10px;border-bottom:1px solid #e5ebf0;vertical-align:middle}td small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.amount{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}td.actions{display:table-cell}td.actions button{margin:3px}.badge{display:inline-block;font-size:13px;padding:5px 9px;border-radius:4px;white-space:nowrap}.good{background:#ddf2e9;color:#09664b}.warn{background:#fff0d8;color:#955209}footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;gap:15px;color:var(--muted);font-size:13px}footer button{padding:8px 12px}.empty{text-align:center;color:var(--muted);padding:42px 20px;line-height:1.6}.sync{padding:20px}.sync p{font-size:13px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}form.surface label,form.modal label{margin-bottom:14px}.error,.notice{padding:13px 16px;border-radius:5px;margin-bottom:16px;overflow-wrap:anywhere}.error{color:#922a34;background:#ffedf0}.notice{color:#09664b;background:#ddf2e9}.danger{color:#a4333b!important}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#102b3b88;display:flex;align-items:center;justify-content:center;padding:20px;z-index:5}.modal{background:#fff;border-radius:10px;padding:28px;width:min(850px,100%);max-height:90vh;overflow:auto;box-shadow:0 20px 80px #102b3b33}.modal header{margin-bottom:16px}.modal textarea{height:85px;margin:20px 0;overflow-wrap:anywhere}.modal>small{display:block;margin-top:20px;color:var(--muted)}dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;background:#f4f7fa;border-radius:5px}dt{color:var(--muted);font-size:13px}dd{margin:0;text-align:right;overflow-wrap:anywhere}.login{min-height:100vh;display:grid;place-items:center;background:#102f40;padding:20px}.login form{width:min(420px,100%);background:#fff;padding:36px;border-radius:10px}.login .brand{color:var(--teal);margin-bottom:25px}.login h1{font-size:27px}.login label{margin:18px 0}.login button{width:100%}.login>p{color:#fff}@media(max-width:1050px){.metrics strong{font-size:24px}.filter-grid{grid-template-columns:repeat(3,1fr)}.layout{grid-template-columns:180px minmax(0,1fr)}aside .brand{font-size:28px}main{padding:18px}header{align-items:flex-start;flex-wrap:wrap}}@media(max-width:650px){.layout{display:block}aside{height:auto;position:static;padding:16px}aside .brand,aside>p{margin-left:0}.brand{font-size:25px}aside>p{margin-bottom:8px}nav{display:flex;overflow:auto;margin-top:5px;gap:3px}nav button{font-size:14px;padding:10px 14px;white-space:nowrap}.account{padding:8px 0 0;display:flex;justify-content:space-between;align-items:center}main{padding:16px}h1{font-size:30px}header{margin-bottom:18px}header p{font-size:14px}.actions button{padding:10px 12px}.filter-grid{grid-template-columns:1fr 1fr;gap:12px}.filter-bottom{flex-wrap:wrap}.filter-bottom input{flex-basis:100%}.metrics{gap:8px;grid-template-columns:1fr}.metrics>div{padding:13px 16px;display:flex;justify-content:space-between;align-items:center}.metrics span{margin:0}.metrics strong{font-size:24px}.surface{padding:12px}.two-col{grid-template-columns:1fr;gap:0}.modal{padding:18px}.modal-backdrop{padding:10px}footer{flex-wrap:wrap}td,th{padding:11px 8px}.sync{padding:16px}.sync table{min-width:480px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(min-width:1051px){main>header{margin-bottom:8px}.records{padding:4px}.records footer{padding:12px}.records .link{padding:4px}.records td{padding:7px 14px}.records th{padding:12px 14px}}.records td:first-child{white-space:nowrap}.records th:nth-last-child(2){text-align:right}@media(max-width:650px){nav{flex-wrap:wrap;overflow:visible}.records table{min-width:850px}}.layout{display:block;min-height:100vh}.topbar{background:#102f40;color:#fff;margin:0;padding:16px 24px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}.topbar .brand{font-size:26px;letter-spacing:-.5px;white-space:nowrap}.topbar .brand-group p{font-size:12px;color:#d0dee6;margin:3px 0 0}.topbar nav{display:flex;gap:5px;margin:0;flex:1;flex-wrap:wrap}.topbar nav button{font-size:15px;padding:11px 16px;white-space:nowrap}.topbar .account{margin:0;padding:0;display:flex;align-items:center;gap:12px}.topbar .account button{white-space:nowrap}.sort-button{color:inherit;background:transparent;border:0;border-radius:4px;padding:7px 0;font:inherit;display:inline-flex;align-items:center;gap:9px;white-space:nowrap;text-align:inherit}.sort-button span{color:#72899a;font-size:15px}.sort-button:hover{color:var(--teal);filter:none}th[aria-sort=ascending] .sort-button,th[aria-sort=descending] .sort-button,th[aria-sort=ascending] span,th[aria-sort=descending] span{color:var(--teal)}.records th{padding-top:5px;padding-bottom:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.topbar{gap:14px}.topbar nav{order:3;flex-basis:100%}.topbar .account{margin-left:auto}}@media(max-width:650px){.topbar{padding:14px 16px}.topbar .brand{font-size:24px}.topbar nav{gap:3px}.topbar nav button{font-size:14px;padding:10px 12px}.topbar .account{gap:6px;font-size:12px}.topbar .account button{font-size:11px;white-space:normal;max-width:125px}}.records th{position:relative}