:root{--color-page:#f6f3ed;--color-page-secondary:#f1eee7;--color-surface:#fffdfc;--color-surface-strong:#fff;--color-surface-muted:#f8f5ef;--color-surface-subtle:#f3efe8;--color-text-primary:#1b1a18;--color-text-secondary:#625f59;--color-text-muted:#858078;--color-text-disabled:#a9a39a;--color-expense:#8b1722;--color-expense-strong:#73111b;--color-expense-soft:#f4e5e6;--color-expense-border:#e5c8cb;--color-revenue:#3e7545;--color-revenue-strong:#2f6237;--color-revenue-soft:#e8f1e6;--color-revenue-border:#cfe0cc;--color-fixed-bg:#eceae5;--color-fixed-text:#59564f;--color-variable-bg:#f5e8bf;--color-variable-text:#76550f;--color-occasional-bg:#e8e8f2;--color-occasional-text:#555c8c;--color-border:#e3ddd3;--color-border-soft:#ece7df;--color-divider:#e8e2d9;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--font-xs:12px;--font-sm:13px;--font-md:14px;--font-base:15px;--font-lg:18px;--font-xl:22px;--font-2xl:28px;--font-3xl:34px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-shell:0 18px 50px #2a231a1a, 0 4px 14px #2a231a0d;--shadow-card:0 8px 24px #2a231a0e;--shadow-subtle:0 2px 8px #2a231a0a;--shell-max:1560px;--rail-width:92px;--sidebar-width:312px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);color:var(--color-text-primary);background:var(--color-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-page);scroll-behavior:smooth;min-width:320px;min-height:100%}body,#root{min-width:320px;min-height:100dvh}body{background:var(--color-page);margin:0;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,h4,p{margin-top:0}h1{margin-bottom:var(--space-1);font-size:var(--font-2xl);letter-spacing:-.035em}h2{font-size:var(--font-base);letter-spacing:-.015em;margin-bottom:0}strong,dd,.entry-amount{font-variant-numeric:tabular-nums}:focus-visible{outline-offset:2px;outline:3px solid #8b172238}.app-page{min-height:100dvh;padding:calc(22px + var(--safe-top)) calc(22px + var(--safe-right)) calc(22px + var(--safe-bottom)) calc(22px + var(--safe-left))}.application-shell{grid-template-columns:var(--rail-width) minmax(0, 1fr) var(--sidebar-width);width:min(100%, var(--shell-max));min-height:calc(100vh - 44px - var(--safe-top) - var(--safe-bottom));min-height:calc(100dvh - 44px - var(--safe-top) - var(--safe-bottom));border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-shell);grid-template-areas:"rail main sidebar";margin:0 auto;display:grid;overflow:hidden}.update-banner{width:min(100%, var(--shell-max));justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-expense-border);border-radius:var(--radius-md);background:var(--color-expense-soft);color:var(--color-text-primary);box-shadow:var(--shadow-subtle);display:flex}.update-banner>div:first-child{gap:var(--space-1);display:grid}.update-banner span{color:var(--color-text-secondary);font-size:var(--font-xs)}.update-actions{gap:var(--space-2);flex:none;display:flex}.navigation-rail{align-items:stretch;gap:var(--space-2);padding:var(--space-5) var(--space-2);border-right:1px solid var(--color-divider);background:var(--color-surface-muted);flex-direction:column;grid-area:rail;display:flex}.brand-mark,.mobile-brand{width:42px;height:42px;margin:0 auto var(--space-6);border-radius:var(--radius-md);background:var(--color-expense);color:#fff;font-size:var(--font-lg);place-items:center;font-weight:750;text-decoration:none;display:grid}.nav-item{border-radius:var(--radius-md);min-height:58px;color:var(--color-text-secondary);text-align:center;place-items:center;padding:7px 4px;font-size:10px;font-weight:650;text-decoration:none;display:grid}.nav-item span{margin-bottom:3px;font-size:17px;line-height:1;display:block}.nav-item:hover,.nav-item:focus-visible,.nav-item.active{background:var(--color-expense-soft);color:var(--color-expense-strong)}.local-note{color:var(--color-text-secondary);text-align:center;gap:3px;margin-top:auto;display:grid}.local-note>span{font-size:20px}.local-note strong{font-size:11px}.local-note small{font-size:9px;line-height:1.35}.mobile-header{display:none}.workspace-main{min-width:0;padding:var(--space-8);grid-area:main}.workspace-header{justify-content:space-between;align-items:center;gap:var(--space-5);display:flex}.workspace-header>div>p:last-child{color:var(--color-text-secondary);font-size:var(--font-sm);margin:0}.kicker{margin-bottom:var(--space-1);color:var(--color-text-muted);letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:750}.persistence-status{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-xs);margin:0;display:flex}.persistence-status>span{background:var(--color-revenue);border-radius:50%;width:7px;height:7px}.status-invalid_state,.status-malformed_json,.status-storage_failure,.status-write_failed,.status-validation_failed,.status-blocked{color:#875112}.status-invalid_state>span,.status-malformed_json>span,.status-storage_failure>span,.status-write_failed>span,.status-validation_failed>span,.status-blocked>span{background:#a86615}.summary-band{margin-top:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-strong);box-shadow:var(--shadow-card);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.summary-metric,.summary-status{min-width:0;padding:var(--space-5)}.summary-metric+.summary-metric,.summary-status{border-left:1px solid var(--color-divider)}.summary-metric>span,.summary-status>span,.gross-target-grid span{margin-bottom:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-xs);font-weight:650;display:block}.summary-metric strong{overflow-wrap:anywhere;letter-spacing:-.04em;font-size:clamp(25px,2.3vw,34px);font-weight:730;line-height:1.05;display:block}.summary-metric small,.summary-status small,.gross-target-grid small{margin-top:var(--space-2);color:var(--color-text-muted);font-size:11px;line-height:1.4;display:block}.summary-status{background:var(--color-surface-muted);flex-direction:column;justify-content:center;display:flex}.summary-status strong{font-size:var(--font-xl)}.positive,.revenue-card strong,.status-surplus strong,.financial-surplus{color:var(--color-revenue-strong)}.negative,.expense-card strong,.status-deficit strong,.financial-deficit,.monthly-equivalent{color:var(--color-expense)}.balance-surplus strong{color:var(--color-revenue-strong)}.balance-deficit strong{color:var(--color-expense)}.salary-insight,.chart-card,.detail-area{margin-top:var(--space-4);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-surface-strong)}.salary-insight{padding:var(--space-5);background:var(--color-surface-muted)}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.gross-target-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gross-target-grid article{padding:0 var(--space-5)}.gross-target-grid article:first-child{border-right:1px solid var(--color-divider);padding-left:0}.gross-target-grid strong{font-size:var(--font-2xl);letter-spacing:-.035em;display:block}.salary-details{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-divider)}.salary-details summary,.classification-section summary,.scenario-secondary-actions summary,.calculation-appendix>summary{cursor:pointer;color:var(--color-text-secondary);font-size:var(--font-xs);font-weight:700}.financial-results{gap:var(--space-2);margin:var(--space-3) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.financial-results div{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-strong)}.financial-results dt{color:var(--color-text-muted);font-size:11px}.financial-results dd{margin:var(--space-1) 0 0;font-size:var(--font-sm);font-weight:700}.field-helper,.chart-summary,.disclaimer{color:var(--color-text-secondary);font-size:var(--font-xs);line-height:1.5}.warning{margin-top:var(--space-3);padding:var(--space-3);font-size:var(--font-xs);background:#fbf2df;border-left:3px solid #a86615}.charts-grid{gap:var(--space-4);grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);display:grid}.chart-card{min-width:0;padding:var(--space-5);box-shadow:var(--shadow-subtle)}.donut-layout{align-items:center;gap:var(--space-5);grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);display:grid}.donut{aspect-ratio:1;border-radius:50%;place-items:center;width:min(100%,174px);margin:auto;display:grid}.donut>div{aspect-ratio:1;background:var(--color-surface-strong);text-align:center;border-radius:50%;place-items:center;width:62%;display:grid}.donut small{color:var(--color-text-muted);font-size:10px}.donut strong{overflow-wrap:anywhere;max-width:90%;font-size:var(--font-base)}.legend,.text-breakdown ul{margin:0;padding:0;list-style:none}.legend li{align-items:center;gap:var(--space-2);grid-template-columns:9px minmax(0,1fr) auto;padding:6px 0;display:grid}.legend i{border-radius:50%;width:9px;height:9px}.legend span{color:var(--color-text-secondary);font-size:var(--font-xs)}.legend span small{margin-left:var(--space-2);color:var(--color-text-muted)}.legend strong{font-size:var(--font-xs)}.text-breakdown{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-divider)}.text-breakdown h3{font-size:var(--font-xs)}.text-breakdown li{justify-content:space-between;gap:var(--space-3);padding:5px 0;font-size:11px;display:flex}.classification-section{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-divider)}.classification-grid{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.classification-card{padding:var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.classification-card span,.classification-card small{color:var(--color-text-muted);font-size:10px;display:block}.classification-card strong{margin:var(--space-1) 0;font-size:var(--font-xs);display:block}.stacked-bar{height:7px;margin-top:var(--space-2);background:var(--color-divider);border-radius:8px;display:flex;overflow:hidden}.stacked-bar span{min-width:0}.stacked-bar .fixed{background:var(--color-fixed-text)}.stacked-bar .variable{background:#bc8525}.stacked-bar .occasional{background:var(--color-occasional-text)}.comparison-bars{align-items:end;gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));min-height:190px;display:grid}.comparison-bars>div{text-align:center;flex-direction:column;justify-content:flex-end;height:160px;display:flex}.comparison-bars>div>span{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-xs);order:3}.comparison-bars strong{margin-bottom:var(--space-2);font-size:var(--font-sm);order:1}.bar-track{background:0 0;border-radius:6px 6px 0 0;order:2;align-items:flex-end;width:56px;height:105px;margin:0 auto;display:flex}.bar-track span{border-radius:6px 6px 0 0;min-height:2px;display:block;width:100%!important}.revenue-bar span{background:var(--color-revenue)}.expense-bar span{background:var(--color-expense)}.comparison-bars p{padding-top:var(--space-3);border-top:1px solid var(--color-divider);grid-column:1/-1;justify-content:space-between;margin:0;display:flex}.chart-summary{margin:var(--space-3) 0 0}.detail-area{overflow:hidden}.detail-tabs{gap:var(--space-6);padding:0 var(--space-5);border-bottom:1px solid var(--color-divider);display:flex}.detail-tabs button{min-height:48px;color:var(--color-text-muted);background:0 0;border:0;border-bottom:3px solid #0000;padding:0 2px;font-weight:700}.detail-tabs button[aria-selected=true]{border-bottom-color:var(--color-expense);color:var(--color-text-primary)}.detail-tabs button[aria-selected=true]#revenue-tab{border-bottom-color:var(--color-revenue)}.detail-tabs button[aria-selected=true]#appendix-tab,.detail-tabs button[aria-selected=true]#backup-tab{border-bottom-color:var(--color-text-primary)}.detail-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);display:flex}.detail-toolbar>span{color:var(--color-text-muted);font-size:var(--font-xs)}.entry-list{padding:0 var(--space-5) var(--space-3)}.entry-row{align-items:center;gap:var(--space-4);min-height:58px;padding:var(--space-3) 0;border-top:1px solid var(--color-divider);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.entry-row:hover{background:var(--color-surface-muted)}.entry-row>div:first-child{gap:3px;min-width:0;display:grid}.entry-row>div:first-child>strong{overflow-wrap:anywhere;font-size:var(--font-md)}.entry-row>div:first-child>span{color:var(--color-text-secondary);font-size:11px;line-height:1.45}.classification-chip{border-radius:6px;align-items:center;min-height:22px;padding:1px 7px;font-size:10px;font-weight:650;display:inline-flex}.classification-chip.fixed{background:var(--color-fixed-bg);color:var(--color-fixed-text)}.classification-chip.variable{background:var(--color-variable-bg);color:var(--color-variable-text)}.classification-chip.occasional{background:var(--color-occasional-bg);color:var(--color-occasional-text)}.monthly-equivalent,.entry-monthly{white-space:nowrap;text-align:right;font-size:var(--font-md);gap:2px;display:grid}.monthly-equivalent span,.entry-monthly span{color:var(--color-text-muted);font-size:10px;font-weight:500}.row-actions{justify-content:flex-end;display:flex}.row-actions button,.text-button{border-radius:var(--radius-sm);min-width:44px;min-height:44px;color:var(--color-text-secondary);background:0 0;border:0;padding:6px 9px;font-weight:650}.row-actions button:hover{background:var(--color-surface-subtle);color:var(--color-text-primary)}.row-actions .remove-action{color:var(--color-expense)}.list-empty-state{padding:var(--space-10) var(--space-4);border-top:1px solid var(--color-divider);text-align:center}.list-empty-state p{max-width:420px;margin:var(--space-2) auto 0;color:var(--color-text-secondary);font-size:var(--font-sm)}.workspace-sidebar{min-width:0;padding:var(--space-6) var(--space-4);border-left:1px solid var(--color-divider);background:var(--color-surface-muted);scrollbar-width:thin;grid-area:sidebar;overflow-y:auto}.scenario-tools{gap:var(--space-3);scroll-margin-top:var(--space-4);display:grid}.sidebar-heading{padding-bottom:var(--space-2)}.workspace-source{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-xs);overflow-wrap:anywhere}.scenario-empty{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-subtle)}.scenario-empty strong{font-size:var(--font-sm)}.scenario-empty p,.scenario-load-note,.scenario-selection-summary span,.scenario-selection-summary p{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:11px;line-height:1.45}.scenario-primary-actions{gap:var(--space-2);display:grid}.scenario-secondary-actions{padding-top:var(--space-3);border-top:1px solid var(--color-divider)}.scenario-selection-summary{margin-top:var(--space-3);gap:2px;display:grid}.scenario-actions{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sidebar-tip{margin-top:var(--space-6);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-subtle)}.sidebar-tip strong{font-size:var(--font-xs)}.sidebar-tip p{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:11px;line-height:1.45}.button{border:1px solid var(--color-expense);background:var(--color-expense);color:#fff;border-radius:9px;min-height:44px;padding:9px 14px;font-weight:680;box-shadow:0 3px 8px #73111b24}.button:hover{background:var(--color-expense-strong)}.button:disabled{cursor:not-allowed;opacity:.5}.button-revenue{border-color:var(--color-revenue);background:var(--color-revenue);box-shadow:none}.button-revenue:hover{background:var(--color-revenue-strong)}.button-secondary,.button-quiet,.button-neutral{background:var(--color-surface);color:#2a2824;box-shadow:none;border-color:#dcd5ca}.button-secondary:hover,.button-quiet:hover,.button-neutral:hover{background:var(--color-surface-subtle)}.button-remove{border-color:var(--color-expense-border);background:var(--color-expense-soft);color:var(--color-expense);box-shadow:none}label{color:var(--color-text-secondary);font-size:var(--font-xs);align-content:start;gap:7px;font-weight:650;display:grid}input,select{border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:44px;color:var(--color-text-primary);border:1px solid #dad3c8;padding:10px 12px;font-size:16px}input:focus,select:focus{border-color:var(--color-expense);outline:3px solid #8b17221f}input[aria-invalid=true]{border-color:var(--color-expense)}.field-error{color:var(--color-expense);font-size:11px}.entry-panel{scroll-margin-top:var(--space-4)}.entry-panel .form-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}.desktop-form-host{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-divider)}.form-actions{gap:var(--space-2);margin-top:var(--space-4);grid-template-columns:.8fr 1.2fr;display:grid}.inline-form{gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-subtle);display:grid}.tax-details,.tax-preview{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-subtle)}.tax-details h3,.tax-preview h3{font-size:var(--font-sm)}.live-preview{margin:var(--space-3) 0 0;color:var(--color-text-secondary);font-size:var(--font-xs)}.entry-dialog{width:min(100% - 24px,640px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - var(--safe-top));border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-shell);border:0;margin:auto auto 0;padding:0;overflow:auto}.entry-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1b1a1873}.entry-dialog .entry-panel{padding:var(--space-5) var(--space-4) calc(var(--space-5) + var(--safe-bottom))}.entry-dialog .section-heading{z-index:1;margin:calc(var(--space-5) * -1) calc(var(--space-4) * -1) var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--color-divider);background:var(--color-surface);position:sticky;top:0}.entry-dialog .form-actions{padding:var(--space-3) 0 0;background:var(--color-surface);position:sticky;bottom:0}.calculation-appendix{padding:var(--space-5)}.appendix-content{margin-top:var(--space-4);color:var(--color-text-secondary);font-size:var(--font-sm);line-height:1.6}.appendix-content section{padding:var(--space-3) 0;border-top:1px solid var(--color-divider)}.appendix-content h3{color:var(--color-text-primary);font-size:var(--font-sm)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.backup-recovery{padding:var(--space-5)}.backup-heading>p:last-child,.backup-groups p,.backup-important p,.backup-important li,.backup-review p{color:var(--color-text-secondary);font-size:var(--font-sm);line-height:1.55}.backup-heading>p:last-child{max-width:720px;margin-top:var(--space-2)}.backup-groups{margin-top:var(--space-5);border:1px solid var(--color-divider);border-radius:var(--radius-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.backup-groups>section{min-width:0;padding:var(--space-5)}.backup-groups>section+section{border-left:1px solid var(--color-divider)}.backup-groups h3,.backup-important h3{font-size:var(--font-md)}.backup-actions{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.backup-actions .button{flex:210px}.backup-empty{margin-top:var(--space-2)}.backup-feedback{margin-top:var(--space-4);padding:var(--space-3);background:var(--color-surface-muted);font-size:var(--font-sm);border-left:3px solid}.backup-feedback.success{color:var(--color-revenue-strong)}.backup-feedback.error{color:var(--color-expense)}.backup-important{margin-top:var(--space-5);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-muted)}.backup-important h3+p,.backup-important h3+ol{margin-top:var(--space-2)}.backup-important h3:not(:first-child){margin-top:var(--space-4)}.backup-important ol{margin-bottom:0;padding-left:20px}.backup-dialog{border-radius:var(--radius-xl);background:var(--color-surface);width:min(100% - 24px,620px);max-height:calc(100dvh - 24px);color:var(--color-text-primary);box-shadow:var(--shadow-shell);border:0;margin:auto;padding:0;overflow:auto}.backup-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1b1a1873}.backup-review{padding:var(--space-5)}.backup-review h2{margin-top:var(--space-1)}.backup-review dl{gap:var(--space-2);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.backup-review dl div{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.backup-review dt{color:var(--color-text-muted);font-size:11px}.backup-review dd{margin:var(--space-1) 0 0;overflow-wrap:anywhere;font-size:var(--font-sm);font-weight:700}.backup-dialog-actions{gap:var(--space-2);margin-top:var(--space-5);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}.backup-dialog-actions.three-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.destructive-warning{padding:var(--space-3);border-left:3px solid var(--color-expense);background:var(--color-expense-soft)}@media (width<=1230px) and (width>=1024px){:root{--sidebar-width:300px;--rail-width:82px}.app-page{padding:12px}.application-shell{min-height:calc(100vh - 24px)}.workspace-main{padding:var(--space-5)}.summary-metric,.summary-status{padding:var(--space-4)}.summary-metric strong{font-size:25px}}@media (width<=1023px){.app-page{padding:0}.application-shell{width:100%;min-height:100dvh;box-shadow:none;border:0;border-radius:0;flex-direction:column;display:flex;overflow:visible}.update-banner{padding:calc(var(--space-3) + var(--safe-top)) calc(var(--space-4) + var(--safe-right)) var(--space-3) calc(var(--space-4) + var(--safe-left));border-width:0 0 1px;border-radius:0;margin:0}.navigation-rail,.workspace-header,.sidebar-tip{display:none}.mobile-header{padding:calc(var(--space-3) + var(--safe-top)) calc(var(--space-4) + var(--safe-right)) var(--space-3) calc(var(--space-4) + var(--safe-left));border-bottom:1px solid var(--color-divider);background:var(--color-surface);display:block}.mobile-header>div{align-items:center;gap:var(--space-2);grid-template-columns:36px 1fr auto;display:grid}.mobile-header h1{font-size:var(--font-lg);text-align:center;margin:0}.mobile-brand{width:34px;height:34px;font-size:var(--font-sm);margin:0}.privacy-mark{color:var(--color-text-secondary);font-size:10px;font-weight:700}.mobile-header .persistence-status{margin-top:var(--space-1);justify-content:center;font-size:11px}.workspace-sidebar{padding:var(--space-3) calc(var(--space-4) + var(--safe-right)) 0 calc(var(--space-4) + var(--safe-left));background:var(--color-page);border:0;order:2;overflow:visible}.scenario-tools{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-subtle)}.scenario-tools .sidebar-heading{display:none}.scenario-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-primary-actions .button-expense,.scenario-primary-actions .button-secondary:last-child:not(:first-child){grid-column:1/-1}.workspace-main{padding:var(--space-4) calc(var(--space-4) + var(--safe-right)) calc(var(--space-8) + var(--safe-bottom)) calc(var(--space-4) + var(--safe-left));order:3}.summary-band{margin-top:0}.charts-grid{grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr)}}@media (width<=767px){.update-banner{flex-direction:column;align-items:stretch}.update-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.summary-band{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-metric,.summary-status{padding:var(--space-4) var(--space-3)}.summary-metric+.summary-metric{border-left:1px solid var(--color-divider)}.summary-metric>span{min-height:28px;margin-bottom:var(--space-2);font-size:10px}.summary-metric strong{font-size:clamp(18px,6vw,25px)}.summary-metric small{display:none}.summary-status{align-items:center;gap:var(--space-3);border-top:1px solid var(--color-divider);border-left:0;grid-column:1/-1;grid-template-columns:auto 1fr;display:grid}.summary-status>span{display:none}.summary-status strong{font-size:var(--font-lg)}.summary-status small{margin:0}.salary-insight,.chart-card,.detail-area{border-radius:var(--radius-md)}.salary-insight,.chart-card{padding:var(--space-4)}.gross-target-grid article{padding:0 var(--space-3)}.gross-target-grid strong{font-size:clamp(19px,6vw,24px)}.financial-results{grid-template-columns:repeat(2,minmax(0,1fr))}.charts-grid{grid-template-columns:1fr;gap:0}.charts-grid .chart-card{box-shadow:none}.charts-grid .chart-card+.chart-card{margin-top:var(--space-3)}.donut-layout{gap:var(--space-3);grid-template-columns:minmax(120px,.75fr) minmax(0,1.25fr)}.donut{max-width:150px}.legend strong{display:none}.comparison-bars{min-height:170px}.text-breakdown{display:none}.detail-tabs{justify-content:space-between;gap:var(--space-3);padding:0 var(--space-4)}.detail-tabs button{flex:1;min-width:0}.backup-recovery{padding:var(--space-4)}.backup-groups{grid-template-columns:1fr}.backup-groups>section{padding:var(--space-4)}.backup-groups>section+section{border-top:1px solid var(--color-divider);border-left:0}.backup-dialog{width:min(100% - 16px,620px);max-height:calc(100dvh - 16px - var(--safe-top) - var(--safe-bottom));margin:auto auto calc(8px + var(--safe-bottom));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.backup-review{padding:var(--space-4)}.backup-dialog-actions.three-actions{grid-template-columns:1fr}.detail-toolbar{padding:var(--space-3) var(--space-4)}.entry-list{padding:0 var(--space-4) var(--space-2)}.entry-row{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto}.row-actions{grid-column:1/-1;justify-content:flex-end;margin-top:-8px}.row-actions button{min-height:44px}}@media (width<=374px){.scenario-primary-actions{grid-template-columns:1fr}.scenario-primary-actions .button-expense,.scenario-primary-actions .button-secondary{grid-column:auto}.summary-band{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-metric:nth-child(3){border-top:1px solid var(--color-divider);border-left:0;grid-column:1/-1}.donut-layout{grid-template-columns:1fr}.legend{gap:0 var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gross-target-grid{grid-template-columns:1fr}.gross-target-grid article{padding:var(--space-3) 0}.gross-target-grid article:first-child{border-right:0;border-bottom:1px solid var(--color-divider)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}