@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..700&display=swap";:root{--paper:#edf1ec;--surface:#fbfcfa;--ink:#14302a;--muted:#5d716a;--line:#d3ddd6;--line-soft:#e4ebe6;--ever:#1f5e4b;--ever-deep:#133a31;--ever-tint:#dcebe2;--urgent:#b4233c;--urgent-bg:#fbe8eb;--watch:#8c5a06;--watch-bg:#faefd8;--font:"Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font);font-optical-sizing:auto;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}.num,.amount,dd,.acctBal strong{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--ever);outline-offset:2px;border-radius:6px}.btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:9px 15px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{border-color:var(--ever)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--ever);border-color:var(--ever);color:#fff}.btn.primary:hover{background:var(--ever-deep)}.btn.ghost{background:0 0}.btn.small{padding:6px 11px;font-size:13px}.btn.wide{justify-content:center;width:100%;padding:12px}.btn.danger{color:var(--urgent)}.btn.danger:hover{border-color:var(--urgent)}.iconBtn{cursor:pointer;width:34px;height:34px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;display:inline-grid}.iconBtn:hover{background:var(--ever-tint);color:var(--ink)}.linkBtn{color:var(--ever);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.linkBtn:hover{text-decoration:underline}.app{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.rail{background:var(--ever-deep);color:#cfe0d7;flex-direction:column;height:100vh;padding:26px 16px 20px;display:flex;position:sticky;top:0}.wordmark{letter-spacing:-.01em;color:var(--ever);align-items:center;gap:9px;font-size:20px;font-weight:700;display:flex}.wordmark.light{color:#fff;padding:0 10px}.rail ul{gap:4px;margin:34px 0 0;padding:0;list-style:none;display:grid}.rail li button,.railFoot button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:10px 12px;font-weight:500;display:flex}.rail li button:hover,.railFoot button:hover{color:#fff;background:#ffffff12}.rail li button.active{color:var(--ever-deep);background:#fff;font-weight:650}.railFoot{gap:6px;margin-top:auto;display:grid}.who{color:#93b0a4;text-overflow:ellipsis;white-space:nowrap;padding:0 12px;font-size:12.5px;overflow:hidden}.main{width:100%;max-width:1240px;padding:44px clamp(20px,4vw,56px) 80px}.loading{min-height:100vh;color:var(--ever);place-items:center;display:grid}.lede{color:var(--muted);max-width:62ch;margin-top:8px;font-size:16px}.quiet{color:var(--muted);font-size:14px}.soft{color:var(--muted);font-weight:400}.urgentText{color:var(--urgent)}.watchText{color:var(--watch)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px 24px}.panel+.panel{margin-top:16px}.panelHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panel h2{letter-spacing:-.01em;font-size:17px;font-weight:650}.view{gap:22px;display:grid}.viewHead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.viewHead h1{letter-spacing:-.025em;font-size:clamp(26px,2.6vw,34px);font-weight:650;line-height:1.1}.headBtns{flex-wrap:wrap;gap:10px;display:flex}.pill{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12.5px;font-weight:600;display:inline-block}.pill.ok{background:var(--ever-tint);color:var(--ever)}.pill.urgent{background:var(--urgent-bg);color:var(--urgent)}.pill.watch{background:var(--watch-bg);color:var(--watch)}.pill.check{border:1px dashed var(--watch);color:var(--watch);background:0 0}.empty{border:1px dashed var(--line);border-radius:16px;justify-items:start;gap:10px;padding:32px 26px;display:grid}.empty p{color:var(--muted);max-width:56ch}.empty .emptyTitle{color:var(--ink);font-size:17px;font-weight:650}.overview{gap:28px;display:grid}.hero{gap:18px;padding-bottom:8px;display:grid}.hero h1{letter-spacing:-.03em;font-variation-settings:"opsz" 96;max-width:19ch;font-size:clamp(30px,3.6vw,48px);font-weight:650;line-height:1.06}.hero .lede{margin-top:-6px}.bar{background:var(--line-soft);border-radius:14px;gap:3px;max-width:860px;height:54px;display:flex;overflow:hidden}.seg{color:#fff;transform-origin:0;place-items:center;min-width:6px;font-size:15px;font-weight:650;animation:.7s cubic-bezier(.2,.7,.2,1) both grow;display:grid}.seg.rest{background:repeating-linear-gradient(135deg,#0000 0 7px,#14302a17 7px 9px);animation:none}@keyframes grow{0%{opacity:.3;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.budgetForm{gap:6px;max-width:420px;display:grid}.budgetForm label{color:var(--muted);font-size:13.5px;font-weight:500}.budgetRow{align-items:center;gap:8px;display:flex}.budgetRow .prefix{color:var(--muted);margin-right:-2px;font-weight:600}.budgetRow input{border:1px solid var(--line);background:var(--surface);font-variant-numeric:tabular-nums;border-radius:10px;width:150px;padding:9px 12px;font-weight:600}.overviewGrid{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);align-items:start;gap:20px;display:grid}.order{margin:0;padding:0;list-style:none}.order li{border-top:1px solid var(--line-soft);grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 0;display:grid}.order li:first-child{border-top:0}.rank{color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;font-weight:650;display:grid}.orderText strong{font-weight:600;display:block}.orderText small{color:var(--muted);font-size:13.5px}.amount{font-size:16px;font-weight:650}.side{gap:16px;display:grid}.figures{background:var(--line);border:1px solid var(--line);border-radius:16px;grid-template-columns:1fr 1fr;gap:1px;margin:0;display:grid;overflow:hidden}.figures div{background:var(--surface);padding:16px 18px}.figures dt{color:var(--muted);font-size:13px}.figures dd{letter-spacing:-.01em;margin:4px 0 0;font-size:21px;font-weight:650}.attnList{gap:12px;margin:0;padding:0;list-style:none;display:grid}.attnList li{grid-template-columns:18px 1fr;align-items:start;gap:10px;display:grid}.attnList li svg{margin-top:3px}.attnList strong{font-size:14.5px;font-weight:600;display:block}.attnList small{color:var(--muted);font-size:13px}.table{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.tr{border-top:1px solid var(--line-soft);align-items:center;gap:14px;padding:14px 20px;display:grid}.tr:first-child{border-top:0}.tr.th{background:var(--paper);color:var(--muted);padding-top:10px;padding-bottom:10px;font-size:13px;font-weight:500}.r{text-align:right;justify-self:end}.cellMain strong{font-weight:600;display:block}.cellMain small,.tr .num small{color:var(--muted);font-size:13px;display:block}.cellStatus{flex-wrap:wrap;gap:6px;display:flex}.synced{color:var(--ever);align-items:center;gap:4px;margin-left:8px;display:inline-flex}.debtsTable .tr{grid-template-columns:minmax(0,2.2fr) minmax(0,1.3fr) 1fr 1fr 1fr 40px}.payTable .tr{grid-template-columns:130px minmax(0,2fr) 1fr minmax(0,1.4fr)}.docTable .tr{grid-template-columns:minmax(0,2.2fr) minmax(0,1.6fr) 90px 130px}.acct{border-top:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:14px 0;display:grid}.panelHead+.acct,.panel>.quiet+.acct{border-top:0}.panel>.quiet{margin:-4px 0 6px}.acctMain strong{font-weight:600;display:block}.acctMain small{color:var(--muted);font-size:13px;display:block}.acctMain .linkedTo{color:var(--ever);align-items:center;gap:5px;font-weight:500;display:flex}.acctBal{text-align:right}.acctBal strong{font-weight:650;display:block}.acctBal small{color:var(--muted);font-size:13px}.acctAct{justify-content:flex-end;min-width:128px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.uploadForm{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;align-items:end;gap:14px;display:grid}.uploadForm .formError{grid-column:1/-1}.form{gap:14px;display:grid}.form label,.uploadForm label,.loginCard label{color:var(--muted);gap:6px;font-size:13.5px;font-weight:500;display:grid}.form input,.form select,.form textarea,.uploadForm input,.uploadForm select,.loginCard input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:10px 12px;font-size:15px}.form input:focus,.form select:focus,.form textarea:focus,.uploadForm select:focus,.loginCard input:focus,.budgetRow input:focus{border-color:var(--ever);outline:none;box-shadow:0 0 0 3px #1f5e4b26}.form small{color:var(--muted);font-size:12.5px;font-weight:400}.grid2{grid-template-columns:1fr 1fr;gap:14px 16px;display:grid}.form .check{color:var(--ink);align-items:center;gap:10px;font-size:14.5px;font-weight:400;display:flex}.form .check input{width:18px;height:18px;accent-color:var(--ever);padding:0}.formActions{align-items:center;gap:10px;margin-top:4px;display:flex}.grow{flex:1}.formError{color:var(--urgent);background:var(--urgent-bg);border-radius:10px;padding:9px 12px;font-size:14px}.choice{border:1px solid var(--line);border-radius:14px;justify-items:start;gap:10px;padding:16px;display:grid}.choice h3{font-size:15.5px;font-weight:650}.choice label{width:100%}.scrim{z-index:40;background:#0c201b73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sheet{background:var(--surface);border-radius:20px;width:min(680px,100%);max-height:92vh;padding:24px 26px 26px;animation:.18s ease-out rise;overflow:auto;box-shadow:0 30px 80px #0c201b47}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sheetHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.sheetHead h2{letter-spacing:-.015em;font-size:21px;font-weight:650}.toast{z-index:50;background:var(--ever-deep);color:#fff;border-radius:12px;max-width:min(420px,100vw - 48px);padding:12px 16px;font-size:14.5px;font-weight:500;animation:.2s ease-out rise;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #0c201b40}.toast.bad{background:var(--urgent)}.loginShell{background:var(--ever-deep);place-items:center;min-height:100vh;padding:20px;display:grid}.loginCard{background:var(--surface);border-radius:22px;gap:16px;width:min(420px,100%);padding:34px 32px;display:grid}.loginCard h1{letter-spacing:-.02em;margin:8px 0 6px;font-size:26px;font-weight:650;line-height:1.15}@media (width<=1080px){.overviewGrid{grid-template-columns:1fr}}@media (width<=900px){.app{grid-template-columns:1fr}.rail{z-index:30;flex-direction:row;align-items:center;gap:12px;height:auto;padding:10px 14px;position:sticky;top:0}.rail ul{scrollbar-width:none;flex:1;gap:2px;margin:0;display:flex;overflow-x:auto}.rail li button{padding:8px 10px}.rail li button span{display:none}.rail li button.active span{display:inline}.wordmark.light{gap:0;padding:0;font-size:0}.wordmark.light svg{width:24px;height:24px}.railFoot{margin:0}.who,.railFoot button span{display:none}.main{padding:26px 16px 70px}}@media (width<=700px){.tr.th{display:none}.debtsTable .tr,.payTable .tr,.docTable .tr{grid-template-columns:1fr auto;row-gap:6px}.debtsTable .tr>:nth-child(4),.debtsTable .tr>:nth-child(5){display:none}.debtsTable .tr>.cellStatus{order:3}.r{justify-self:end}.order li{grid-template-columns:30px minmax(0,1fr) auto}.order li .btn{grid-column:2/-1;justify-self:start}.acct{grid-template-columns:1fr auto}.acctAct{grid-column:1/-1;justify-content:flex-start}.uploadForm,.grid2{grid-template-columns:1fr}.figures dd{font-size:18px}.toast{bottom:16px;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){.seg,.sheet,.toast,.spin{animation:none}}main{width:100%;max-width:none;padding:42px 48px 56px}main>*{width:100%}.dashboardContent,.overviewContent{width:100%;max-width:1650px}.app{grid-template-columns:230px minmax(0,1fr)}.panel,.stat,.bankAccount{min-width:0}.overviewGrid,.dashboardGrid{width:100%}.grid{grid-template-columns:minmax(0,1.45fr) minmax(340px,.95fr);align-items:start}.panel{width:100%}@media (width>=1400px){main{padding-left:52px;padding-right:52px}.grid{gap:22px}}@media (width<=1200px){main{padding:30px}.grid{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr)}}@media (width<=950px){main{padding:22px}.grid{grid-template-columns:1fr}}.allocationBar,.progressBar{border-radius:14px;min-height:48px;position:relative;overflow:hidden}.allocationBar:after,.progressBar:after{content:"Allocated this month";color:#fff;pointer-events:none;place-items:center;font-weight:800;display:grid;position:absolute;inset:0}.app{width:100%;min-height:100vh}main{min-width:0;width:100%!important;max-width:none!important}main>div,main>section{max-width:none!important}@media (width>=1100px){main{padding-left:54px!important;padding-right:54px!important}main>div{width:100%!important}.overviewGrid,.dashboardGrid,.contentGrid,.summaryGrid{width:100%!important;max-width:none!important}.paymentOrder,.payment-order,.planCard,.plan-card{min-width:0}}@media (width>=1500px){main{padding-left:58px!important;padding-right:58px!important}main>div{max-width:1600px!important}}@media (width<=900px){main{padding-left:20px!important;padding-right:20px!important}}.main{width:100%;min-width:0;max-width:none;padding:44px clamp(28px,4vw,64px) 80px}.overview{width:100%;max-width:1600px}.hero{width:100%}.hero h1{max-width:24ch}.bar{width:100%;max-width:1000px}.overviewGrid{grid-template-columns:minmax(0,1.7fr) minmax(340px,.8fr);gap:24px;width:100%}.overviewGrid>.panel,.overviewGrid>.side{min-width:0}.side{width:100%}@media (width>=1600px){.main{padding-left:64px;padding-right:64px}.overviewGrid{grid-template-columns:minmax(0,1.8fr) minmax(380px,.75fr);gap:28px}}@media (width<=1080px){.overviewGrid{grid-template-columns:1fr}.overview{max-width:none}}@media (width<=900px){.main{padding:26px 16px 70px}}
