:root{font:15px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#142036;background:#f8f9fb;--navy:#101d36;--gold:#c7a956}body{background:linear-gradient(180deg,#f7f3e8 0,#fafbfc 380px);min-height:100vh}.app-header{max-width:none;background:#fff;border-bottom:1px solid #e1e3e8;padding:18px max(24px,calc((100vw - 1220px)/2));flex-wrap:nowrap}.brand{display:flex;align-items:center;gap:12px;font-size:23px;letter-spacing:-.7px;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:var(--navy);color:var(--gold);height:43px;width:43px;border-radius:9px;font-size:28px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#526075;margin-top:3px}.account-controls{display:flex;flex-direction:column;align-items:flex-end}.account-actions{align-items:center;gap:16px}.ledger-picker{font-size:10px;color:#657083;letter-spacing:.3px}.ledger-picker select{min-height:38px;padding:7px 10px;font-size:13px;width:185px}.guide-link,#adminLink{color:var(--navy);font-size:13px;text-decoration:none}#identityLabel{font-size:10px;color:#687487}#trialSignout{min-height:38px;font-size:13px;padding:7px 11px}.preview-ribbon{max-width:1220px;margin:17px auto 0;padding:0 24px;color:#89702b;font-size:10px;font-weight:750;letter-spacing:1.4px;display:flex;gap:16px;align-items:center}.preview-ribbon span{font-size:11px;letter-spacing:0;font-weight:400;color:#6d7380}main{max-width:1268px;padding-top:18px}.top{background:var(--navy);color:#fff;border-radius:14px;padding:29px 30px;margin:0 0 20px;gap:24px}.top h1{font-size:30px;letter-spacing:-.9px;margin:8px 0 10px;font-weight:650}.top .eyebrow{color:#e0c97f;font-weight:650;letter-spacing:1.6px;font-size:10px}.top .muted{color:#c8d0de;font-size:13px}.top button.primary{background:#d3b86b;color:#101d36;border-color:#d3b86b;font-weight:650;padding:12px 16px;white-space:nowrap}.section-nav{display:flex;background:white;border:1px solid #dedfe4;border-radius:10px;margin-bottom:22px;padding:7px;gap:5px;box-shadow:0 2px 3px #14203608}.section-nav button{flex:1;border:0;background:transparent;border-radius:6px;padding:13px 10px;font-size:13px;font-weight:600;white-space:nowrap;border-bottom:2px solid transparent}.section-nav button[aria-current=page]{background:#faf6e9;border-bottom-color:#b08b33}.card{border-color:#dfe3e9;border-radius:13px;box-shadow:0 2px 5px #15213a04;padding:23px}h2{font-size:17px;letter-spacing:-.3px}small,.muted{color:#647083}.eyebrow{color:#687487;font-size:10px;font-weight:650;letter-spacing:1.2px}.big{font-size:35px;color:var(--navy);margin:12px 0 22px}.value{font-size:27px;letter-spacing:-.6px;margin:12px 0 4px;color:var(--navy)}.grid{grid-template-columns:310px minmax(0,1fr);gap:22px}.stats{gap:14px}.stats .card{padding:19px;min-height:137px;border-top:3px solid #c9ad60}.stats small{font-size:11px}.account{padding:12px 0;border-bottom:1px solid #eceef2;margin:0}.account-name{font-size:13px}.account input{width:110px;font-weight:600}.account-order button{font-size:10px;color:#687487;border-color:#e5e7eb}.account-card h2:before,.forecast-card h2:before,.payments-card h2:before,.trial h2:before,.import-card h2:before{content:'↗';display:inline-grid;place-items:center;background:#dfcd96;color:#26314a;height:27px;width:27px;border-radius:7px;margin-right:10px;font-size:15px}button,input,select{border-color:#dce0e6;border-radius:7px;color:#17233a}button:hover{background:#f5f2e8}button.primary{background:var(--navy);border-color:var(--navy);color:#fff}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b38b32;outline-offset:3px}.trial{background:#fffdf6;border-top:3px solid #c5a34a}.trial .muted{font-size:13px;line-height:1.6}.trial label{display:block;margin-top:10px}.trial input,.trial select{font-size:14px}.trial #commitTrial{background:var(--navy);color:#fff}.trial #clearTrial{background:transparent;border:0;font-size:12px}.note{font-size:12px;line-height:1.7}.detail{background:#f4f6fa;border:1px solid #e8ebf0;padding:15px;font-size:13px}.legend{font-size:11px;gap:19px;flex-wrap:wrap}.legend .green{color:#162642}.legend .orange{color:#896820}.footer{padding:12px 2px;color:#657184}.footer button{font-size:11px;margin-top:12px}.section-caption{font-size:11px;font-weight:600;color:#aa8b39;letter-spacing:1.5px;margin-bottom:14px}.account-card{border-top:3px solid #334462}.forecast-card{border-top:3px solid #334462}.payments-card{border-top:3px solid #c5a34a}.import-card{border-top:3px solid #8791a3}.month-controls{font-size:12px}.month-controls input{width:150px}.row{font-size:13px}body[data-view=accounts] .grid,body[data-view=payments] .grid,body[data-view=import] .grid{display:block}body[data-view=accounts] aside{display:block;max-width:720px}body[data-view=payments] aside,body[data-view=import] aside{display:none}body[data-view=accounts] .content-column{display:none}body[data-view=payments] .content-column>:not(.payments-card),body[data-view=import] .content-column>:not(.import-card):not(.footer),body[data-view=accounts] .trial{display:none}body[data-view=experiment] .account-card,body[data-view=experiment] .stats,body[data-view=experiment] .payments-card,body[data-view=experiment] .import-card,body[data-view=experiment] .footer{display:none}body[data-view=overview] .trial,body[data-view=overview] .import-card{display:none}body[data-view=overview] .payments-card{background:#fff}svg{height:285px}#chart text{fill:#6a7688}.negative{color:#b13d45}.positive{color:#227357}.auth-panel{border-top:3px solid #c5a34a}@media(min-width:1050px){.forecast-card .toolbar{align-items:center}.forecast-card .toolbar button,.forecast-card .toolbar select{font-size:12px;padding:8px}}
@media(max-width:900px){.grid{grid-template-columns:1fr}aside{display:block}.app-header{padding:16px 22px}.brand{font-size:20px}.account-actions{gap:9px}.guide-link{font-size:11px}.top h1{font-size:28px}body[data-view=overview] .account-card #accounts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}body[data-view=overview] .account{flex-wrap:wrap}.big{margin-bottom:14px}.stats .card{min-height:120px}}
@media(max-width:600px){.app-header{position:static;display:flex;flex-direction:column;align-items:stretch;padding:16px;gap:12px}.brand{font-size:22px}.account-controls{align-items:stretch}#identityLabel{display:none}.account-actions{display:grid;grid-template-columns:1fr auto auto;gap:9px}.guide-link{grid-column:auto;min-height:38px;padding:0}.ledger-picker{font-size:10px}.ledger-picker select{width:100%;font-size:13px}.preview-ribbon{padding:0 16px;font-size:9px;gap:10px;align-items:flex-start}.preview-ribbon span{font-size:10px}main{padding:16px}.top{padding:23px 20px;display:block}.top h1{font-size:28px;line-height:1.15}.top .muted{font-size:12px;line-height:1.6;display:block}.top button{margin-top:19px}.section-nav{overflow:auto;gap:2px;padding:5px}.section-nav button{flex:0 0 auto;padding:12px 14px;font-size:12px}.card{padding:20px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.stats .card{padding:16px;min-height:110px}.stats .card:last-child{grid-column:1/-1;min-height:0;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.stats .card:last-child small{display:none}.stats .value{font-size:25px}.stats input{width:115px}.toolbar{gap:16px}.forecast-card .toolbar>div{display:flex;gap:5px;flex-wrap:wrap}.forecast-card button,.forecast-card select{font-size:12px;padding:8px}.legend{gap:12px;font-size:10px}svg{height:215px;margin-top:10px}.detail input{max-width:155px;font-size:14px}.detail{font-size:12px}.month-controls{gap:5px}.month-controls label{font-size:11px}.month-controls input{width:145px}.month-controls button{font-size:12px;padding:8px}body[data-view=overview] .account-card #accounts{display:block}.account{flex-wrap:nowrap!important}.account-card .big{font-size:33px}.account-name{font-size:14px}.account-order{flex-direction:row}.account input{width:105px}.section-caption{font-size:10px}input,select{min-height:40px}dialog{padding:22px}.row{overflow-wrap:anywhere}.actions{flex-wrap:wrap}}
/* Align the brand and account controls; inset the select chevron evenly. */
.app-header{align-items:center}
.account-controls{position:relative;padding-top:0}
#identityLabel{position:absolute;right:0;bottom:calc(100% + 5px);white-space:nowrap}
.account-actions{align-items:center}
.ledger-picker{position:relative;padding-top:0}
.ledger-picker select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23526075' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px 14px;padding-right:40px}
@media(min-width:601px){.app-header{min-height:112px}.ledger-picker{display:block}.ledger-picker select{height:40px}.ledger-picker{font-size:0}.ledger-picker .ledger-label{position:absolute;bottom:calc(100% + 5px);left:0;font-size:10px;letter-spacing:.3px}#trialSignout,.guide-link{height:40px;min-height:40px;display:flex;align-items:center}}
@media(max-width:600px){.account-controls{padding-top:0}#identityLabel{display:none}.ledger-picker select{background-position:right 12px center}}

@media(max-width:600px){.ledger-label{display:block;margin-bottom:4px}}

/* Consistent inset chevrons for every select, including forms and dialogs. */
select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23526075' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px 14px;padding-right:40px!important}
@media(max-width:600px){
 .account-actions{align-items:end;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
 .ledger-picker{display:block;min-width:0}
 .ledger-label{display:block;margin-bottom:6px;line-height:14px}
 .ledger-picker select{height:40px;min-height:40px;font-size:12px;padding-left:9px;padding-right:30px!important;background-position:right 10px center;background-size:12px 12px}
 #trialSignout,.guide-link{height:40px;min-height:40px;display:flex;align-items:center;justify-content:center;margin:0}
 #trialSignout{padding:7px 9px;font-size:12px}
 .guide-link{padding:0;font-size:11px;white-space:nowrap}
}
@media(max-width:600px){
 .guide-link{color:#162642;font-weight:700;white-space:normal;width:70px;text-align:center;line-height:1.25}
}
@media(max-width:600px){
 .section-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:5px;padding:6px}
 .section-nav button{min-width:0;width:100%;white-space:normal;min-height:44px;padding:10px 8px;line-height:1.3;font-size:12px}
}

.top{padding:22px 26px}.top h1{margin:6px 0 0;font-size:28px}
@media(max-width:600px){.top{padding:17px 20px}.top h1{font-size:26px;line-height:1.2;margin:6px 0 0}.top button{margin-top:15px}.top .eyebrow{font-size:10px;letter-spacing:1.2px}}

#syncBanner{border-left:4px solid #c7a956}#syncBanner button{min-height:40px}.app-header #identityLabel{max-width:100%}

.template-download{display:inline-flex;align-items:center;padding:9px 12px;background:#101d36;border:1px solid #101d36;border-radius:7px;color:white;font-weight:600;text-decoration:none}.template-download:hover{background:#243b60}
/* Place status and navigation accents along the top, matching the cards. */
#syncBanner{border-left:1px solid #dfe3e9;border-top:3px solid #c7a956}
#syncMessage{color:#162642;font-weight:700}
.section-nav button{border-bottom:0;border-top:2px solid transparent}
.section-nav button[aria-current=page]{border-bottom:0;border-top-color:#b08b33}

/* Match guide-link emphasis on desktop and mobile. */
.guide-link{color:#162642;font-weight:700}

/* Compact sync lives with the brand; warnings retain their text and recovery actions. */
.brand-area{display:grid;gap:8px;min-width:0;max-width:480px}
#syncBanner.sync-status{margin:0!important;padding:5px 9px;max-width:100%;width:fit-content;border:1px solid #e4d8b7;border-radius:6px;background:#fcfaf3;box-shadow:none;font-size:11px;line-height:1.45}
#syncMessage{font-size:11px;color:#162642;font-weight:700}
#syncBanner[data-state=synced] #syncMessage:before{content:'✓';color:#876a23;margin-right:6px}
#syncActions:empty{display:none!important}
#syncBanner[data-state=attention]{padding:10px 12px;border-top:3px solid #c7a956;background:#fff8e9}
#syncBanner[data-state=attention] #syncMessage{font-size:12px}
#syncBanner button{font-size:12px;white-space:normal}
#trialWelcome{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;align-items:center;border-top:3px solid #c7a956;background:linear-gradient(115deg,#fff 55%,#fcf9ef);padding:24px 26px}
#trialWelcome .eyebrow{color:#876a23;font-size:10px;letter-spacing:1.6px;margin-bottom:9px}
#trialWelcome h2{font-size:23px;color:#142036;margin:0 0 10px;letter-spacing:-.5px}
#trialWelcome p{font-size:14px;line-height:1.65;color:#647083;margin:0;max-width:650px}
.welcome-actions{display:grid;gap:8px}
.welcome-guide,.welcome-save{display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;border-radius:7px;font-size:13px;font-weight:650;padding:11px 12px}
.welcome-guide{background:#101d36;color:#fff;border:1px solid #101d36}.welcome-guide:hover{background:#243b60}
.welcome-save{background:#fff;color:#162642;border:1px solid #dce0e6}
#trialWelcomeDismiss{font-size:12px;color:#647083;background:transparent;border:0;padding:5px;min-height:32px}
@media(max-width:900px){.app-header{gap:20px;flex-wrap:wrap}.brand-area{max-width:100%}}
@media(max-width:600px){.brand-area{justify-items:center;gap:7px}#syncBanner.sync-status{padding:4px 8px}#syncBanner[data-state=attention]{width:100%;padding:10px}#trialWelcome{grid-template-columns:1fr;padding:20px;gap:16px}#trialWelcome h2{font-size:21px}#trialWelcome p{font-size:13px}.welcome-actions{grid-template-columns:1fr 1fr;gap:8px}.welcome-guide{grid-column:1/-1}.welcome-save,#trialWelcomeDismiss{font-size:12px}.app-header #identityLabel{position:static;font-size:10px;text-align:right}}
@media(max-width:600px){.brand-area{justify-items:start;width:100%}}

.ledger-picker .ledger-label{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}
#renameCashflow{padding:0;border:0;background:transparent;color:#243b60;font-size:11px;font-weight:700;text-decoration:underline;text-underline-offset:2px;min-height:18px;cursor:pointer}
#renameDialog p{line-height:1.6}#renameCashflow:focus-visible{outline:3px solid #b38b32;outline-offset:2px}
.ledger-picker select{width:210px}
@media(max-width:600px){.ledger-picker select{width:100%}.ledger-picker .ledger-label{font-size:10px}#renameCashflow{font-size:10px}}