.payment-stage{min-width:132px;min-height:92px;padding:13px 12px;background:#123b84!important;border:1px solid #3c6cbb!important;border-radius:11px!important;box-shadow:0 6px 14px #020d3a55}.payment-stage strong{display:block;color:#fff!important;font:800 17px Manrope!important;letter-spacing:-.03em}.payment-stage span{display:block;color:#dce8ff!important;font-size:12px!important;font-weight:600;margin-top:8px}.payment-stage.stage-paid{background:#203f68!important;border-color:#416a91!important;opacity:.7}.payment-stage.stage-paid strong{color:#75e5c8!important}.payment-stage.stage-next{background:linear-gradient(145deg,#4d396c,#243d82)!important;border:2px solid #ff9e3d!important;box-shadow:0 0 0 1px #ff9e3d66,0 8px 20px #ff9e3d33}.payment-stage.stage-next strong{color:#fff4dc!important}.weekend-warning{color:#ffe08b!important;font-weight:700}.calendar-cell{background:#f9fbfd!important;color:#263b5f!important}.calendar-cell.today-cell{background:#edf5ff!important}.calendar-event{font-weight:800!important;border:1px solid transparent!important;box-shadow:0 2px 5px #102c5522}.calendar-event.tag-red{background:#ffe0e0!important;color:#a51f2a!important;border-color:#ed6670!important}.calendar-event.tag-blue{background:#ffe0e0!important;color:#a51f2a!important;border-color:#ed6670!important}.calendar-event.tag-green{background:#d9f7ef!important;color:#087968!important;border-color:#53cdb4!important}.calendar-event{background:#d9f7ef!important;color:#087968!important;border-color:#53cdb4!important}.calendar-day-name{background:#eef4fa!important;color:#526b8f!important;font-weight:800}.day-number{color:#243b62!important;font-weight:800}.calendar-cell.muted{background:#f2f5f8!important;color:#9aabc1!important}
.dash-goal.panel{background:linear-gradient(90deg,#0b2e76ee 0%,#0b2e76d5 52%,#0b2e7655 100%),url('assets/mountains.svg') right center/cover no-repeat!important}
.dash-goal{background:linear-gradient(90deg,#0b2e76ee 0%,#0b2e76d5 52%,#0b2e7655 100%),url('assets/mountains.svg') right center/cover no-repeat!important}.dash-stat:nth-child(1) .dash-stat-icon:after{content:''!important;display:block;width:25px;height:25px;background:url('assets/wallet.svg') center/contain no-repeat}.dash-stat:nth-child(2) .dash-stat-icon:after{content:''!important;display:block;width:25px;height:25px;background:url('assets/coins.svg') center/contain no-repeat}.dash-stat:nth-child(3) .dash-stat-icon:after{content:''!important;display:block;width:25px;height:25px;background:url('assets/growth.svg') center/contain no-repeat}.dash-stat:nth-child(4) .dash-stat-icon:after{content:''!important;display:block;width:25px;height:25px;background:url('assets/home.svg') center/contain no-repeat}.dash-stat:nth-child(5) .dash-stat-icon:after{content:''!important;display:block;width:25px;height:25px;background:url('assets/obligation.svg') center/contain no-repeat}.dash-stat:nth-child(6) .dash-stat-icon:after{content:''!important;display:block;width:25px;height:25px;background:url('assets/capital.svg') center/contain no-repeat}
.dash-obligation:nth-child(1):before{background-image:var(--asset-photo,url('assets/apartment.svg'))}.dash-obligation:nth-child(2):before{background-image:var(--asset-photo,url('assets/car.svg'))}.asset-photo-field{grid-column:1/-1;display:flex;flex-direction:column;gap:6px;padding:12px;border:1px dashed #2b5aa8;border-radius:9px;background:#0b2867}.asset-photo-field label{font-size:11px;font-weight:700;color:#a9bde2}.asset-photo-field input[type=file]{color:#dbe7ff}.asset-photo-field small{font-size:10px;color:#809aca}
/* Local visual assets */
.dash-goal{position:relative;overflow:hidden;background:linear-gradient(90deg,#0b2e76eF 0%,#0b2e76d9 52%,#0b2e7655 100%),url('assets/mountains.svg') right center/cover no-repeat!important}.dash-goal:after{content:'';position:absolute;right:-10px;bottom:-22px;width:250px;height:170px;background:url('assets/mountains.svg') right bottom/cover no-repeat;opacity:.18;pointer-events:none}.dash-goal>*{position:relative;z-index:1}.sidebar:after{content:'';display:block;position:absolute;left:0;bottom:0;width:246px;height:230px;background:linear-gradient(180deg,transparent,#061744 92%),url('assets/sidebar-mountains.svg') bottom/cover no-repeat;opacity:.8;pointer-events:none}.sidebar{position:relative;overflow:hidden}.sidebar-bottom{position:relative;z-index:1}
.dash-stat-icon{font-size:0!important;background:#1a4a98 url('assets/icons.svg') center/0 no-repeat!important;box-shadow:inset 0 1px #ffffff22,0 5px 12px #020d3a66}.dash-stat:nth-child(1) .dash-stat-icon{background:linear-gradient(145deg,#2879e7,#12418d)!important}.dash-stat:nth-child(1) .dash-stat-icon:after{content:'▤';font-size:20px;color:#d8eaff}.dash-stat:nth-child(2) .dash-stat-icon{background:linear-gradient(145deg,#b66a42,#653b75)!important}.dash-stat:nth-child(2) .dash-stat-icon:after{content:'▥';font-size:20px;color:#ffe0a0}.dash-stat:nth-child(3) .dash-stat-icon{background:linear-gradient(145deg,#ffb85b,#d95850)!important}.dash-stat:nth-child(3) .dash-stat-icon:after{content:'↗';font-size:22px;color:#fff2c1}.dash-stat:nth-child(4) .dash-stat-icon{background:linear-gradient(145deg,#538ce8,#394bb1)!important}.dash-stat:nth-child(4) .dash-stat-icon:after{content:'⌂';font-size:22px;color:#e5edff}.dash-stat:nth-child(5) .dash-stat-icon{background:linear-gradient(145deg,#dc6b6c,#763d77)!important}.dash-stat:nth-child(5) .dash-stat-icon:after{content:'◴';font-size:21px;color:#ffe0dd}.dash-stat:nth-child(6) .dash-stat-icon{background:linear-gradient(145deg,#4bc7d0,#177a9d)!important}.dash-stat:nth-child(6) .dash-stat-icon:after{content:'◈';font-size:21px;color:#e0ffff}
.dash-obligation{position:relative}.dash-obligation:before{content:'';display:block;float:left;width:74px;height:52px;margin:0 10px 5px 0;border-radius:9px;background:#113579 center/cover no-repeat;box-shadow:0 5px 12px #020d3a66}.dash-obligation:nth-child(1):before{background-image:url('assets/apartment.svg')}.dash-obligation:nth-child(2):before{background-image:url('assets/car.svg')}.dash-obligation:after{content:'';display:block;clear:both}.dash-obligation-top{min-height:52px}
.dash-mini-icon{box-shadow:inset 0 1px #ffffff33,0 4px 9px #020d3a66}.nav-item span{font-weight:700;text-shadow:0 2px 8px #0005}.dash-panel-heading h3{font-size:17px;letter-spacing:-.02em}.dash-stat strong{font-size:21px}.dash-stat-label{font-weight:600}
/* Dense reference dashboard */
.dashboard-shell{display:flex;flex-direction:column;gap:14px}.dash-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.dash-stat{position:relative;min-height:128px;padding:14px 15px;border:1px solid #2858a8;border-radius:14px;background:linear-gradient(145deg,#103984,#092461);box-shadow:0 10px 22px #020b355c;overflow:hidden}.dash-stat:after{content:'';position:absolute;width:80px;height:80px;right:-35px;top:-35px;border-radius:50%;background:#ff9e3d12}.dash-stat-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#1b4a98;color:#ffb34e;font-size:18px;margin-bottom:10px}.dash-stat-label{display:block;color:#afc2e5;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-stat strong{display:block;color:#fff;font:800 20px Manrope;margin-top:8px;letter-spacing:-.05em;white-space:nowrap}.dash-stat small{display:block;color:#8fa8d3;font-size:10px;margin-top:5px}.dash-stat.attention{border-color:#b46950;background:linear-gradient(145deg,#244783,#473863)}.dash-stat.attention .dash-stat-icon,.dash-stat.danger .dash-stat-icon{color:#ffb34e;background:#60436c}.dash-stat.positive strong{color:#55e0bd}.dash-main-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(310px,.9fr);gap:14px}.dash-lower-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px}.dash-goal,.dash-events,.dash-chart,.dash-obligations{min-width:0}.dash-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.dash-panel-heading h3{margin:0;color:#fff;font-size:16px}.dash-panel-heading span{display:block;color:#93abd3;font-size:11px;margin-top:5px}.dash-panel-heading .eyebrow{margin-bottom:5px}.dash-percent{color:#ffb34e!important;font:800 22px Manrope!important;margin:0!important}.dash-progress{height:13px;border-radius:20px;background:#163a7d;border:1px solid #315eaa;overflow:hidden;margin:20px 0 8px}.dash-progress i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#ffbf55,#ff784d);box-shadow:0 0 14px #ff9e3d88}.dash-goal-caption{display:flex;justify-content:space-between;color:#a8bce0;font-size:12px}.dash-goal-caption strong{color:#fff;font-size:15px}.dash-goal-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.dash-goal-facts div{padding:10px 11px;background:#10347a;border:1px solid #1e4b97;border-radius:9px}.dash-goal-facts small{display:block;color:#93abd2;font-size:10px}.dash-goal-facts b{display:block;color:#fff;margin-top:5px;font-size:13px}.dash-goal-facts .orange{color:#ffb34e}.dash-goal-facts .teal,.teal{color:#45ddbd}.dash-event-list{display:flex;flex-direction:column}.dash-event{display:grid;grid-template-columns:56px 10px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #1b4388;font-size:11px}.dash-event:last-child{border-bottom:0}.dash-event-date{color:#a8bce0;font-size:10px}.dash-event-title{color:#e4edff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-event strong{color:#fff;font-size:11px;white-space:nowrap}.dash-event-dot{width:8px;height:8px;border-radius:50%;background:#41d9bb;box-shadow:0 0 8px currentColor}.dash-event-dot.pay{background:#ff9e3d}.dash-event-dot.end{background:#72a9ff}.line-chart{position:relative;height:178px;margin:4px 0 13px;overflow:hidden}.line-chart svg{position:absolute;inset:0;width:100%;height:145px}.chart-grid-lines{position:absolute;inset:0 0 33px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid-lines i{display:block;border-top:1px solid #1a4388}.chart-labels{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;color:#8ea7d1;font-size:10px}.dash-chart-foot{display:flex;justify-content:space-between;border-top:1px solid #1e478e;padding-top:12px;color:#93abd2;font-size:11px}.dash-chart-foot b{color:#fff;font-size:13px}.dash-obligation-list{display:flex;flex-direction:column;gap:11px}.dash-obligation{padding:12px;background:#0d3277;border:1px solid #1e4b96;border-radius:11px}.dash-obligation-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.dash-obligation-top>div{min-width:0}.dash-obligation-top strong{color:#fff;font-size:12px;margin-left:7px}.dash-obligation-top small{display:block;color:#a5b9dd;font-size:10px;margin:6px 0 0 28px}.dash-mini-icon{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#1a4a95;color:#ffad4a}.dash-paid{color:#8fa7d0;font-size:10px;white-space:nowrap}.dash-stages{display:flex;gap:7px;margin-top:11px;overflow:hidden}.dash-stage{min-width:84px;padding:8px;background:#123b84;border:1px solid #2a5aaa;border-radius:8px}.dash-stage b{display:block;color:#fff;font-size:11px;white-space:nowrap}.dash-stage small{display:block;color:#9db3d9;font-size:9px;margin-top:4px;white-space:nowrap}.dash-stage.next{border-color:#ff9e3d;background:#4b3b68;box-shadow:0 0 0 1px #ff9e3d55}.dash-stage.paid{opacity:.53}.dash-stage.paid b{color:#4adfbd}.dash-obligations .primary-button{padding:8px 11px;font-size:11px}
@media(max-width:1200px){.dash-stat-grid{grid-template-columns:repeat(3,1fr)}.dash-main-grid,.dash-lower-grid{grid-template-columns:1fr}}
@media(max-width:720px){.dash-stat-grid{grid-template-columns:repeat(2,1fr)}.dash-goal-facts{grid-template-columns:1fr}.dash-stat strong{font-size:18px}.dash-chart-foot{gap:12px;flex-direction:column}.dash-event{grid-template-columns:48px 8px minmax(0,1fr) auto}}
/* Reference theme: indigo finance dashboard */
:root{--ink:#f4f7ff;--muted:#9baed0;--line:#244b91;--paper:#061b56;--white:#0d2b70;--green:#31d4b0;--green-soft:#123f68;--yellow:#ffb84d;--yellow-soft:#4a3560;--red:#ff6d70;--red-soft:#552d54;--blue:#72a9ff;--blue-soft:#123d82;--accent:#ff9e3d;--accent-soft:#543b5d;--navy:#061a54;--shadow:0 14px 32px rgba(1,12,47,.28)}
body{background:radial-gradient(circle at 75% -10%,#173c91 0,transparent 34%),linear-gradient(135deg,#061747 0,#082b73 48%,#061b56 100%);color:var(--ink)}
.app-shell{background:transparent}.sidebar{width:246px;background:linear-gradient(180deg,#061744 0,#082768 58%,#061844 100%);border-right:1px solid #1d4386;box-shadow:12px 0 35px rgba(0,7,35,.25)}
.brand{padding-bottom:35px;color:#fff}.brand small{color:#8ea5ce}.brand-mark{background:linear-gradient(145deg,#ffb449,#f36d4e);color:#fff;box-shadow:0 8px 20px #f8894c55}
.nav-item{color:#b7c9eb;background:transparent;border:1px solid transparent}.nav-item span{color:#9db7e5}.nav-item:hover{background:#12347b;color:#fff}.nav-item.active{background:linear-gradient(105deg,#ffb64e,#ff7648);color:#fff;box-shadow:0 7px 18px #ff8d4b44;border-color:#ffc05e}.nav-item.active span{color:#fff}.nav-count{background:#153d85;color:#dce8ff}.nav-item.active .nav-count{background:#fff3;color:#fff}.privacy-note{border-color:#1d3c79;color:#849dcc}
.main-content{max-width:1600px;padding:0 34px 48px}.topbar{height:92px;border-bottom:1px solid #173d82}.topbar h1{font-size:23px;color:#fff;letter-spacing:-.04em}.eyebrow{color:#ffb44d}.today{color:#a8bce0}.icon-button,.avatar{background:#0c2b70;color:#d9e6ff;border-color:#28519a;box-shadow:none}.avatar{background:#173b83}
.view-wrap{padding-top:26px}.section-heading h2{color:#fff;font-size:20px}.section-heading p{color:#9db1d5}.primary-button{background:linear-gradient(105deg,#ffb449,#ff7648);border:1px solid #ffc15c;box-shadow:0 7px 18px #ff884844}.primary-button:hover{background:linear-gradient(105deg,#ffc45f,#f46745)}.ghost-button{background:#10327b;border-color:#28529a;color:#dce8ff}.ghost-button:hover{background:#16428e}
.metrics{gap:12px}.metric{background:linear-gradient(145deg,#0d347f,#0a2867);border:1px solid #2856a2;border-radius:15px;box-shadow:0 10px 25px #020d3a55;min-height:128px;padding:17px}.metric:after{background:#ff9e3d22;width:64px;height:64px}.metric-label{color:#b7c9ea}.metric-value{color:#fff;font-size:24px}.metric-sub{color:#a6badf}.metric .positive{color:#39dfbd}.metric .warning{color:#ffba58}.metric .danger{color:#ff7778}
.dashboard-grid{gap:14px;margin-top:14px}.panel{background:linear-gradient(145deg,#0b2d75,#08225f);border:1px solid #2856a2;border-radius:15px;box-shadow:0 12px 28px #020d3a66;padding:18px}.panel h3{color:#fff}.panel-head{margin-bottom:15px}.panel-head span{color:#96abd2}.event{border-color:#193f83;padding:10px 0}.event-date{color:#a6b9dc}.event-icon{background:#173c82;color:#ffae4c}.event-amount{color:#fff}.table-wrap{border-color:#28529a}.data-table th{background:#0a2868;color:#9db2da;border-color:#21488f}.data-table td{color:#dae5fb;border-color:#1e4489}.data-table tr:hover td{background:#12377e}.muted{color:#91a8d0!important}.empty{color:#91a8d0}
.obligation-summary-item,.obligation-card{background:linear-gradient(145deg,#0d347f,#09245f);border:1px solid #2856a2;box-shadow:0 12px 28px #020d3a66;color:#eaf1ff}.obligation-summary-item span,.obligation-summary-item small,.obligation-card-head span{color:#9db2da}.obligation-summary-item strong{color:#fff}.summary-danger strong{color:#ff8a79}.summary-good strong{color:#39dfbd}.obligation-totals div{background:#10347a}.obligation-totals span{color:#9db2da}.obligation-totals strong{color:#fff}.obligation-totals .danger{color:#ff8a79}.payment-stage{background:#10357d;border-color:#2c5ba9;color:#eaf1ff}.payment-stage span{color:#9db2da}.stage-next{border-color:#ff9e3d;background:#3e376b;box-shadow:0 0 0 1px #ff9e3d55,0 8px 20px #ff9e3d33}.stage-paid{background:#12325f;opacity:.62}.stage-paid strong{color:#42dfbe}.payment-toggle{color:#dce8ff}
.calendar-controls button{background:#10347a;color:#dbe7ff}.calendar-title{color:#fff}.calendar-grid{border-color:#28529a}.calendar-day-name{background:#0a2868;color:#9db2da}.calendar-cell{border-color:#1e4489;background:#09225e}.calendar-cell.muted{background:#071b50;color:#526fa7}.calendar-cell.today-cell{background:#123b7e}.calendar-event{background:#153c84}.forecast-card{background:linear-gradient(145deg,#0d347f,#09245f);border:1px solid #2856a2;color:#eaf1ff}.forecast-card h3{color:#fff}.forecast-line{border-color:#21488f}.progress{background:#163b7e}.progress i{background:linear-gradient(90deg,#ffbb55,#ff754d)}
.form-field input,.form-field select,.form-field textarea,.payment-row input,.payment-row select{background:#081e58;color:#e9f1ff;border-color:#28529a}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#ffac4b;box-shadow:0 0 0 3px #ff9e3d33}.payment-section{border-color:#21488f}.weekend-warning{background:#4c3658;color:#ffd071}.weekend-date{border-color:#ffb34b!important;background:#403765!important}.modal-backdrop{background:#020b2dcc}.modal{background:#09245f;border:1px solid #315fae;color:#eaf1ff}.modal-header{border-color:#21488f}.modal-header h2{color:#fff}.close{color:#9db2da}.security-callout{background:#123b68;color:#aee8dc}
.tag-green{background:#124d62;color:#48e1bd}.tag-yellow{background:#59435d;color:#ffd071}.tag-red{background:#5c2f51;color:#ff8984}.tag-blue{background:#153c84;color:#a9c9ff}
@media(max-width:1050px){.main-content{padding:0 22px 40px}.sidebar{width:220px}}
@media(max-width:720px){.sidebar{width:66px;background:#061744;padding:20px 8px}.main-content{padding:0 14px 30px}.topbar{height:84px}.topbar h1{font-size:20px}.metric-value{font-size:22px}.panel,.obligation-card{padding:15px}}

/* Final reference overrides */
html,body{background:#061747!important;color:#f4f7ff!important}body{background:radial-gradient(circle at 74% -8%,#173c91 0,transparent 34%),linear-gradient(135deg,#061747 0,#082b73 50%,#061b56 100%)!important}
.sidebar{background:linear-gradient(180deg,#061744 0,#082768 60%,#061844 100%)!important;border-color:#1d4386!important}.nav-item{color:#b7c9eb!important;background:transparent!important}.nav-item:hover{background:#12347b!important;color:#fff!important}.nav-item.active{background:linear-gradient(105deg,#ffb64e,#ff7648)!important;color:#fff!important;border-color:#ffc05e!important;box-shadow:0 7px 18px #ff8d4b44!important}.nav-item.active span{color:#fff!important}
.main-content{background:transparent!important}.topbar{border-color:#173d82!important}.topbar h1,.section-heading h2,.panel h3,.obligation-card h3{color:#fff!important}.primary-button{background:linear-gradient(105deg,#ffb449,#ff7648)!important;color:#fff!important}.ghost-button{background:#10327b!important;border-color:#28529a!important;color:#dce8ff!important}
.metric,.panel,.forecast-card,.obligation-card,.obligation-summary-item{background:linear-gradient(145deg,#0d347f,#09245f)!important;border-color:#2856a2!important;color:#eaf1ff!important;box-shadow:0 12px 28px #020d3a66!important}.metric-label,.metric-sub,.panel-head span,.section-heading p,.obligation-summary-item span,.obligation-summary-item small{color:#a9bde2!important}.metric-value,.obligation-summary-item strong{color:#fff!important}.metric .positive,.summary-good strong,.teal{color:#43dfbd!important}.metric .warning{color:#ffba58!important}.metric .danger,.summary-danger strong{color:#ff8580!important}.metric:after{background:#ff9e3d1c!important}
.data-table th{background:#0a2868!important;color:#b3c6e8!important}.data-table td{background:#09245f!important;color:#e4edff!important;border-color:#21488f!important}.table-wrap{border-color:#28529a!important}.dash-stat{background:linear-gradient(145deg,#103984,#092461)!important;border-color:#2858a8!important}.dash-stat-label{color:#afc2e5!important}.dash-stat strong{color:#fff!important}.dash-stat.positive strong{color:#55e0bd!important}.dash-goal-facts div,.dash-obligation{background:#10347a!important;border-color:#1e4b97!important}.dash-stage{background:#123b84!important;border-color:#2a5aaa!important}.dash-stage.next{background:#4b3b68!important;border-color:#ff9e3d!important}.dash-progress i,.progress i{background:linear-gradient(90deg,#ffbf55,#ff784d)!important}.calendar-cell,.calendar-day-name,.calendar-controls button{background:#09225e!important;color:#a9bde2!important;border-color:#21488f!important}.modal{background:#09245f!important;border-color:#315fae!important}.form-field input,.form-field select,.form-field textarea,.payment-row input,.payment-row select{background:#081e58!important;color:#e9f1ff!important;border-color:#28529a!important}
/* Visual refresh */
:root{--ink:#17212b;--muted:#76818d;--line:#e2e7eb;--paper:#f3f5f7;--white:#fff;--green:#177b68;--green-soft:#e2f3ee;--yellow:#b7791f;--yellow-soft:#fff2d3;--red:#d45b55;--red-soft:#fde9e7;--blue:#3978b9;--blue-soft:#e8f1fb;--accent:#ef735d;--accent-soft:#fff0eb;--navy:#17212b;--shadow:0 16px 38px rgba(23,33,43,.07)}
body{background:radial-gradient(circle at 88% 0,#fff8f4 0,transparent 30%),var(--paper);color:var(--ink);font-size:14px}
.sidebar{width:264px;background:var(--navy);padding:30px 17px 20px;box-shadow:8px 0 28px rgba(23,33,43,.08)}
.brand{padding:0 14px 42px;font-size:17px;letter-spacing:-.02em}.brand small{color:#9eacb7}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--accent);color:#fff;box-shadow:0 8px 18px #ef735d44}
.nav-item{padding:13px 14px;border-radius:11px;margin:4px 0;color:#aeb9c3;gap:13px}.nav-item span{color:#8493a0}.nav-item:hover{background:#253441;color:#fff}.nav-item.active{background:#fff;color:var(--navy);box-shadow:none}.nav-item.active span{color:var(--accent)}.nav-count{background:#334652;color:#dce5eb}.nav-item.active .nav-count{background:var(--accent-soft);color:var(--accent)}.privacy-note{border-color:#30404c;color:#82919e}
.main-content{max-width:1560px;padding:0 48px 60px}.topbar{height:124px;border-bottom-color:var(--line)}.topbar h1{font-size:29px;letter-spacing:-.05em}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:.18em}.today{color:var(--muted)}.icon-button,.avatar{border:1px solid var(--line);box-shadow:none}.avatar{background:var(--navy);color:#fff}
.view-wrap{padding-top:38px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:22px;letter-spacing:-.04em}.section-heading p{font-size:13px}.primary-button{background:var(--accent);border-radius:10px;box-shadow:0 8px 18px #ef735d33;padding:12px 18px}.primary-button:hover{background:#d95e49}.ghost-button{border-radius:9px}
.metrics{gap:16px}.metric{border:0;border-radius:16px;padding:23px;min-height:150px;box-shadow:var(--shadow)}.metric:after{background:var(--accent-soft);width:78px;height:78px}.metric-value{font-size:28px;letter-spacing:-.06em}.dashboard-grid{gap:20px;margin-top:20px}.panel{border:0;border-radius:16px;padding:24px;box-shadow:var(--shadow)}.panel h3{font-size:16px}.panel-head{margin-bottom:21px}.event{padding:15px 0}.event-icon{background:var(--accent-soft);color:var(--accent);border-radius:9px}
.table-wrap{border-color:var(--line);border-radius:12px}.data-table th{background:#f7f8f9;padding:14px}.data-table td{padding:16px}.data-table tr:hover td{background:#fffaf8}
.obligation-summary{gap:16px}.obligation-summary-item{border:0;border-radius:16px;box-shadow:var(--shadow);padding:21px}.obligation-summary-item strong{font-size:22px;letter-spacing:-.04em}.summary-danger strong{font-size:14px}.obligation-card{border:0;border-radius:16px;box-shadow:var(--shadow);padding:24px}.obligation-card h3{font-size:19px}.obligation-totals{gap:12px}.obligation-totals div{background:#f5f7f8;border-radius:10px}.payment-stage{border-color:#d9e4e0;border-radius:12px;background:#f7fcfa;min-width:128px}.stage-next{border-color:var(--accent);box-shadow:0 8px 18px #ef735d22;background:#fffaf8}.stage-paid{background:#f1f3f4}
.form-field input,.form-field select,.form-field textarea,.payment-row input,.payment-row select{border-color:#dfe5e9;background:#f8fafb;border-radius:9px}.modal{border-radius:18px}.modal-header{padding:24px 26px}.modal-body{padding:24px 26px}.forecast-card{border:0;border-radius:15px;box-shadow:var(--shadow)}
@media(max-width:720px){.main-content{padding:0 15px 34px}.topbar{height:96px}.topbar h1{font-size:23px}.view-wrap{padding-top:27px}.metric{min-height:128px}.panel,.obligation-card{padding:18px}.obligation-summary-item{padding:18px}}
*{box-sizing:border-box} :root{--ink:#20312f;--muted:#71807c;--line:#e5ebe7;--paper:#f6f8f5;--white:#fff;--green:#1e7b63;--green-soft:#e1f2eb;--yellow:#b7791f;--yellow-soft:#fff3d7;--red:#c6534e;--red-soft:#fde9e7;--blue:#3978b9;--blue-soft:#e8f1fb;--shadow:0 12px 34px rgba(32,49,47,.06)}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.app-shell{display:flex;min-height:100vh}.sidebar{background:#193c35;color:#e9f2ed;width:246px;padding:27px 15px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;padding:0 14px 32px;font:800 16px Manrope,sans-serif;line-height:1.1}.brand small{font:500 10px 'DM Sans';letter-spacing:.05em;color:#a5c7b9}.brand-mark{width:35px;height:35px;background:#d8efdf;color:#1d5e4c;border-radius:11px;display:grid;place-items:center;font:800 21px Manrope}.nav-item{color:#bdd0c8;background:none;width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-radius:9px;margin:3px 0;font-weight:500;transition:.2s}.nav-item span{font-size:19px;width:20px;text-align:center;color:#93b4a7}.nav-item:hover,.nav-item.active{background:#27584c;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #d2e8d1}.nav-item.active span{color:#d2e8d1}.nav-count{margin-left:auto;background:#38695d;color:#d4e8df;border-radius:10px;padding:1px 7px;font-size:11px}.sidebar-bottom{margin-top:auto}.privacy-note{border-top:1px solid #315b50;margin:15px 10px 0;padding:15px 4px;color:#91b2a6;font-size:11px;line-height:1.5}.main-content{flex:1;min-width:0;max-width:1500px;margin:auto;padding:0 42px 48px}.topbar{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:700;color:#9aa8a3;margin:0 0 7px}.topbar h1{font:800 25px Manrope;margin:0;letter-spacing:-.03em}.top-actions{display:flex;align-items:center;gap:15px}.today{color:var(--muted);font-size:13px}.icon-button,.avatar{width:38px;height:38px;border-radius:10px;background:#fff;color:var(--ink);box-shadow:var(--shadow)}.avatar{background:#ddede4;color:#27614d;font-weight:700}.view-wrap{padding-top:31px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-heading h2{font:800 18px Manrope;margin:0}.section-heading p{color:var(--muted);margin:5px 0 0}.primary-button{background:var(--green);color:#fff;padding:11px 17px;border-radius:8px;font-weight:600;box-shadow:0 4px 10px #1e7b6322}.primary-button:hover{background:#16604e}.ghost-button{background:#fff;border:1px solid var(--line);color:var(--ink);padding:10px 14px;border-radius:8px;font-weight:600}.button-row{display:flex;gap:9px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;min-height:135px;box-shadow:var(--shadow);position:relative;overflow:hidden}.metric:after{content:'';width:62px;height:62px;border-radius:50%;background:var(--green-soft);position:absolute;right:-23px;top:-24px}.metric-label{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:7px}.metric-value{font:800 25px Manrope;margin-top:15px;letter-spacing:-.04em}.metric-sub{margin-top:10px;font-size:12px;color:var(--muted)}.metric .positive{color:var(--green)}.metric .warning{color:var(--yellow)}.metric .danger{color:var(--red)}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-top:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px;box-shadow:var(--shadow)}.panel h3{font:800 15px Manrope;margin:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.panel-head span{font-size:12px;color:var(--muted)}.events{display:flex;flex-direction:column;gap:2px}.event{display:grid;grid-template-columns:91px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #f0f3f1}.event:last-child{border:0}.event-date{font-weight:700;font-size:12px;color:var(--muted)}.event-icon{width:28px;height:28px;border-radius:8px;display:inline-grid;place-items:center;margin-right:8px;background:var(--green-soft);color:var(--green)}.event-main{display:flex;align-items:center;font-size:13px}.event-main small{display:block;color:var(--muted);font-size:11px}.event-amount{font-weight:700;font-size:12px;white-space:nowrap}.tag{display:inline-flex;align-items:center;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:700}.tag-green{background:var(--green-soft);color:var(--green)}.tag-yellow{background:var(--yellow-soft);color:var(--yellow)}.tag-red{background:var(--red-soft);color:var(--red)}.tag-blue{background:var(--blue-soft);color:var(--blue)}.mini-bars{height:178px;display:flex;align-items:flex-end;gap:11px;border-bottom:1px solid var(--line);padding:0 8px 0}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.bar{width:100%;max-width:25px;background:#cfe8dc;border-radius:5px 5px 0 0;min-height:8px}.bar.current{background:var(--green)}.bar-col label{font-size:10px;color:var(--muted);padding-bottom:8px}.capital-legend{display:flex;gap:14px;margin-top:13px;font-size:11px;color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:4px;background:var(--green)}.dot.dark{background:#20312f}.notice-list{display:flex;flex-direction:column;gap:10px}.notice{display:flex;gap:11px;padding:12px;border-radius:8px;background:#fafcfb;font-size:12px;line-height:1.35}.notice strong{display:block;margin-bottom:3px}.notice-icon{color:var(--yellow);font-size:17px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}.data-table{width:100%;border-collapse:collapse;min-width:700px}.data-table th{text-align:left;background:#f8faf8;color:var(--muted);font-size:11px;font-weight:600;padding:12px 14px;white-space:nowrap}.data-table td{padding:14px;border-top:1px solid var(--line);font-size:12px;vertical-align:middle}.data-table td strong{font-size:13px}.data-table tr:hover td{background:#fcfefd}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.empty-icon{font-size:38px;color:#c0d2c8;margin-bottom:12px}.split-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.stat-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.stat-row:last-child{border:0}.stat-row span{color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.full{grid-column:1/-1}.form-field label{font-size:11px;font-weight:700;color:var(--muted)}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--line);background:#fbfcfb;border-radius:7px;padding:10px 11px;color:var(--ink);outline:0}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#83bca8;box-shadow:0 0 0 3px #83bca822}.payment-section{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.payment-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.payment-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;margin-top:8px}.payment-row input,.payment-row select{min-width:0;border:1px solid var(--line);background:#fbfcfb;border-radius:7px;padding:10px 11px;color:var(--ink);outline:0}.modal-backdrop{position:fixed;inset:0;background:#193c3555;display:grid;place-items:center;padding:20px;z-index:5}.modal{background:#fff;border-radius:14px;width:min(590px,100%);max-height:90vh;overflow:auto;box-shadow:0 20px 70px #193c3533}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}.modal-header h2{font:800 18px Manrope;margin:0}.close{font-size:24px;background:none;color:var(--muted)}.modal-body{padding:22px 24px}.modal-footer{display:flex;justify-content:flex-end;gap:9px;padding:0 24px 22px}.calendar-controls{display:flex;align-items:center;gap:12px}.calendar-controls button{background:#f0f5f1;border-radius:7px;padding:7px 10px}.calendar-title{font:800 16px Manrope;min-width:140px;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}.calendar-day-name{background:#f8faf8;color:var(--muted);font-size:11px;padding:12px;text-align:center}.calendar-cell{min-height:100px;border-top:1px solid var(--line);border-right:1px solid var(--line);padding:9px;font-size:12px}.calendar-cell:nth-child(7n){border-right:0}.calendar-cell.muted{color:#b7c2bd;background:#fafbfa}.calendar-cell.today-cell{background:#eff8f2}.day-number{font-weight:700}.calendar-event{font-size:10px;padding:4px 5px;border-radius:4px;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forecast-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.forecast-card{padding:20px;border-radius:10px;background:#fff;border:1px solid var(--line)}.forecast-card h3{font:800 15px Manrope;margin:0 0 17px}.forecast-total{font:800 20px Manrope;margin-bottom:18px}.forecast-line{display:flex;justify-content:space-between;font-size:12px;padding:7px 0;border-top:1px solid var(--line)}.progress{height:7px;background:#edf1ee;border-radius:9px;margin-top:8px;overflow:hidden}.progress i{display:block;height:100%;background:var(--green);border-radius:9px}.settings-box{max-width:720px}.security-callout{background:#edf7f1;padding:14px;border-radius:8px;color:#28614e;font-size:12px;line-height:1.5;margin-bottom:18px}@media(max-width:1050px){.sidebar{width:210px}.main-content{padding:0 24px 40px}.metrics{grid-template-columns:repeat(2,1fr)}.forecast-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.sidebar{width:66px;padding:20px 8px}.brand{padding:0 7px 30px}.brand>span:last-child,.nav-item:not(.active)::after,.nav-item{font-size:0}.nav-item span{font-size:19px}.nav-item{justify-content:center;padding:12px 7px}.nav-count,.privacy-note{display:none}.main-content{padding:0 15px 30px}.topbar{height:92px}.topbar h1{font-size:20px}.today{display:none}.metrics,.dashboard-grid,.split-grid,.forecast-cards{grid-template-columns:1fr}.metric{min-height:115px}.metric-value{font-size:23px}.event{grid-template-columns:70px 1fr}.event-amount{grid-column:2}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.calendar-cell{min-height:77px;padding:5px}.calendar-event{font-size:9px}.calendar-day-name{padding:8px 2px;font-size:9px}}