:root{--nav:#112c48;--nav-muted:#a7bed1;--blue:#1d65c1;--blue-light:#edf4ff;--ink:#173047;--muted:#5d7185;--line:#dce5ed;--canvas:#f3f6f9;--white:#fff;--green:#167756;--amber:#9b590c;--radius:10px}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,select,input,textarea{border:1px solid var(--line);border-radius:6px}input,select,textarea{color:var(--ink);background:#fff;width:100%;padding:10px 12px}textarea{resize:vertical;min-height:90px}button{color:var(--ink);background:#fff;padding:9px 15px;font-weight:600}button:hover{border-color:var(--blue)}button.primary,.primary{background:var(--blue);color:#fff;border-color:var(--blue)}button.danger{color:#a32632;border-color:#e8b9be}button.ghost{background:0 0;border-color:#0000}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.7px;margin-bottom:6px;font-size:28px;line-height:1.2}h2{margin-bottom:6px;font-size:19px;line-height:1.3}h3{margin-bottom:8px;font-size:16px}.muted,small{color:var(--muted)}small{font-size:13px}strong{font-weight:650}.app{grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--nav);color:#fff;flex-direction:column;height:100vh;padding:29px 16px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;margin-bottom:37px;padding:0 10px;display:flex}.brandmark{background:#3587de;border-radius:7px;place-items:center;width:35px;height:35px;font-size:24px;font-weight:800;display:grid}.brandname{letter-spacing:3px;font-size:25px;font-weight:750}.brand small{color:var(--nav-muted);letter-spacing:1px;font-size:12px;display:block}.navlabel{letter-spacing:1.5px;color:var(--nav-muted);margin-bottom:10px;padding:0 12px;font-size:12px}.navlink{color:#ccdae7;border-radius:7px;align-items:center;gap:12px;margin-bottom:5px;padding:12px;font-size:14px;display:flex}.navlink:hover{background:#203e5b;text-decoration:none}.navlink.active{color:#fff;background:#264d75;box-shadow:inset 3px 0 #67b1ff}.navlink svg{width:19px;height:19px}.sidebarbottom{border-top:1px solid #34506a;margin-top:auto;padding:20px 10px 0}.sidebarbottom p{color:var(--nav-muted);margin:0;font-size:13px}.main{min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:16px;height:74px;padding:0 34px;display:flex}.topbar span{font-size:14px}.account{align-items:center;gap:12px;display:flex}.avatar{width:36px;height:36px;color:var(--blue);background:#e7eff9;border-radius:50%;place-items:center;font-weight:700;display:grid}.content{max-width:1700px;margin:auto;padding:30px 34px 50px}.pagehead{justify-content:space-between;align-items:center;gap:18px;margin-bottom:23px;display:flex}.pagehead p{color:var(--muted);margin:0;font-size:14px}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btnlink{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:8px;padding:9px 15px;font-size:14px;font-weight:600;display:inline-flex}.btnlink.primary{background:var(--blue)}.filters{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.segments{border:1px solid var(--line);background:#fff;border-radius:8px;gap:3px;padding:4px;display:flex}.segments button{background:0 0;border:0;padding:9px 20px;font-size:14px}.segments button.selected{background:var(--blue);color:#fff;box-shadow:0 2px 4px #174a8820}.filterright{align-items:center;gap:12px;display:flex}.filterright select{width:auto;padding:9px 12px;font-size:14px}.statusdot{background:#259967;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px;display:grid}.metric{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:#fff;padding:20px;display:block;position:relative}a.metric:hover{border-color:var(--blue);text-decoration:none}.metriclabel{color:var(--muted);margin-bottom:12px;font-size:14px}.metricvalue{letter-spacing:-.8px;overflow-wrap:anywhere;font-size:29px;font-weight:700;line-height:1.2}.metricfooter{color:var(--muted);margin-top:11px;font-size:13px}.metricicon{color:#5e8bb9;position:absolute;top:17px;right:18px}.metricicon svg{width:20px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:24px;overflow:hidden}.panelhead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:20px 22px;display:flex}.panelhead p{color:var(--muted);margin:0;font-size:13px}.panelbody{padding:22px}.twocol{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;display:grid}.chart{align-items:stretch;gap:12px;height:203px;padding:20px 22px 0;display:flex}.chartmonth{color:var(--muted);flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;display:flex}.bars{justify-content:center;align-items:flex-end;gap:4px;width:100%;height:145px;display:flex}.bar{background:var(--blue);border-radius:3px 3px 0 0;width:18px;min-height:2px}.bar.reno{background:#4aa8ac}.legend{justify-content:center;align-items:center;gap:18px;padding:10px 22px 18px;font-size:13px;display:flex}.swatch{background:var(--blue);border-radius:2px;width:9px;height:9px;margin-right:6px;display:inline-block}.swatch.reno{background:#4aa8ac}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:14px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.45px;text-align:left;background:#f8fafc;font-size:12px;font-weight:600}th,td{border-bottom:1px solid #e8edf2;padding:14px 20px}tr:last-child td{border-bottom:0}.num{text-align:right;font-variant-numeric:tabular-nums}.scrolltable{overflow:auto}.pill{color:#52687e;background:#edf2f7;border-radius:5px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.pill.Pending,.pill.Submitted,.pill.Resubmitted{color:#1c60a9;background:#e9f2ff}.pill.Closed,.pill.Approved,.pill.succeeded,.pill.Accepted{color:#147154;background:#e6f5ed}.pill.Cancelled,.pill.failed,.pill.Revoked{color:#a23d45;background:#fcecee}.pill.correction,.pill.uncertain{color:#975b15;background:#fff3dd}.notice{background:#eff6ff;border:1px solid #c9def8;border-radius:8px;margin-bottom:20px;padding:13px 17px;font-size:14px}.notice.warning{color:#795616;background:#fff8e9;border-color:#ead9ad}.notice.error{color:#9a2530;background:#fff0f1;border-color:#e9bcc1}.toast{color:#fff;z-index:20;background:#173f61;border-radius:8px;max-width:550px;padding:15px 22px;position:fixed;bottom:24px;right:26px;box-shadow:0 5px 30px #17304730}.toast.error{background:#97323d}.tablecontrols{border-bottom:1px solid var(--line);gap:12px;padding:18px 20px;display:flex}.tablecontrols input{max-width:380px}.tablecontrols select{width:auto}.empty{text-align:center;color:var(--muted);padding:45px 25px}.stack{gap:18px;display:grid}.grid2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.formfield{font-size:14px;font-weight:600;display:block}.formfield input,.formfield select,.formfield textarea{margin-top:6px;font-weight:400;display:block}.required{color:#bd3545}.formlayout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:24px;display:grid}.formsection{border-bottom:1px solid var(--line);padding:22px}.formsection summary{cursor:pointer;justify-content:space-between;gap:12px;font-size:17px;font-weight:650;list-style:none;display:flex}.formsection summary:after{content:"+";color:var(--blue)}.formsection[open] summary{margin-bottom:22px}.formsection[open] summary:after{content:"−"}.sticky{position:sticky;top:22px}.formfooter{border-top:1px solid var(--line);background:#f8fafc;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;display:flex}.timeline{border-left:2px solid #dde8f3;margin-left:6px;padding-left:21px}.timelineitem{margin-bottom:23px;font-size:14px;position:relative}.timelineitem:before{content:"";background:#538ac2;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:-27px}.timelineitem p{color:var(--muted);margin:3px 0}.definition{color:var(--muted);border-top:1px solid var(--line);background:#fafcfe;padding:14px 22px;font-size:13px}.login{max-width:880px;margin:55px auto;padding:30px}.login .brand{color:var(--nav);padding:0}.login .brand small{color:var(--muted)}.identities{grid-template-columns:1fr 1fr;gap:14px;display:grid}.identity{text-align:left;align-items:center;gap:16px;padding:20px;display:flex}.identity span{display:block}.identity small{font-weight:400}.identity svg{color:var(--blue)}.divider{background:var(--line);height:1px;margin:20px 0}.smalllink{font-size:14px}.kv{justify-content:space-between;gap:16px;margin:13px 0;font-size:14px;display:flex}.kv strong{text-align:right}.moneyline{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:11px 0;font-size:14px;display:flex}.moneyline.total{color:var(--green);border:0;font-size:17px;font-weight:700}.inlineform{align-items:end;gap:10px;display:flex}.inlineform label{flex:1}.progress{background:#e8eff7;border-radius:6px;height:7px;margin:13px 0;overflow:hidden}.progress div{background:var(--blue);height:100%}.mobilebrand{display:none}.version{border-bottom:1px solid var(--line);padding:20px}.version:last-child{border:0}.detailsrow{border-bottom:1px solid var(--line);padding:14px 0}.detailsrow strong{display:block}.breadcrumb{margin-bottom:16px;font-size:14px}.back{align-items:center;gap:5px;display:inline-flex}.checkbox{align-items:center;gap:9px;font-size:14px;display:flex}.checkbox input{width:auto}.hide{display:none}button svg,.btnlink svg{vertical-align:middle;width:16px;height:16px;margin-right:3px}@media (min-width:1600px){.metrics{gap:24px}.metricvalue{font-size:34px}}@media (max-width:1150px){.app{grid-template-columns:185px 1fr}.content{padding:25px}.topbar{padding:0 25px}.metrics{grid-template-columns:repeat(2,1fr)}.twocol,.formlayout{grid-template-columns:1fr}.sticky{position:static}.formlayout>aside{grid-row:auto}.chart{height:210px}.brandname{font-size:22px}.brand{padding:0}.navlink{padding:11px 9px}.grid2{gap:15px}}@media (max-width:700px){.app{display:block}.sidebar{height:auto;padding:14px;display:block;position:static}.sidebar .brand,.sidebarbottom,.navlabel{display:none}.sidebar nav{gap:6px;display:flex;overflow-x:auto}.navlink{white-space:nowrap;margin:0;padding:9px 12px}.navlink svg{display:none}.topbar{height:auto;min-height:67px;padding:12px 18px}.topbar>.muted{display:none}.mobilebrand{letter-spacing:2px;font-weight:800;display:block!important}.account{gap:8px}.account small{font-size:12px}.account button{padding:6px;font-size:12px}.content{padding:22px 16px}.pagehead{flex-direction:column;align-items:flex-start}.pagehead .actions{width:100%}h1{font-size:25px}.filters{flex-direction:column;align-items:stretch}.segments{width:100%}.segments button{flex:1;padding:9px 7px}.filterright{justify-content:space-between}.metrics{gap:10px;margin-bottom:18px}.metric{padding:15px 12px}.metricvalue{font-size:22px}.metriclabel{padding-right:18px;font-size:13px}.metricicon{top:12px;right:9px}.metricfooter{font-size:12px}.panelhead,.panelbody{padding:17px}.twocol{gap:0}.panel{margin-bottom:18px}.grid2{grid-template-columns:1fr}.formsection{padding:18px}.formfooter{flex-direction:column;align-items:stretch}.formfooter .actions{grid-template-columns:1fr 1fr;display:grid}.tablecontrols{flex-direction:column}.tablecontrols input{max-width:none}.tablecontrols select{width:100%}.identities{grid-template-columns:1fr}.login{margin:0;padding:25px 18px}.toast{bottom:16px;left:16px;right:16px}.inlineform{flex-direction:column;align-items:stretch}.chart{gap:6px;padding:20px 13px 0}.bar{width:12px}.chartmonth{font-size:11px}.panelhead .actions{flex-wrap:nowrap}.account .avatar{display:none}}
