@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap");:root{--ink:#18233a;--muted:#8390a4;--line:#e8edf4;--canvas:#f6f8fc;--surface:#fff;--blue:#275efe;--navy:#172443;--green:#159b77;--orange:#e88934;--red:#d75b67;--purple:#7d63d8;--shadow:0 12px 32px rgba(32,51,86,.06)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:DM Sans,Arial,sans-serif;color:var(--ink);background:var(--canvas)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.app-layout{display:flex;min-height:100vh}.sidebar{width:248px;background:var(--navy);color:#fff;padding:25px 15px 20px;display:flex;flex-direction:column;flex-shrink:0;position:fixed;inset:0 auto 0 0;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:0 13px 38px}.brand-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#6483ff,#3153e7);display:grid;place-items:center;color:#fff;box-shadow:0 7px 16px rgba(61,90,254,.28)}.brand strong{font-family:Manrope,sans-serif;font-size:15px;display:block}.brand span{display:block;font-size:10px;letter-spacing:.6px;color:#9faecd;margin-top:2px}.workspace-label{font-size:10px;letter-spacing:1.4px;color:#7787ab;padding:0 14px 11px;font-weight:700}.main-nav{display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:10px;color:#aebbd3;font-size:13px;font-weight:500;transition:.18s}.nav-link:hover{background:rgba(255,255,255,.07);color:#fff}.nav-link.active{background:#3154d1;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.sidebar-spacer{flex:1 1}.sidebar-note{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);padding:11px;border-radius:11px}.sidebar-note-icon{border-radius:50%;width:23px;height:23px;background:#2ab08c;display:grid;place-items:center;font-size:12px;font-weight:700}.sidebar-note strong{font-size:11px;display:block}.sidebar-note span:not(.sidebar-note-icon){font-size:9px;color:#9caac4;display:block;margin-top:3px}.version{font-size:9px;color:#697897;text-align:center;margin-top:16px}.main-area{width:calc(100% - 248px);margin-left:248px;min-width:0}.topbar{height:70px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);justify-content:space-between;padding:0 37px;position:sticky;top:0;z-index:10}.breadcrumbs,.topbar{display:flex;align-items:center}.breadcrumbs{gap:9px;font-size:12px;color:#a1aabd}.breadcrumbs strong{color:#3b4860;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:20px}.topbar-add{display:inline-flex;align-items:center;gap:7px;background:#eef2ff;color:#3e59d4;padding:9px 12px;border-radius:8px;font-size:11px;font-weight:700}.topbar-add:hover{background:#e2e8ff}.icon-button{border:0;background:transparent;color:#7c899c;display:grid;place-items:center;padding:5px;border-radius:8px}.icon-button:hover{background:#f0f3f8;color:var(--ink)}.profile-button{border:0;background:transparent;display:flex;align-items:center;gap:9px;color:var(--ink);padding:0}.avatar{width:32px;height:32px;border-radius:50%;background:#e4e9ff;color:#425be0;display:grid;place-items:center;font-size:11px;font-weight:700}.profile-copy{text-align:left}.profile-copy strong{font-size:12px;display:block;font-weight:600}.profile-copy small{font-size:10px;color:var(--muted);display:block;margin-top:2px}.profile-wrap{position:relative}.profile-menu{position:absolute;right:0;top:42px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:9px;padding:5px;min-width:110px}.profile-menu button{border:0;background:transparent;width:100%;padding:9px 10px;text-align:left;font-size:12px;color:#6b7484;display:flex;align-items:center;gap:7px;border-radius:5px}.content-wrap{padding:32px 37px 52px;max-width:1450px;margin:auto}.page-stack{display:flex;flex-direction:column;gap:20px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.eyebrow{font-size:10px;line-height:1;letter-spacing:1.45px;font-weight:700;color:#9ba7b8;margin:0 0 11px}.page-heading h1{font-family:Manrope,sans-serif;font-size:27px;line-height:1.2;letter-spacing:-.8px;margin:0;color:#1e2b45}.page-heading h1 span{font-size:20px}.page-subtitle{color:#8b97a9;font-size:13px;margin:8px 0 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:700;white-space:nowrap;transition:.18s}.button-primary{background:var(--blue);color:#fff;box-shadow:0 6px 13px rgba(39,94,254,.18)}.button-primary:hover{background:#1d4bd9}.button-secondary{background:#fff;border-color:var(--line);color:#59677e}.button-secondary:hover{border-color:#ccd6e5}.button-ghost{background:transparent;color:#68758c}.small-button{padding:8px 10px;font-size:10px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 2px 5px rgba(35,49,75,.015);min-width:0}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px;min-height:146px;position:relative}.metric-icon{position:absolute;right:17px;top:17px;width:35px;height:35px;border-radius:10px;display:grid;place-items:center}.metric-icon.blue{color:#4564e7;background:#e8edff}.metric-icon.green{color:#159574;background:#e1f5ee}.metric-icon.orange{color:#db812e;background:#fff0df}.metric-icon.red{color:#d35d69;background:#fff0f1}.metric-label{font-size:12px;color:#818c9d;margin:1px 0 14px;display:block;max-width:150px}.metric-value{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.8px;color:#1d2941;display:block}.metric-value small{font-family:DM Sans,sans-serif;font-size:12px;color:#8c98a9;font-weight:500;letter-spacing:0}.metric-detail{font-size:10px;color:#98a3b2;display:block;margin-top:10px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:3px}.status-dot.green{background:#1baa82}.period-bar{display:flex;align-items:center;justify-content:space-between;background:#eef2ff;border:1px solid #dce4ff;border-radius:12px;padding:12px 15px;max-width:330px;align-self:flex-start;color:#4a5fca}.period-bar div{text-align:center}.period-bar span{display:block;font-size:9px;letter-spacing:1px;color:#7a8ad2;font-weight:700}.period-bar strong{display:block;font-family:Manrope,sans-serif;font-size:14px;margin-top:4px}.period-arrow{border:1px solid #d7e0ff;background:#fff;color:#5670df;width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.progress-panel{padding:18px 21px;display:flex;align-items:center;justify-content:space-between;gap:30px}.section-kicker{font-size:10px;color:#94a0b1;font-weight:700;letter-spacing:1.1px}.progress-panel h2{font-family:Manrope,sans-serif;font-size:18px;margin:7px 0 0;color:#23324e}.progress-panel h2 span{font-family:DM Sans,sans-serif;font-size:12px;color:#7e8a9c;font-weight:500}.progress-big{min-width:280px;flex:0 0 34%}.progress-track{height:7px;background:#edf1f6;border-radius:6px;overflow:hidden}.progress-track div{height:100%;background:var(--blue);border-radius:inherit}.progress-big>span{display:block;color:#94a0af;font-size:10px;margin-top:7px;text-align:right}.content-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.bills-panel{padding:21px}.panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:17px}.panel-heading h2{font-family:Manrope,sans-serif;font-size:15px;letter-spacing:-.2px;margin:0;color:#29364e}.panel-heading p{font-size:11px;color:#9aa4b2;margin:6px 0 0}.panel-link{font-size:11px;color:#5067d8;display:flex;gap:4px;align-items:center;white-space:nowrap}.bill-list{display:flex;flex-direction:column}.bill-card{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #eff2f6}.bill-card:last-child{border-bottom:0}.bill-date{width:43px;text-align:center;flex:0 0 auto}.bill-date strong{display:block;font-family:Manrope,sans-serif;font-size:21px;line-height:1}.bill-date span{display:block;font-size:10px;text-transform:uppercase;font-weight:700;margin-top:5px}.bill-main{min-width:0;flex:1 1}.bill-title-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.bill-title-row h3{font-size:13px;margin:0;color:#334057}.bill-main p{font-size:10px;color:#99a4b2;margin:5px 0 8px}.bill-meta{gap:14px;color:#929eae;font-size:10px}.bill-meta,.bill-meta span{display:flex;align-items:center}.bill-meta span{gap:4px}.bill-amount{color:#37455d;font-weight:700}.bill-action{font-size:10px;padding:8px 10px}.status{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:5px;font-size:9px;font-weight:700;white-space:nowrap}.status.success{color:#138464;background:#e5f7f0}.status.warning{color:#c37827;background:#fff4e3}.status.danger{color:#c9535e;background:#fff0f1}.status.neutral{color:#788699;background:#f0f3f7}.side-stack{display:flex;flex-direction:column;gap:18px}.side-panel{padding:21px}.panel-accent{color:#8a73dc}.mini-progress{display:block;padding:11px 0;border-bottom:1px solid #eff2f6}.mini-progress:last-child{border-bottom:0}.mini-progress-head{display:flex;align-items:center;gap:6px;font-size:11px;color:#3c4960}.mini-progress-head strong{flex:1 1}.mini-progress-head>span:last-child{color:#768499;font-size:10px}.color-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.mini-progress .progress-track{height:5px;margin:8px 0 5px}.mini-progress small{color:#9aa5b4;font-size:9px}.insight-card{background:#fff8eb;border:1px solid #f8e7c3;border-radius:12px;padding:15px;display:flex;align-items:flex-start;gap:10px}.insight-icon{width:30px;height:30px;border-radius:9px;background:#ffebc4;color:#ca802d;display:grid;place-items:center;flex:0 0 auto}.insight-card strong{font-size:11px;color:#7a592d}.insight-card p{font-size:10px;line-height:1.5;color:#9a7a4f;margin:5px 0 0}.history-summary,.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.history-summary>div,.summary-strip>div{background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px 17px}.history-summary span,.summary-strip span{display:block;font-size:10px;color:#929dad;margin-bottom:7px}.history-summary strong,.summary-strip strong{font-family:Manrope,sans-serif;font-size:18px;color:#2c3950}.tabs-row{border-bottom:1px solid var(--line)}.tabs{display:flex;gap:20px}.tab{border:0;background:transparent;color:#97a2b1;font-size:12px;font-weight:700;padding:12px 1px 13px;position:relative}.tab span{margin-left:5px;color:#b1bac7}.tab.active{color:#3d58d2}.tab.active:after{content:"";height:2px;background:#3d58d2;position:absolute;left:0;right:0;bottom:-1px}.toolbar-line{gap:10px}.search-box,.toolbar-line{display:flex;align-items:center}.search-box{gap:8px;border:1px solid #e2e7ef;border-radius:8px;padding:0 10px;color:#9aa4b4;background:#fff;min-width:280px}.search-box input{border:0;outline:0;padding:10px 0;font-size:11px;width:100%;color:var(--ink)}.select-control{border:1px solid #e2e7ef;background:#fff;border-radius:8px;padding:10px 11px;color:#68758b;font-size:11px;outline:0}.installment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.installment-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px}.installment-card-top{display:flex;align-items:center;gap:10px}.installment-icon{width:37px;height:37px;border-radius:11px;color:#fff;display:grid;place-items:center}.installment-card-top div:nth-child(2){flex:1 1}.installment-card h2{font-family:Manrope,sans-serif;font-size:14px;color:#2d3b55;margin:0}.installment-card-top span{display:block;font-size:10px;color:#98a3b1;margin-top:3px}.installment-amount{border-top:1px solid #eff2f6;border-bottom:1px solid #eff2f6;padding:14px 0;margin:16px 0}.installment-amount span,.installment-details span{display:block;font-size:10px;color:#9aa5b3}.installment-amount strong{font-family:Manrope,sans-serif;font-size:20px;color:#25334d;display:block;margin-top:5px}.installment-details{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.installment-details strong{display:block;font-size:11px;color:#45526a;margin-top:4px}.progress-track.wide{margin:15px 0 11px;height:6px}.installment-footer{display:flex;align-items:center;justify-content:space-between;color:#8793a5;font-size:10px}.installment-footer>span:first-child{display:flex;align-items:center;gap:4px}.month-switcher{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:5px 7px}.month-switcher button{border:0;background:transparent;width:28px;height:28px;display:grid;place-items:center;color:#71809a;border-radius:6px}.month-switcher button:hover{background:#f1f4fa}.month-switcher strong{font-size:12px;min-width:130px;text-align:center}.calendar-layout{display:grid;grid-template-columns:1.45fr .75fr;gap:17px}.calendar-board{padding:18px}.calendar-days,.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays span{text-align:center;font-size:10px;color:#9ba6b4;font-weight:700;padding:8px 0 12px}.calendar-day{min-height:105px;border-top:1px solid #eff2f6;border-right:1px solid #eff2f6;padding:8px;overflow:hidden}.calendar-day:nth-child(7n){border-right:0}.muted-day{background:#fafbfd}.calendar-number{font-size:11px;color:#7e8b9e}.has-events .calendar-number{display:inline-flex;width:23px;height:23px;background:#edf1ff;color:#4762db;border-radius:50%;align-items:center;justify-content:center;font-weight:700}.calendar-event{display:block;width:100%;text-align:left;border:0;background:#f3f5f9;border-radius:5px;padding:5px;margin-top:6px;color:#4b5870;overflow:hidden}.calendar-event i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px}.calendar-event small,.calendar-event span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event span{font-size:9px;font-weight:700}.calendar-event small{font-size:8px;color:#8a96a6;margin-top:2px}.calendar-event.paid{background:#eaf8f2}.calendar-event.overdue{background:#fff0f1}.calendar-event.due-soon{background:#fff4e5}.calendar-side{padding:19px}.schedule-list{display:flex;flex-direction:column}.schedule-row{border:0;border-bottom:1px solid #eff2f6;background:transparent;text-align:left;display:flex;align-items:center;gap:10px;padding:12px 0}.schedule-row:last-child{border-bottom:0}.schedule-date{width:35px;text-align:center;flex:0 0 auto}.schedule-date strong{font-family:Manrope,sans-serif;font-size:18px;display:block;color:#2c3a53}.schedule-date span{font-size:9px;color:#9aa5b2;text-transform:uppercase}.schedule-row>div:nth-child(2){flex:1 1;min-width:0}.schedule-row>div:nth-child(2)>strong{display:block;font-size:11px;color:#405069;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-row>div:nth-child(2)>span{display:block;font-size:9px;color:#98a4b2;margin-top:4px}.schedule-row .status{font-size:8px}.history-row{display:flex;align-items:center;gap:12px;padding:15px 18px;border-top:1px solid #eff2f6}.history-check{color:#159b77;display:grid;place-items:center}.history-date{width:120px}.history-date span,.history-date strong,.history-main span,.history-main strong{display:block}.history-date strong{font-size:11px;color:#425068}.history-date span{font-size:9px;color:#a1aab7;margin-top:4px}.history-main{flex:1 1}.history-main strong{font-size:12px;color:#34425b}.history-main span{font-size:10px;color:#9aa5b2;margin-top:4px}.history-amount{text-align:right}.history-amount strong{display:block;font-size:12px;color:#34425b;margin-bottom:5px}.receipt-button{border:0;background:#eef2ff;color:#4e66d0;border-radius:6px;padding:6px 8px;font-size:10px;display:flex;align-items:center;gap:4px}.table-panel{overflow:hidden}.table-toolbar{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line)}.table-toolbar .select-control{margin-left:auto}.settings-layout{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:start}.settings-menu{display:flex;flex-direction:column;gap:3px}.settings-menu-item{border:0;background:transparent;display:flex;align-items:center;gap:9px;color:#7d899a;font-size:11px;padding:11px 12px;border-radius:8px;text-align:left}.settings-menu-item.active,.settings-menu-item:hover{background:#fff;color:#4157d5;box-shadow:0 2px 8px rgba(26,45,82,.04)}.settings-menu-item span{flex:1 1}.settings-content{display:flex;flex-direction:column;gap:18px}.settings-card{padding:21px}.settings-card-heading{display:flex;align-items:flex-start;gap:11px;padding-bottom:19px;border-bottom:1px solid #eff1f5}.settings-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.settings-icon.blue{color:#536be0;background:#e9ecff}.settings-icon.purple{color:#785bd0;background:#f0eafe}.settings-card-heading h2{font-family:Manrope,sans-serif;font-size:14px;margin:1px 0 5px}.settings-card-heading p{font-size:11px;color:#9aa3b0;margin:0}.settings-form{padding-top:19px;display:flex;flex-direction:column;gap:16px}.modal-form label,.settings-form label{display:flex;flex-direction:column;gap:7px;color:#66748a;font-size:11px}.modal-form input,.modal-form select,.modal-form textarea,.settings-form input,.settings-form textarea{border:1px solid #e1e6ef;border-radius:7px;padding:10px 11px;outline:0;color:#39465e;font-size:11px;background:#fff}.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus,.settings-form input:focus{border-color:#8d9cf0;box-shadow:0 0 0 3px #edf0ff}.modal-form textarea{resize:vertical;min-height:70px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.preference-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #eff1f5;gap:20px}.preference-row strong{display:block;font-size:11px;color:#4b5870}.preference-row span{display:block;color:#9ba4b1;font-size:10px;margin-top:4px}.preference-row select{border:1px solid #e1e6ef;border-radius:6px;padding:8px;color:#647187;font-size:10px}.settings-value{color:#4c5ed0!important;font-weight:700}.save-settings{margin-top:17px}.modal-backdrop{position:fixed;inset:0;background:rgba(21,33,57,.46);z-index:50;display:grid;place-items:center;padding:18px}.modal-card{width:min(500px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:14px;box-shadow:0 20px 60px rgba(10,20,45,.25);padding:23px}.modal-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:20px}.modal-heading h2{font-family:Manrope,sans-serif;font-size:18px;margin:0;color:#27364f}.modal-heading p{font-size:11px;color:#96a1b0;margin:6px 0 0}.modal-form{display:flex;flex-direction:column;gap:14px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.input-with-icon{display:flex;align-items:center;gap:8px;border:1px solid #e1e6ef;border-radius:7px;padding:0 10px;color:#99a5b5}.input-with-icon input{border:0!important;box-shadow:none!important;padding-left:0!important;flex:1 1}.input-action{border:0;background:transparent;color:#8995a6;display:grid;place-items:center}.upload-box{border:1px dashed #cbd5e4;background:#fafbfd;padding:12px;display:flex;align-items:center;gap:9px;color:#5669bc;border-radius:8px;position:relative}.upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-box span{font-size:10px;color:#6b78a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-hint{font-size:9px;color:#a1aab7}.payment-context{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f5f7fb;border-radius:9px;padding:12px}.payment-context span{display:block;font-size:9px;color:#929eae}.payment-context strong{display:block;font-size:12px;color:#42516a;margin-top:4px}.empty-state{text-align:center;padding:42px 20px;color:#8996a8}.empty-icon{width:38px;height:38px;border-radius:11px;background:#eef2ff;color:#5a70dc;display:grid;place-items:center;margin:0 auto 11px}.empty-state h3{font-family:Manrope,sans-serif;font-size:14px;color:#445169;margin:0}.empty-state p{font-size:11px;margin:6px auto 0;max-width:290px}.loading-state{padding:60px;text-align:center;color:#8f9aac;font-size:13px}.mobile-close,.mobile-menu{display:none}.login-page{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#fff}.login-art{background:#19294d;color:#fff;padding:48px 10%;position:relative;overflow:hidden;display:flex;flex-direction:column}.login-art-grid{position:absolute;inset:0;opacity:.27;background-image:linear-gradient(rgba(119,151,255,.22) 1px,transparent 0),linear-gradient(90deg,rgba(119,151,255,.22) 1px,transparent 0);background-size:58px 58px;-webkit-mask-image:linear-gradient(120deg,#000 30%,transparent 85%);mask-image:linear-gradient(120deg,#000 30%,transparent 85%)}.login-art:after{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(121,153,255,.22);border-radius:50%;right:-100px;bottom:-120px;box-shadow:0 0 0 40px rgba(121,153,255,.05),0 0 0 90px rgba(121,153,255,.035)}.login-brand,.login-hero,.login-quote{position:relative;z-index:1}.login-brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:16px}.login-hero{margin:auto 0}.login-hero .eyebrow{color:#8da3db}.login-hero h1{font-family:Manrope,sans-serif;font-size:48px;line-height:1.12;letter-spacing:-1.8px;margin:0 0 20px}.login-hero h1 em{color:#8ea6ff;font-style:normal}.login-hero>p:last-child{color:#adbade;font-size:14px;line-height:1.7;max-width:430px}.login-quote{border-left:2px solid #4f6fe0;padding-left:17px;max-width:360px}.quote-mark{color:#7f98ff;font-family:Georgia;font-size:34px;line-height:.6}.login-quote p{font-family:Manrope,sans-serif;font-size:13px;line-height:1.5;margin:10px 0}.login-quote span{color:#8496c7;font-size:10px}.login-panel{display:grid;place-items:center;padding:36px}.login-form-wrap{width:min(370px,100%)}.mobile-login-brand{display:none}.login-heading h2{font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-.7px;margin:0;color:#24324e}.login-heading>p:last-child{font-size:12px;color:#8995a6;margin:9px 0 29px}.login-form-wrap form{display:flex;flex-direction:column;gap:16px}.login-form-wrap label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:600;color:#526078}.login-form-wrap input:not([type=checkbox]){border:1px solid #dfe5ee;border-radius:8px;padding:12px;color:#34435c;outline:0;font-size:12px;width:100%}.login-form-wrap input:focus{border-color:#8799ed;box-shadow:0 0 0 3px #edf0ff}.login-form-wrap .input-with-icon input{border:0;box-shadow:none;padding:11px 0}.form-row{justify-content:space-between;gap:10px}.checkbox-label,.form-row{display:flex!important;flex-direction:row!important;align-items:center}.checkbox-label{gap:7px!important;font-size:10px!important;font-weight:500!important;color:#8a96a7!important}.checkbox-label input{accent-color:var(--blue)}.login-hint{font-size:10px;color:#a0aaba}.login-submit{padding:12px;margin-top:3px}.login-footer{font-size:10px;color:#9aa5b4;text-align:center;line-height:1.7;margin-top:34px}.form-error{font-size:11px;color:var(--red);margin:0}.input-with-icon{border:1px solid #dfe5ee;border-radius:8px;padding:0 11px}.input-with-icon:focus-within{border-color:#8799ed;box-shadow:0 0 0 3px #edf0ff}@media(max-width:1050px){.content-wrap{padding:27px 22px 45px}.topbar{padding:0 22px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.calendar-layout,.content-grid{grid-template-columns:1fr}.side-stack{display:grid;grid-template-columns:1fr 1fr}.installment-grid{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{width:100%;height:72px;inset:auto 0 0;padding:7px 10px;display:block;box-shadow:0 -8px 24px rgba(26,44,78,.1)}.brand,.mobile-close,.sidebar-note,.sidebar-spacer,.version,.workspace-label{display:none}.main-nav{flex-direction:row;justify-content:space-around;gap:2px}.main-nav,.nav-link{height:100%;display:flex}.nav-link{padding:6px 4px;flex-direction:column;justify-content:center;gap:4px;font-size:9px;border-radius:9px;flex:1 1}.nav-link svg{width:18px;height:18px}.main-area{width:100%;margin-left:0;padding-bottom:60px}.topbar{height:62px;padding:0 16px}.mobile-menu{display:grid}.breadcrumbs{font-size:11px;margin-right:auto;margin-left:9px}.breadcrumbs span{display:none}.topbar-add{font-size:0;width:32px;height:32px;padding:0;display:grid;place-items:center}.profile-button>svg,.profile-copy{display:none}.topbar-actions{gap:9px}.content-wrap{padding:23px 15px 28px}.page-heading{align-items:flex-start;flex-direction:column;gap:14px}.page-heading h1{font-size:24px}.page-heading>.button{width:100%}.metrics-grid{gap:9px}.metric-card{padding:14px;min-height:132px}.metric-value{font-size:17px}.metric-label{font-size:10px;max-width:90px}.metric-detail{font-size:9px}.metric-icon{right:11px;top:12px;width:29px;height:29px}.period-bar{max-width:none;width:100%}.progress-panel{display:block;padding:15px}.progress-big{min-width:0;margin-top:14px}.content-grid{gap:13px}.bills-panel,.side-panel{padding:15px}.bill-card{align-items:flex-start;flex-wrap:wrap;gap:9px}.bill-date{width:34px}.bill-date strong{font-size:18px}.bill-main{width:calc(100% - 50px)}.bill-action{margin-left:43px}.side-stack{display:flex}.history-summary,.summary-strip{grid-template-columns:1fr 1fr}.history-summary>div:last-child,.summary-strip>div:last-child{grid-column:span 2}.toolbar-line{flex-direction:column;align-items:stretch}.search-box{min-width:0}.select-control{width:100%}.installment-card{padding:15px}.installment-details{gap:6px}.installment-details strong{font-size:10px}.month-switcher{width:100%;justify-content:space-between}.calendar-board{padding:8px}.calendar-day{min-height:80px;padding:5px}.calendar-weekdays span{font-size:9px}.calendar-event{padding:4px 3px}.calendar-event small{display:none}.calendar-event span{font-size:8px}.calendar-side{padding:15px}.history-row{padding:13px 12px;gap:8px;flex-wrap:wrap}.history-date{width:102px}.history-main{min-width:calc(100% - 135px);order:3;margin-left:27px}.history-amount{margin-left:auto}.receipt-button{margin-left:27px}.table-toolbar{padding:12px;flex-direction:column;align-items:stretch}.table-toolbar .select-control{margin-left:0}.settings-layout{grid-template-columns:1fr}.settings-menu{display:grid;grid-template-columns:repeat(3,1fr)}.settings-menu-item{padding:9px 5px;justify-content:center;font-size:10px}.settings-menu-item svg{display:none}.form-grid{grid-template-columns:1fr}.modal-card{padding:19px}.login-page{display:block}.login-art{display:none}.login-panel{min-height:100vh;padding:31px 23px;align-items:start}.mobile-login-brand{display:flex;align-items:center;gap:10px;margin-bottom:68px;font-family:Manrope,sans-serif;font-size:16px}.login-heading h2{font-size:24px}}.status.due-today{color:#a65e16;background:#ffedcf}.current-period-button{border:0;background:#fff;color:#4560d3;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:700;white-space:nowrap}.secondary-insights{display:grid;grid-template-columns:.8fr 1.2fr;gap:15px}.next-month-card,.remaining-obligation{padding:16px 18px}.next-month-card span,.remaining-obligation>span{display:block;color:#98a4b2;font-size:10px}.next-month-card strong,.remaining-obligation strong{display:block;font-family:Manrope,sans-serif;font-size:18px;color:#293750;margin-top:6px}.next-month-card small,.remaining-obligation small{display:block;color:#a0a9b5;font-size:9px;margin-top:5px}.next-month-card{display:flex;justify-content:space-between;align-items:center;gap:15px}.next-month-card>div:last-child{text-align:right}.next-month-card b{display:block;font-size:14px;color:#3b4b65}.next-month-card a{display:inline-block;margin-top:6px;color:#5067d8;font-size:10px;font-weight:700}.form-section-title{font-family:Manrope,sans-serif;color:#33415b;font-size:12px;font-weight:700;border-top:1px solid #eef1f5;padding-top:11px}.form-section-title.optional{color:#8894a5;font-family:DM Sans,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.8px}.payment-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;background:#f7f9fc;border-radius:9px;padding:14px}.detail-note span,.payment-detail-grid span{display:block;color:#98a4b2;font-size:9px}.payment-detail-grid strong{display:block;color:#42516a;font-size:11px;margin-top:4px}.timing-callout{margin-top:14px;background:#eaf7f2;color:#147b61;padding:10px 12px;border-radius:8px;font-size:11px;font-weight:700}.detail-note{border-top:1px solid #eff2f6;margin-top:13px;padding-top:11px}.detail-note p{font-size:11px;color:#4c5870;margin:5px 0 0}.toast-stack{position:fixed;right:22px;bottom:22px;z-index:100;flex-direction:column}.toast,.toast-stack{display:flex;gap:9px}.toast{align-items:center;background:#172443;color:#fff;padding:11px 12px;border-radius:9px;box-shadow:0 12px 25px rgba(18,33,62,.22);font-size:11px;min-width:230px}.toast>svg{color:#58d3a7}.toast span{flex:1 1}.toast button{border:0;background:transparent;color:#aebbd3;display:grid;place-items:center}@media(max-width:700px){.secondary-insights{grid-template-columns:1fr}.current-period-button{margin-left:4px}.toast-stack{right:14px;left:14px;bottom:83px}.toast{min-width:0}}.pretracking-note{margin-top:12px;padding-top:10px;border-top:1px solid #eff2f6;color:#8d98a8;font-size:9px;line-height:1.4}.full-action{width:100%;margin-top:13px;font-size:10px}.history-group-heading{display:flex;justify-content:space-between;align-items:center;background:#f8faff;padding:12px 18px;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6}.history-group-heading strong{font-family:Manrope,sans-serif;color:#394862;font-size:12px}.history-group-heading span{display:block;color:#99a4b2;font-size:9px;margin-top:3px}.history-group-heading b{color:#4b5fd0;font-size:11px}.clickable-row{cursor:pointer}.clickable-row:hover{background:#fbfcff}.button-danger{background:#fff0f1;color:#c9535e;border-color:#ffd6d9}.icon-button.danger-icon{color:#c9535e}.icon-button.danger-icon:hover{background:#fff0f1;color:#b63b48}.account-actions{display:flex;gap:9px;flex-wrap:wrap}.account-config-note{font-size:10px;color:#a26f2b;background:#fff8eb;border:1px solid #f5e4c0;border-radius:7px;padding:9px 10px}.account-config-note.ready{color:#2c8069;background:#eef9f5;border-color:#d4eee5}.form-success{color:#238266;background:#edf9f4;border:1px solid #d4eee5;border-radius:7px;padding:9px 10px;font-size:11px;line-height:1.45}