/* Calm, spacious navigation shared across all existing sections. */
:root{--ink:#1c3152;--muted:#64748b;--line:#e1e8f2;--accent:#2563eb;--canvas:#f4f7fc}
body.finance-organized{font-family:Inter,'Segoe UI',system-ui,sans-serif!important;background:var(--canvas)!important;color:var(--ink);font-size:14px}
.finance-organized #app{background:var(--canvas)!important;padding-left:252px!important;min-height:100vh;flex-direction:column}
#legacyNavigation,.finance-legacy-header,#cfQuickAdd{display:none!important}
.finance-nav{position:fixed;inset:0 auto 0 0;width:252px;padding:30px 18px 22px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px;z-index:300;overflow-y:auto}
.finance-brand{display:flex;align-items:center;gap:12px;padding:0 13px 32px;text-decoration:none;color:var(--ink);font-size:26px;letter-spacing:-1.2px;font-weight:750;line-height:1.1}
.finance-brand>span:last-child>span{display:block;font-size:13px;letter-spacing:4px;font-weight:400;color:var(--muted);margin-top:5px}
.brand-symbol{width:42px;height:46px;background:#2563eb;border-radius:14px;color:white;display:grid;place-items:center;font-size:26px;position:relative}.brand-symbol span{position:absolute;right:4px;top:3px;font-size:16px}
.nav-caption{font-size:9px;letter-spacing:1.8px;color:#8a9992;padding:12px 14px 10px;font-weight:650}
.finance-nav-item{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:13px;min-height:49px;padding:12px 15px;text-align:left;border-radius:11px;color:#64748b;font-size:13px;font-weight:550;cursor:pointer}
.finance-nav-item>span:first-child{font-size:22px;width:23px;font-weight:400;color:#7f90aa}.finance-nav-item:hover{background:#f2f6fd}.finance-nav-item.selected{background:#eaf1fe;color:#1d4ed8;font-weight:700}.finance-nav-item.selected>span:first-child{color:#2563eb}
.finance-nav-footer{margin-top:auto;padding-top:45px}.finance-tip{background:#f5f8fd;border:1px solid #e5ebf5;border-radius:13px;padding:15px;margin:0 7px 19px}.finance-tip>span{font-size:11px;font-weight:650;color:#47618a}.finance-tip p{font-size:11px;line-height:1.8;margin:7px 0 0;color:#7a8ca6}.finance-settings{border:0;background:none;color:#64748b;padding:10px 15px;cursor:pointer;text-align:left;font:inherit}
.finance-topbar{min-height:94px;padding:22px 40px;display:flex;align-items:center;gap:25px;background:#fff;border-bottom:1px solid var(--line)}.finance-workspace{display:block;font-size:9px;letter-spacing:1.8px;color:#8292ac;margin-bottom:6px}.finance-topbar b{font-weight:600;font-size:13px}.finance-top-actions{margin-left:auto;display:flex;gap:17px;align-items:center}.unified-period{font-size:10px;color:#6e819e;display:flex;gap:10px;align-items:center}.unified-period input{font-family:inherit;font-size:12px!important;min-height:37px!important;width:167px;background:#f7f9fd!important;border-color:var(--line)!important;color:var(--ink)!important;border-radius:8px;padding:8px!important}.finance-privacy{font-size:11px;background:white;color:#6a7e73;border:0;cursor:pointer;padding:10px}.finance-session{display:flex;align-items:center;gap:15px}.finance-session #cloudStatus{max-width:150px;color:#3c6aab;font-size:10px;border:0;background:none;white-space:normal;text-align:left;margin:0}.finance-session #cloudStatus[data-bad=true]{color:#b42335}.finance-session .firebase-btn-logout{background:#f7f9f7;border:1px solid var(--line);color:#5e7165;font-size:11px;min-height:34px}
.finance-sectionbar{max-width:1420px;margin:auto;padding:24px 38px 0}.finance-subnav{display:flex;gap:7px;flex-wrap:wrap;background:#eaf0fa;padding:5px;border:1px solid #dfe7f5;border-radius:12px;width:fit-content;max-width:100%}.finance-subnav[hidden]{display:none}.finance-subtab{background:transparent;border:0;border-radius:8px;color:#657769;font-size:12px;font-weight:600;padding:11px 17px;cursor:pointer;min-height:40px}.finance-subtab.selected{background:#fff;color:#1d4ed8;box-shadow:0 2px 4px #1a3b2410}.finance-context{font-size:12px;color:#718076;line-height:1.7;margin-top:14px}.finance-context[hidden]{display:none}
.finance-organized .page{max-width:1420px!important;padding:28px 38px 60px!important}.finance-organized .card,.home-card{box-shadow:0 3px 8px #243b251b!important;border-radius:16px!important;border:1px solid var(--line)!important;background:#fff!important}.finance-organized .btn{font-family:inherit;border-radius:9px!important;font-size:12px;min-height:42px;letter-spacing:0;padding:11px 18px;font-weight:600}.finance-organized .btn-blue{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;box-shadow:none!important}.finance-organized .btn-ghost{background:white!important;border:1px solid var(--line)!important;color:#365786!important}.finance-organized .btn-green{background:#eaf2ff!important;color:#2563eb!important;border-color:#d3e2fd!important}.finance-organized input,.finance-organized select,.finance-organized textarea{border-radius:8px;border-color:#dbe4f2;color:#233e65}.finance-organized .stitle{font-size:25px;letter-spacing:-.7px;color:var(--ink)}.finance-organized .stitle small{font-size:12px;color:var(--muted);font-weight:400}.finance-organized .pro-heading h1{color:var(--ink);letter-spacing:-1px}.finance-organized .pro-banner{background:#eff5ff;border-color:#dde8fa}.finance-organized .pro-eyebrow{color:#557fb8}.finance-organized .pro-kpi,.finance-organized .cf3-card{box-shadow:none;border-radius:13px;border-color:var(--line)}
.home-intro{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:3px 0 30px}.home-eyebrow{font-size:9px;font-weight:650;letter-spacing:1.6px;display:flex;align-items:center;gap:7px;color:#7688a6;margin-bottom:14px}.home-eyebrow>span{width:6px;height:6px;border-radius:50%;background:#568de2}.home-intro h1{font-size:clamp(28px,2.7vw,39px);font-weight:650;letter-spacing:-1.7px;line-height:1.2;color:#203b63;margin:0 0 12px}.home-intro h1>span{color:#4b85e6}.home-intro p{font-size:13px;color:#7c8ba6;margin:0;line-height:1.7}.home-intro-actions{display:flex;gap:10px;flex-wrap:wrap}.home-section-label{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:1.4px;font-size:9px;font-weight:650;color:#8b9ab2;margin:0 0 13px}.home-section-label>span:first-child{color:#617da6}
.home-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px}.home-metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px 20px;min-width:0}.home-metric>div{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#697e9e;font-size:11px;font-weight:550}.home-metric i{font-style:normal;font-size:18px;background:#f0f5ff;border-radius:8px;display:grid;place-items:center;width:30px;height:30px}.home-metric strong{display:block;font-size:clamp(20px,2vw,29px);letter-spacing:-1px;font-weight:650;margin:15px 0 10px;overflow-wrap:anywhere;color:#243e65}.home-metric small{font-size:9px;color:#8797b0;letter-spacing:.15px}.home-metric.blue{background:#1e4db7;border-color:#1e4db7}.home-metric.blue>div,.home-metric.blue strong{color:#fff}.home-metric.blue i{background:#ffffff18}.home-metric.blue small{color:#b6cef7}.home-metric.green i{color:#45835a}.home-metric.red i{color:#b98960}.home-metric.purple i{color:#8a7caf}
.home-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:23px}.home-card{padding:24px!important;min-width:0;box-shadow:none!important}.home-card-head{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:17px}.home-card h2{font-size:15px;font-weight:650;letter-spacing:-.3px;margin:0;color:#344d74}.home-tag{font-size:8px;letter-spacing:1px;color:#8f9877;background:#f3f5e9;border:1px solid #ebeedc;padding:6px 8px;border-radius:5px;white-space:nowrap}.home-task{display:flex;align-items:center;gap:13px;padding:18px 0;border-top:1px solid #edf1f8}.task-icon{border:1px solid #e4eaf7;background:#f4f7fd;color:#7293c8;border-radius:9px;min-width:35px;height:35px;display:grid;place-items:center;font-size:19px}.home-task>div{flex:1;min-width:0}.home-task h3{font-size:12px;line-height:1.5;font-weight:600;margin:0 0 5px;color:#3a557c}.home-task p{font-size:10px;color:#8194ad;line-height:1.7;margin:0}.home-task .btn{font-size:10px!important;min-height:34px;padding:8px 11px!important;white-space:nowrap}.home-caption{font-size:10px;color:#96a091;line-height:1.7;margin:-5px 0 12px}.home-bill{border:0;border-top:1px solid #edf1f8;padding:15px 0;background:none;display:flex;align-items:center;width:100%;text-align:left;gap:12px;cursor:pointer;font-family:inherit}.bill-dot{width:7px;height:7px;border-radius:50%;background:#9ebbe9}.home-bill>span:nth-child(2){flex:1;min-width:0}.home-bill b{display:block;font-size:11px;font-weight:550;color:#4f6b94}.home-bill small{display:block;margin-top:5px;font-size:9px;color:#99a18e}.home-bill strong{font-size:12px;font-weight:600;color:#526e97}.home-link{border:0;background:none;padding:8px 0;color:#2f66ba;font-size:10px;font-weight:600;cursor:pointer;font-family:inherit}.home-muted{color:#8193ae;font-size:12px;line-height:1.9;padding:20px 0}.goal-icon{font-size:24px;color:#81936d}.home-goal{padding:8px 0 18px}.home-goal>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#5e799e}.home-goal b{font-weight:500}.home-goal strong{font-weight:600}.goal-track{height:6px;background:#eef2e8;border-radius:8px;overflow:hidden;margin:12px 0 8px}.goal-track>span{height:100%;display:block;background:#6495eb;border-radius:8px}.home-goal small{font-size:9px;color:#8d9db5}.home-history-row{display:flex;align-items:center;gap:13px;border-top:1px solid #edf1f8;padding:15px 0}.history-type{background:#f1f5fc;border-radius:9px;width:33px;height:33px;display:grid;place-items:center;font-size:19px;flex-shrink:0}.home-history-row>div{flex:1;min-width:0}.home-history-row b{font-size:11px;font-weight:550;color:#4f6b94;display:block}.home-history-row small{display:block;font-size:9px;color:#9aa390;margin-top:5px}.home-history-row strong{font-size:12px;font-weight:600;white-space:nowrap}.home-history-row .green{color:#52835d}.home-history-row .red{color:#a17762}.home-empty{text-align:center;padding:23px 15px}.home-empty>span{color:#6d98da;font-size:25px}.home-empty h3{font-size:13px;color:#5d7ca7;margin:10px}.home-empty p{font-size:11px;color:#8d9fba}.home-details{margin-top:24px}.home-details>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:19px 23px;border:1px solid var(--line);background:#eef3fb;border-radius:12px;color:#6581a7;font-size:11px}.home-details[open]>summary{margin-bottom:25px}.home-details>.dash-welcome,.home-details>.pbar{display:none!important}.home-details .stats{grid-template-columns:repeat(5,1fr)}
.finance-settings-mobile{border:1px solid var(--line);border-radius:8px;background:white;color:#64748b;min-height:34px;min-width:34px;cursor:pointer}.finance-organized #cfgPanel{visibility:hidden;pointer-events:none}.finance-organized #cfgPanel.on{visibility:visible;pointer-events:auto}.finance-organized .pro-privacy .page{filter:blur(9px)}.finance-organized.pro-privacy #homePeriod{filter:none}.finance-organized #firebaseLoginScreen{background:radial-gradient(ellipse at 30% 30%,#e4edff,#f4f7fd 70%)!important}.finance-organized .firebase-login-box{max-width:460px!important;background:#ffffffec!important;border-color:#dbe5f5;box-shadow:0 20px 80px #244b8a0d!important;padding:45px!important}.finance-organized .firebase-logo{background:#2563eb!important;color:white!important;border-radius:20px;font-size:35px}.finance-organized .firebase-title{font-size:29px;letter-spacing:-1px;-webkit-text-fill-color:#203c67!important;line-height:1.2}.finance-organized .firebase-subtitle{font-size:13px!important;color:#6c7e9b!important;margin:20px 0 26px;line-height:1.9}.finance-organized .firebase-btn-google{border-color:#dce5f4!important;font:600 13px inherit;color:#31517b!important;min-height:52px;border-radius:10px}.login-brand{font-size:10px;letter-spacing:3px;color:#6b83a7;margin-bottom:15px}.finance-organized .auth-note{font-size:10px!important;color:#8595ad!important;line-height:1.8;margin-top:20px}.finance-organized :focus-visible{outline:3px solid #76a4f4!important;outline-offset:3px}
@media(min-width:1700px){.finance-organized .page{padding-top:35px!important}.home-intro{margin-bottom:40px}.home-metrics{gap:22px}.home-metric{padding:25px}.home-layout{gap:25px}.home-card{padding:28px!important}}
@media(max-width:1250px){.finance-nav{width:214px;padding-inline:11px}.finance-organized #app{padding-left:214px!important}.finance-topbar{padding:18px 26px;gap:12px}.finance-organized .page{padding:25px 26px 50px!important}.finance-sectionbar{padding-inline:26px}.home-intro{align-items:flex-start}.home-intro-actions{flex-direction:column}.home-intro-actions .btn{font-size:11px}.home-layout{grid-template-columns:1.3fr 1fr;gap:16px}.home-card{padding:19px!important}.home-task{flex-wrap:wrap}.home-task .btn{margin-left:48px}.finance-privacy{display:none}.finance-top-actions{margin-left:auto}}
@media(max-width:950px){.finance-nav{inset:auto 0 0;width:100%;height:78px;padding:7px 8px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;overflow:visible;border:0;border-top:1px solid var(--line);padding-bottom:max(8px,env(safe-area-inset-bottom))}.finance-brand,.nav-caption,.finance-nav-footer{display:none}.finance-nav-item{flex-direction:column;justify-content:center;text-align:center;padding:4px 2px;gap:4px;min-height:57px;border-radius:9px;font-size:9px;line-height:1.25}.finance-nav-item>span:first-child{font-size:22px;width:auto}.finance-organized #app{padding-left:0!important}.finance-topbar{min-height:80px;padding:17px 22px;flex-wrap:wrap;gap:12px}.finance-topbar .finance-workspace{font-size:8px}.finance-session{gap:9px}.finance-session #cloudStatus{font-size:9px;max-width:120px}.finance-organized .page{padding:20px 22px 105px!important}.finance-sectionbar{padding:20px 22px 0}.finance-context{font-size:11px}.home-metrics{gap:10px}.home-metric{padding:17px 14px}.home-metric strong{font-size:23px}.home-intro h1{font-size:32px}.home-intro-actions{flex-direction:row}.home-intro{flex-wrap:wrap;gap:20px}.home-layout{gap:16px}.home-details .stats{grid-template-columns:repeat(2,1fr)}.finance-topbar::after{content:''}.finance-session::after{content:none}}
@media(max-width:620px){.finance-topbar{padding:15px 17px;gap:12px}.finance-topbar>div:first-child{flex:1}.finance-session{order:2;flex-basis:100%;justify-content:space-between;border-top:1px solid #eff3e9;padding-top:9px}.finance-session #cloudStatus{max-width:75%;font-size:10px}.finance-session .firebase-btn-logout{min-height:30px}.unified-period{font-size:0;gap:0}.unified-period input{width:153px;font-size:12px!important;min-height:36px!important}.finance-top-actions{margin-left:0}.finance-organized .page{padding:20px 16px 105px!important}.finance-sectionbar{padding:16px 16px 0}.finance-subnav{gap:3px}.finance-subtab{padding:9px 12px;font-size:11px;min-height:39px}.home-intro{margin-bottom:24px}.home-eyebrow{font-size:8px;margin-bottom:12px}.home-intro h1{font-size:31px;letter-spacing:-1.4px}.home-intro p{font-size:12px}.home-intro-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.home-intro-actions .btn{font-size:11px;padding:11px 8px}.home-metrics{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:17px}.home-metric{padding:16px 13px}.home-metric>div{font-size:10px}.home-metric strong{font-size:23px;margin:12px 0 8px}.home-metric small{font-size:8px;line-height:1.6;display:block}.home-metric i{width:24px;height:24px;font-size:15px}.home-layout{grid-template-columns:1fr;gap:16px}.home-card{padding:21px!important}.home-card h2{font-size:14px}.home-task .btn{margin-left:48px}.home-card-head{margin-bottom:13px}.home-section-label{font-size:8px;letter-spacing:1px}.home-history-row strong{font-size:12px}.home-history-row small{line-height:1.6}.finance-nav-item{font-size:8px}.finance-organized .firebase-login-box{padding:32px 24px!important}.finance-organized .firebase-title{font-size:27px}.finance-organized .stitle{font-size:23px}.finance-settings-mobile{display:block}}
@media print{.finance-nav,.finance-topbar,.finance-sectionbar,.home-intro-actions,.home-link{display:none!important}.finance-organized #app{padding-left:0!important}.finance-organized .page{padding:0!important}.home-layout{grid-template-columns:1fr 1fr}.home-card{break-inside:avoid}}
