@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#172342;background:#f4f6fb;font-synthesis:none;--blue:#244bd8;--muted:#68738a;--line:#e4e8f1}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:0}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:36px 24px;position:fixed;inset:0 auto 0 0;width:236px;display:flex;flex-direction:column}.wordmark{font-family:Manrope,sans-serif;font-size:21px;font-weight:800;display:flex;gap:11px;align-items:center}.mark{background:var(--blue);color:white;border-radius:12px;padding:5px 10px;font-size:24px}.prototype{font-size:12px;letter-spacing:2px;color:var(--muted);margin:12px 0 38px 45px}.nav{display:grid;gap:8px}.nav a{display:flex;gap:14px;padding:14px 16px;border-radius:10px;font-weight:600;color:var(--muted)}.nav a.active{background:#edf1ff;color:var(--blue)}.nav svg{width:21px;height:21px}.sidefoot{margin-top:auto;color:var(--muted);font-size:14px;line-height:1.6}.avatar{width:38px;height:38px;background:#eaf0fe;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-weight:700}.main{grid-column:2;padding:32px 48px;max-width:1450px;width:100%;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;color:var(--muted);font-size:14px}.topbar>div{display:flex;gap:12px;align-items:center}.badge{display:inline-flex;padding:5px 9px;border-radius:6px;font-size:12px;background:#eaf0ff;color:#3353ae;font-weight:600}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:32px;letter-spacing:-1.2px;line-height:1.2}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:16px}.sub{color:var(--muted);line-height:1.6;margin-top:8px}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.btn{padding:13px 19px;background:var(--blue);color:white;border-radius:9px;font-weight:600;display:inline-flex;gap:9px;align-items:center;justify-content:center}.btn.secondary{background:white;border:1px solid var(--line);color:#293753}.btn.ghost{background:transparent;color:var(--blue);padding:8px}.btn.danger{background:#fff1f0;color:#b53535}.actions{display:flex;gap:10px;flex-wrap:wrap}.hero{background:#203eb9;color:white;border-radius:18px;padding:30px;position:relative;overflow:hidden}.hero .sub{color:#c8d5ff}.hero .eyebrow{color:#c8d5ff}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;font-size:12px;font-weight:700}.big{font-family:Manrope;font-size:46px;letter-spacing:-1.8px;font-weight:700;margin:13px 0}.hero-bottom{border-top:1px solid #ffffff30;padding-top:20px;margin-top:26px;display:flex;justify-content:space-between;gap:14px}.grid{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:25px}.section{margin-top:30px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:12px}.fund-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.fund{transition:transform .15s,border-color .15s;text-align:left;display:block}.fund:hover{transform:translateY(-3px);border-color:#a7b8f1}.fund-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.icon{height:40px;width:40px;background:var(--tint,#edf1ff);color:var(--color,#244bd8);border-radius:11px;display:grid;place-items:center;font-size:21px}.amount{font-family:Manrope;font-weight:800;font-size:25px;margin:10px 0}.muted{color:var(--muted);font-size:14px}.progress{height:6px;background:#edf0f6;border-radius:8px;overflow:hidden;margin:15px 0 9px}.progress>span{display:block;height:100%;background:var(--color,#244bd8);border-radius:8px}.row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row-left{display:flex;align-items:center;gap:13px}.row strong{display:block}.right{text-align:right}.positive{color:#147c62}.notice{background:#edf6f3;border:1px solid #d9eae4;border-radius:12px;padding:17px;line-height:1.6;color:#286c57;margin:16px 0}.warning{background:#fff4e3;border-color:#f2d7a7;color:#86581e}.error{background:#fff0f0;border-color:#efc6c6;color:#a82e38}.stack{display:grid;gap:18px}.narrow{max-width:780px;margin:auto}.welcome{max-width:920px;margin:24px auto}.welcome h1{font-size:50px;max-width:520px;line-height:1.13;margin:25px 0}.welcome-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;padding:40px 0}.step{color:var(--blue);font-size:14px;margin-bottom:18px;font-weight:700}label{display:grid;gap:8px;font-size:14px;font-weight:600;margin-bottom:17px}input,select{width:100%;min-width:0;border:1px solid #d9deea;border-radius:8px;background:white;color:#172342;padding:12px}input[type=checkbox]{width:19px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.full{grid-column:1/-1}.small-input{width:100px}.expense{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:8px;margin:10px 0}.expense input,.expense select{padding:9px}.empty{text-align:center;padding:50px 20px;color:var(--muted)}dialog{border:0;border-radius:18px;padding:28px;width:min(580px,calc(100% - 28px));max-height:90vh;color:#172342;box-shadow:0 25px 90px #17234240}dialog::backdrop{background:#14203d70;backdrop-filter:blur(3px)}dialog h2{margin-bottom:20px}dialog .close{float:right;background:#f1f3f9;border-radius:50%;width:32px;height:32px}.checkline{display:flex;align-items:center;gap:10px;line-height:1.5}.checkline input{flex-shrink:0}.seg{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.pill{border:1px solid var(--line);background:white;padding:9px 15px;border-radius:30px;color:var(--muted)}.pill.selected{background:#172342;color:white}.allocation-bar{display:flex;height:12px;border-radius:10px;overflow:hidden;background:#e5e9f1;margin:20px 0}.allocation-bar span{min-width:0}.success{width:64px;height:64px;border-radius:50%;background:#e7f5ef;color:#147c62;font-size:30px;display:grid;place-items:center;margin:0 auto 20px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#172342;color:white;border-radius:10px;padding:14px 22px;z-index:10;display:none}.help{font-size:14px;color:var(--muted);line-height:1.6;margin:10px 0 20px}.review-percent{display:flex;align-items:center;gap:7px}.review-percent input{width:90px;text-align:right}.divider{height:1px;background:var(--line);margin:22px 0}.link{color:var(--blue)}.mobile-label{display:none}@media(min-width:1500px){.main{padding:40px 70px}}@media(max-width:1100px){.main{padding:28px}.sidebar{width:200px;padding:28px 16px}.shell{grid-template-columns:200px 1fr}.fund-grid{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr 1fr}.big{font-size:38px}}@media(max-width:760px){.shell{display:block}.sidebar{inset:auto 0 0;width:100%;height:76px;padding:8px 6px;z-index:5;border-top:1px solid var(--line);border-right:0}.sidebar .wordmark,.prototype,.sidefoot{display:none}.nav{display:flex;justify-content:space-around;gap:0}.nav a{font-size:12px;display:flex;flex-direction:column;gap:5px;align-items:center;padding:8px 10px}.main{padding:20px 18px 100px}.topbar{padding-bottom:25px}.mobile-label{display:block;font-weight:700;color:#172342}.topbar .desktop-label{display:none}h1{font-size:27px}.heading{align-items:flex-start;flex-wrap:wrap;gap:15px}.grid,.welcome-grid{grid-template-columns:1fr}.hero{padding:24px}.fund-grid{gap:12px}.card{padding:18px}.fund h3{font-size:14px}.amount{font-size:22px}.fund-top{margin-bottom:17px}.welcome h1{font-size:39px}.welcome-grid{padding:10px 0;gap:28px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.expense{grid-template-columns:1fr 1fr}.expense input:first-child{grid-column:1/-1}.big{font-size:38px}.row{gap:8px}.review-percent input{width:76px}.hero-bottom{font-size:14px}.topbar .badge{font-size:11px}#toast{bottom:90px;width:90%;text-align:center}}
 .allocation-pair{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:8px 12px;min-width:0}.allocation-pair label{margin:0}.allocation-pair input{min-width:0;width:100%}.allocation-estimate{grid-column:1/-1;color:var(--muted);font-size:13px;line-height:1.5}.allocation-row{align-items:start}.allocation-row>div:first-child{flex:1;min-width:0}.allocation-row .allocation-pair{width:280px;flex-shrink:0}.allocation-row .muted{display:block;margin-top:6px;line-height:1.5}@media(max-width:760px){.allocation-row{flex-direction:column;gap:14px}.allocation-row .allocation-pair{width:100%}}
.main{min-width:0}.negative{color:#ad3e4b}.field-hint{color:var(--muted);font-size:13px;font-weight:400;line-height:1.45}.choice-stack{display:grid;gap:12px}.choice-card{width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;color:#172342;display:grid;gap:6px}.choice-card:hover:not(:disabled){border-color:#95a8e9;background:#f7f9ff}.choice-card strong{font-family:Manrope,sans-serif;font-size:16px}.choice-card span{color:var(--muted);line-height:1.5}.chart-legend{display:grid;gap:9px;margin-top:13px}.chart-legend-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:14px}.chart-legend-row small{grid-column:2/-1;color:var(--muted);font-size:12px}.chart-swatch{width:12px;height:12px;border-radius:3px}.plan-allocation{min-width:0}dialog{overflow-y:auto}.one-time-pair{width:min(330px,100%)}
@media(max-width:760px){body{overflow-x:hidden}input,select,textarea{font-size:16px}.main{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.sidebar{height:calc(76px + env(safe-area-inset-bottom));padding-bottom:calc(8px + env(safe-area-inset-bottom))}dialog{max-height:calc(100dvh - 28px)}}
@media(max-width:420px){.topbar .badge{display:none}.topbar{gap:10px}.topbar>div{gap:6px}.mobile-label{font-size:15px}.allocation-pair{grid-template-columns:1fr}.allocation-estimate{grid-column:1}.hero-bottom{flex-wrap:wrap}.expense{grid-template-columns:1fr}.expense input:first-child{grid-column:auto}}
.expense-progress{border-top:1px solid var(--line);padding:14px 0;overflow-wrap:anywhere}.expense-progress:first-of-type{border-top:0}.expense-progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.expense-progress-grid span{color:var(--muted);font-size:13px}.expense-progress-grid strong{display:block;color:#172342;font-size:15px;margin-top:4px}.expense-alert{width:100%;background:transparent;text-align:left}.expense-alert>span{min-width:0}.expense-alert .muted{display:block}.upcoming-expenses .row{overflow-wrap:anywhere}.expense{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) minmax(145px,1fr) auto}@media(max-width:760px){.expense{grid-template-columns:1fr 1fr}.expense .ename,.expense .edue{grid-column:1/-1}.expense-progress-grid{grid-template-columns:1fr}.expense-alert{align-items:flex-start;flex-direction:column}.expense-alert>strong{text-align:left}}
.label-heading{display:flex;align-items:center;gap:8px;justify-content:space-between}.info-button{display:inline-grid;place-items:center;flex-shrink:0;width:28px;height:28px;border:1px solid #b9c8ef;background:#edf1ff;color:#244bd8;border-radius:50%;font-size:14px;font-weight:700;padding:0}.inline-help{color:#455674;background:#edf1ff;padding:10px;border-radius:8px;font-size:14px;font-weight:400;line-height:1.5}.inline-help[hidden]{display:none}.expense-field{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:6px;align-items:start}.expense-field .inline-help{grid-column:1/-1}.pocket-options{margin:16px 0}.pocket-options summary{cursor:pointer;color:var(--blue);font-size:14px;padding:8px 0}.pocket-options label{margin-top:12px}.milestone-path{margin-top:18px}.milestone-path ol{list-style:none;padding:0;margin:0 0 12px;display:flex}.milestone-path li{flex:1;display:grid;justify-items:center;gap:6px;position:relative;color:var(--muted);font-size:13px}.milestone-path li:not(:last-child)::after{content:'';position:absolute;left:calc(50% + 13px);right:calc(-50% + 13px);top:12px;height:2px;background:#dce2ee}.milestone-path li.done:not(:last-child)::after{background:var(--blue)}.milestone-dot{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#edf1f8;border:1px solid #b9c4d9}.done .milestone-dot{background:var(--blue);border-color:var(--blue);color:white}.milestone-path p{line-height:1.6;overflow-wrap:anywhere}.ongoing-label{margin-top:18px}.milestone-celebrations{margin:18px 0;background:#edf6f3;border-radius:12px;padding:16px;color:#286c57;line-height:1.6}.milestone-celebrations p+p{margin-top:12px}.celebrate{animation:milestone-pop .4s ease-out}@keyframes milestone-pop{from{transform:scale(.8)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.celebrate{animation:none}}.fund,.row-left,.row-left>div{min-width:0}.row-left strong{overflow-wrap:anywhere}.big,.amount{overflow-wrap:anywhere}.avatar{font-size:12px}.expense-field:first-child{grid-column:auto}@media(max-width:760px){.fund-grid{grid-template-columns:1fr 1fr}.expense-field:first-child{grid-column:1/-1}}@media(max-width:480px){.fund-grid{grid-template-columns:1fr}.expense{grid-template-columns:1fr}.expense-field:first-child{grid-column:auto}}
@media(min-width:761px) and (max-width:1100px){.grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.dashboard-payday{background:#172342;color:#fff;border-radius:18px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;box-shadow:0 14px 32px #17234220}.dashboard-payday h2{font-size:25px;margin:5px 0}.dashboard-payday p{color:#cfd8ee;line-height:1.5}.dashboard-payday .btn{background:#fff;color:#172342;font-size:17px;padding:15px 25px;white-space:nowrap}.dashboard-summary{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:18px}.unallocated-card .section{margin-top:18px}.needs-attention{display:flex;align-items:center;justify-content:space-between;gap:20px}.needs-attention p,.plan-ready p{margin-top:4px}.pocket-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.compact-fund{padding:18px;min-width:0}.compact-fund .fund-top{margin-bottom:12px}.compact-fund .amount{font-size:21px;margin:8px 0}.compact-fund h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-progress{height:5px;background:#edf0f6;border-radius:5px;overflow:hidden;margin:10px 0 7px}.compact-progress span{display:block;height:100%;background:var(--color);border-radius:5px}.compact-fund .muted{line-height:1.35;overflow-wrap:anywhere}.payday-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px}.payday-steps span{background:#e9edf5;color:var(--muted);padding:10px;text-align:center;border-radius:9px;font-size:13px;font-weight:700}.payday-steps span.active{background:#172342;color:#fff}.payday-steps span.done{background:#e7f5ef;color:#147c62}.payday-steps span.done.active{background:#147c62;color:#fff}.payday-preview-button{width:100%;font-size:17px;padding:15px}.preview-total{background:#f7f9fd;margin:8px -12px 0;padding:18px 12px;border-radius:10px}.payday-complete{text-align:center}.payday-complete .payday-steps{text-align:left}.plan-summary{display:flex;align-items:center;justify-content:space-between;gap:24px}.plan-summary .big{margin-bottom:4px}.plan-status{padding:15px 18px;border-radius:12px;display:grid;gap:4px;min-width:190px}.plan-status.ready{background:#e7f5ef;color:#147c62}.plan-status.attention{background:#fff4e3;color:#86581e}.plan-status span{font-size:13px}.plan-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:20px;align-items:start}.attention-item{border-bottom:1px solid var(--line);padding:13px 0}.attention-item:first-of-type{padding-top:0}.attention-item:last-child{border-bottom:0;padding-bottom:0}.attention-item p{line-height:1.5}.activity-row{width:100%;background:transparent;color:#172342;text-align:left;font:inherit}.activity-row:hover{background:#f7f9fd}.activity-row>strong{margin-left:auto}.tutorial-progress{height:6px;background:#e7eaf1;border-radius:8px;overflow:hidden;margin:-8px 0 24px}.tutorial-progress span{display:block;height:100%;background:var(--blue);border-radius:8px;transition:width .2s}.tutorial-nav{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.tutorial-paycheck{width:100%;display:grid;grid-template-columns:1fr auto;text-align:left;align-items:center;gap:5px;background:#172342;color:#fff;border-radius:14px;padding:22px;margin-top:22px}.tutorial-paycheck strong{font:800 28px Manrope}.tutorial-paycheck small{grid-column:1/-1;color:#cfd8ee}.tutorial-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.tutorial-split>div{border:1px solid var(--line);border-top:6px solid var(--color);border-radius:11px;padding:14px;display:grid;gap:6px;min-width:0}.tutorial-split strong{font:700 18px Manrope}.tutorial-split small{color:var(--muted)}.tutorial-done{display:inline-flex;align-items:center;color:#147c62;background:#e7f5ef;padding:11px 14px;border-radius:10px;font-weight:700}.tutorial-percent,.tutorial-target{background:#f7f9fd;border:1px solid var(--line);border-radius:14px;padding:20px;margin-top:20px}.tutorial-percent>div:first-child{display:flex;justify-content:space-between;font:700 19px Manrope}.tutorial-percent input{padding:0;margin:22px 0;accent-color:var(--blue)}.tutorial-math{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:14px}.tutorial-target .btn{margin-top:18px}.tutorial-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.tutorial-choices .choice-card{padding:14px}.choice-card.selected{border-color:var(--blue);box-shadow:0 0 0 2px #244bd820;background:#f7f9ff}.tutorial-preview{margin-top:18px}.tutorial-complete{text-align:center}.tutorial-complete .success{margin-top:12px}.tutorial-complete .actions{justify-content:center}.tutorial .milestone-path{margin:20px 0}.tutorial .milestone-path ol{margin-bottom:0}
@media(max-width:1100px){.pocket-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-summary,.plan-layout{grid-template-columns:1fr}}
@media(max-width:760px){.dashboard-payday{padding:20px;align-items:flex-start}.dashboard-payday h2{font-size:21px}.dashboard-payday .btn{font-size:15px;padding:13px 16px}.dashboard-summary{grid-template-columns:1fr}.pocket-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact-fund{padding:14px}.compact-fund .icon{width:34px;height:34px;font-size:17px}.compact-fund .badge{font-size:11px;padding:4px 6px}.compact-fund .amount{font-size:18px}.plan-summary{align-items:flex-start}.tutorial-choices{grid-template-columns:1fr}.tutorial-nav{align-items:flex-end}.activity-row{padding-left:0;padding-right:0}}
@media(max-width:520px){.dashboard-payday{display:grid}.dashboard-payday .btn{width:100%}.needs-attention,.plan-summary{display:grid}.plan-status{min-width:0}.payday-steps span{padding:8px 3px;font-size:12px}.tutorial-split{grid-template-columns:1fr 1fr}.tutorial-math{display:grid}.tutorial-nav{display:grid;grid-template-columns:1fr}.tutorial-nav>.actions{grid-row:1}.tutorial-nav>.btn{grid-row:2}.tutorial-nav .btn{flex:1}.activity-row{align-items:flex-start}.activity-row>strong{font-size:13px}}
@media(max-width:369px){.pocket-grid{grid-template-columns:1fr}}
.allocation-live{margin-top:14px;padding:16px;border:1px solid #cbd6ef;border-radius:12px;background:#f7f9ff;color:#23375e}.allocation-live.full{border-color:#86c9b3;background:#edf8f4;color:#176b56}.allocation-live.over{border-color:#e0a6ac;background:#fff1f2;color:#9c303b}.allocation-live-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;margin-top:12px}.allocation-live-grid span{color:var(--muted)}.allocation-live-grid b{text-align:right}.allocation-live p{margin-top:12px;line-height:1.5}.change-preview{display:grid;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.change-preview>div{display:flex;justify-content:space-between;gap:18px;padding:14px 16px;border-bottom:1px solid var(--line)}.change-preview>div:last-child{border-bottom:0}.change-preview span{color:var(--muted)}.change-preview strong{text-align:right}.pocket-hub-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.pocket-hub-summary>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;display:grid;gap:4px}.pocket-hub-summary strong{font:750 24px Manrope}.pocket-hub-summary span{color:var(--muted);font-size:13px}.pocket-filters{margin-bottom:18px}.management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.management-pocket{min-width:0}.management-card{display:grid;gap:12px;border-radius:14px}.management-card h3{margin-top:4px}.management-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px}.management-meta span{display:grid;gap:3px;color:var(--muted);font-size:13px}.management-meta b{color:#172342;font-size:15px}.status-badge{padding:5px 9px;border-radius:999px;background:#e7f5ef;color:#147c62;font-size:12px;font-weight:750}.status-badge.paused{background:#eef0f5;color:#647089}.status-badge.reached{background:#edf1ff;color:#244bd8}.order-actions{display:flex;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;overflow:hidden;margin:-14px 10px 0}.order-actions button{flex:1;background:#f8f9fc;color:#4e5c78;padding:10px 6px;font-size:12px}.order-actions button+button{border-left:1px solid var(--line)}.pocket-control{max-width:1060px;margin:0 auto}.pocket-overview{max-width:none}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.control-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.control-stats>div{padding:12px;background:#f7f9fd;border-radius:9px;display:grid;gap:4px}.control-stats span{color:var(--muted);font-size:13px}.target-actions{margin:12px 0}.danger-zone{border:1px solid #e5b9bd;background:#fff6f6;border-radius:13px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.danger-zone p{color:#7f5358;margin-top:5px;line-height:1.5}.reversed{opacity:.68}.reversed strong:first-child{text-decoration:line-through}.projection-card{display:grid;gap:14px}.projection-input{max-width:300px;margin:0}.projection-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}.projection-rows>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.projection-rows span{color:var(--muted)}.projection-total{grid-column:1/-1;color:#172342}.projection-total span{color:#172342;font-weight:700}.projection-empty{padding:20px;text-align:center;background:#f7f9fd;color:var(--muted);border-radius:10px}
@media(max-width:900px){.management-grid,.control-grid{grid-template-columns:1fr}.pocket-hub-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.projection-rows{grid-template-columns:1fr}.projection-total{grid-column:auto}}
@media(max-width:520px){.management-meta,.control-stats{grid-template-columns:1fr 1fr}.danger-zone{display:grid}.change-preview>div{display:grid;gap:4px}.change-preview strong{text-align:left}.allocation-live-grid{font-size:13px}.projection-input{max-width:none}}
.pocket-hub-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.paycheck-allocation{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 20px;margin:0 0 16px}.allocation-summary-head,.allocation-summary-foot{display:flex;align-items:center;justify-content:space-between;gap:18px}.allocation-summary-head>div{display:grid;gap:4px}.allocation-summary-head>span{color:var(--muted);font-size:14px;font-weight:600;white-space:nowrap}.allocation-summary-track{height:8px;background:#e8ecf4;border-radius:999px;overflow:hidden;margin:13px 0 10px}.allocation-summary-track span{display:block;height:100%;background:var(--blue);border-radius:999px}.allocation-summary-foot strong{font-size:14px;white-space:nowrap}.allocation-summary-foot p{color:var(--muted);font-size:13px;line-height:1.4;text-align:right}.management-title{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.management-title h3{font-size:19px;line-height:1.25}.management-title span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.8px;text-align:right}.recommendation-section{border-top:1px solid var(--line);margin-top:22px;padding-top:22px;display:grid;gap:15px}.recommendation-section>div:first-child{display:grid;gap:5px}.recommendation-section p{color:var(--muted);line-height:1.5}.recommendation-section details{background:#f7f9fd;border-radius:9px;padding:12px 14px}.recommendation-section summary{cursor:pointer;color:#31415f;font-weight:700}.recommendation-section details p{margin-top:8px}.recommendation-section>.btn{justify-self:start}.recommendation-impact{display:grid;grid-template-columns:1fr 1fr;gap:10px}.recommendation-impact>div{background:#f7f9fd;border-radius:9px;padding:12px;display:grid;gap:3px}.recommendation-impact span{color:var(--muted);font-size:13px}.recommendation-list{display:grid;border:1px solid var(--line);border-radius:10px;overflow:hidden}.recommendation-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-bottom:1px solid var(--line)}.recommendation-list>div:last-child{border-bottom:0}.recommendation-list>div>div{display:grid;gap:3px}.recommendation-list span{color:var(--muted);font-size:13px;line-height:1.4;text-align:right}.recommendation-list>div>div span{text-align:left}.recommendation-missing{color:#9c303b!important}.recommendation-missing a{color:var(--blue);font-weight:700}.transfer-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.transfer-preview-card{border:1px solid var(--line);border-radius:12px;padding:15px;min-width:0}.transfer-preview-card>div{display:grid;gap:3px;margin-bottom:10px}.transfer-preview-card>div span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.transfer-preview-card dl{margin:0}.transfer-preview-card dl>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line)}.transfer-preview-card dt{color:var(--muted);font-size:13px}.transfer-preview-card dd{margin:0;text-align:right;font-weight:700;font-size:13px}
.pocket-recommend-action{margin:-4px 0 16px}.recommended-pocket-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.recommended-pocket-option{display:flex;align-items:center;gap:11px;min-height:58px;margin:0;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer}.recommended-pocket-option:hover,.recommended-pocket-option:focus-within{border-color:#95a8e9;background:#f7f9ff}.recommended-pocket-option:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 2px #244bd820;background:#f7f9ff}.recommended-pocket-option input{width:20px;height:20px;margin:0;accent-color:var(--blue);flex:0 0 auto}.recommended-pocket-option span{display:grid;gap:3px;min-width:0}.recommended-pocket-option strong{overflow-wrap:anywhere}.recommended-pocket-option small{color:var(--muted);font-size:12px}.tutorial-loop{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:13px;background:#f7f9fd}.tutorial-loop span{padding:7px 9px;border-radius:8px;background:#fff;color:#253858;font-weight:700;font-size:13px}.tutorial-loop b{color:var(--blue)}.tutorial-loop.compact{margin-top:24px}.tutorial-income,.tutorial-allocation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.tutorial-income>div,.tutorial-allocation>div{display:grid;gap:4px;padding:13px;background:#f7f9fd;border-radius:10px;min-width:0}.tutorial-income span,.tutorial-allocation span{color:var(--muted);font-size:12px}.tutorial-income strong,.tutorial-allocation strong{overflow-wrap:anywhere}.tutorial-allocation .total{background:#edf1ff;color:#244bd8}.tutorial-contribution{display:grid;gap:13px;margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:13px;background:#f7f9fd}.tutorial-contribution label{margin:0}.tutorial-contribution p{color:var(--muted);line-height:1.5}.tutorial-contribution>strong{color:#147c62;line-height:1.5}
@media(max-width:600px){.allocation-summary-head,.allocation-summary-foot{align-items:flex-start}.allocation-summary-foot{display:grid;gap:4px}.allocation-summary-foot p{text-align:left}.management-title h3{font-size:17px}.recommendation-list>div{display:grid}.recommendation-list span{text-align:left}.transfer-preview-grid{grid-template-columns:1fr}.recommendation-impact{grid-template-columns:1fr 1fr}.recommended-pocket-option{min-height:62px}.tutorial-loop{justify-content:flex-start}.tutorial-income,.tutorial-allocation{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.recommended-pocket-grid{grid-template-columns:1fr}.tutorial-loop{gap:6px;padding:12px}.tutorial-loop span{font-size:12px;padding:6px 7px}.tutorial-income{grid-template-columns:1fr}.tutorial-allocation.tutorial-two-column{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:320px){.recommended-pocket-option{min-height:54px}.tutorial-loop b{display:none}.tutorial-loop span{width:100%;text-align:center}}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at top left,#edf1ff 0,transparent 38%),#f4f6fb}.auth-wordmark{position:fixed;top:28px;left:32px}.auth-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:0 24px 70px #17234216}.auth-card h1{margin:18px 0 4px}.auth-card form{margin-top:26px}.auth-primary{width:100%;margin-top:4px}.auth-links{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.account-button{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .account-button+.badge{white-space:nowrap}@media(max-width:760px){.auth-shell{padding:88px 18px 24px}.auth-wordmark{top:20px;left:20px}.auth-card{padding:24px}.account-button{max-width:130px;padding-inline:8px}.topbar>div{min-width:0}.topbar .account-button+.badge{display:none}}

/* V1.8 authentication feedback; preserve the existing application layout. */
.auth-feedback:empty{display:none}
.auth-feedback{margin:18px 0;padding:16px;border:2px solid currentColor;font-weight:600;overflow-wrap:anywhere}
.auth-feedback.warning{background:#fff3e6;color:#713600}
.auth-feedback.auth-success{background:#eaf7ee;color:#185a32}
.auth-feedback.processing{background:#edf2ff;color:#203f98}
.auth-feedback.processing:before{content:"";display:inline-block;width:14px;height:14px;margin-right:10px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:auth-spin .8s linear infinite}
.auth-card [hidden]{display:none!important}
.auth-card button:disabled{opacity:.65;cursor:wait}
.auth-tagline{margin:12px 0;font-weight:600}
.public-tutorial-button{width:100%;margin-top:12px}
.auth-wordmark{flex-wrap:wrap;text-align:center}
@keyframes auth-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.auth-feedback.processing:before{animation:none}}
.payday-steps button{background:#e9edf5;color:var(--muted);padding:10px;text-align:center;border-radius:9px;font-size:13px;font-weight:700;min-height:44px}.payday-steps button.active{background:#172342;color:#fff}.payday-steps button.done{background:#e7f5ef;color:#147c62}.payday-steps button.done.active{background:#147c62;color:#fff}.completion-label{margin:0 0 8px}.target-actions{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:420px){.tutorial-allocation.tutorial-two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-allocation.tutorial-two-column>div{padding:11px}.target-actions{grid-template-columns:1fr}}
.auth-experience{display:grid;gap:14px;margin-top:20px}.auth-choice{display:grid;gap:7px}.auth-choice .btn{width:100%;min-height:48px}.auth-choice p{color:var(--muted);font-size:14px;line-height:1.45;margin:0 4px}.public-tutorial-button{border-color:#b9c8ef!important}.admin-training-visibility{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0}.admin-training-visibility .help{margin:6px 0 0}.payday-reconcile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.payday-reconcile>div{border:1px solid var(--line);border-radius:10px;padding:13px;display:grid;gap:5px}.payday-reconcile span{color:var(--muted);font-size:13px}.payday-reconcile .accounted{grid-column:1/-1;background:#edf6f3;border-color:#d9eae4}.funding-estimate{display:block;color:var(--muted);font-size:12px;margin-top:4px}@media(max-width:520px){.auth-experience{gap:18px;margin-top:24px}.admin-training-visibility{align-items:flex-start}.payday-reconcile{grid-template-columns:1fr}.payday-reconcile .accounted{grid-column:auto}}
.guided-setup-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#edf1ff;border:1px solid #cfd9ff;border-radius:16px;padding:20px 22px;margin-bottom:24px}.guided-setup-panel h2{margin:5px 0}.guided-setup-panel p{color:var(--muted);line-height:1.5}.guided-setup-actions{display:flex;gap:10px;flex:0 0 auto}.guided-setup-help{margin-top:12px}.guided-setup-control{margin-left:8px}@media(max-width:760px){.guided-setup-panel{display:grid;padding:18px}.guided-setup-actions{display:grid;grid-template-columns:1fr 1fr}.guided-setup-actions .btn{min-height:44px;white-space:normal}.guided-setup-control{margin:8px 0 0;width:100%}}@media(max-width:420px){.guided-setup-actions{grid-template-columns:1fr}}
.household-context select{max-width:210px;padding:9px 30px 9px 10px}.account-section{border-top:1px solid var(--line);padding-top:20px}.account-section>h3{margin-bottom:12px}.member-row{gap:14px}.member-row .actions{justify-content:flex-end}.account-invite{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px}.account-create-household{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.privacy-setting{margin-top:18px}.private-balance{min-height:50px}.guided-target{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #cfd9ff}.guided-target-preview{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.guided-target-preview span{background:#fff;border-radius:9px;padding:10px;display:grid;gap:3px;font-size:12px}.guided-target-preview strong{color:#172342;font-size:14px}.guided-target .btn{justify-self:start}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.household-context select{max-width:132px}.account-invite,.account-create-household{grid-template-columns:1fr}.member-row{align-items:flex-start}.member-row .actions{display:grid}.guided-target-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.guided-target{grid-template-columns:1fr}.guided-target-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.account-section .actions .btn{width:100%}}
.projection-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:stretch}.projection-summary>div{display:grid;gap:4px;padding:11px 13px;background:#f7f9fd;border-radius:10px;min-width:0}.projection-summary span{color:var(--muted);font-size:12px}.projection-summary strong{overflow-wrap:anywhere}.projection-toggle{min-height:44px}.projection-details{display:grid;gap:14px;padding-top:4px}.projection-details[hidden]{display:none}.disabled-help{margin-bottom:0}.preview-confirmation p{margin-top:4px}.target-settings,.account-disclosure{border-top:1px solid var(--line);margin-top:18px;padding-top:4px}.target-settings summary,.account-disclosure summary{cursor:pointer;min-height:44px;padding:12px 0;color:#31415f;font-weight:700}.account-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.context-note{background:#f7f9fd;border-radius:10px;padding:12px 14px;color:#4e5c78;font-size:14px;line-height:1.5;margin:4px 0 18px}.guided-step-complete{color:#147c62;background:#e7f5ef;border-radius:9px;padding:10px 12px;margin-top:12px;font-weight:700;font-size:14px;line-height:1.45}
@media(max-width:760px){.projection-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.projection-toggle{grid-column:1/-1;width:100%}.projection-rows{grid-template-columns:1fr}.account-disclosure .member-row{display:grid}.target-settings summary,.account-disclosure summary{min-height:48px}}
@media(max-width:420px){.projection-summary{grid-template-columns:1fr 1fr}.projection-summary>div:first-child{grid-column:1/-1}}
.auth-experience{margin-top:20px;display:grid;gap:14px}.auth-experience .public-tutorial-button{margin-top:0}.demo-button{width:100%;background:#172342}.auth-experience .help{margin:2px 0 4px;text-align:center}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-10px 0 24px;padding:14px 18px;border:1px solid #b8c8f8;border-radius:13px;background:#edf2ff;color:#203f98}.demo-banner>div:first-child{display:grid;gap:3px}.demo-banner span{font-size:13px;line-height:1.4}.demo-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.demo-actions .btn{min-height:42px}.demo-mode .prototype{color:#203f98;font-weight:700}.demo-mode .sidebar{border-right-color:#cfd9ff}
@media(max-width:760px){.demo-banner{display:grid;margin:-6px 0 20px;padding:14px}.demo-actions{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch}.demo-actions .btn{width:100%;min-height:46px}.demo-actions .btn:last-child{grid-column:1/-1}.auth-experience .btn{min-height:48px}}
.training-panel{min-width:0}.training-panel progress{display:block;width:100%;height:8px;margin:12px 0;accent-color:var(--blue)}.training-panel p,.training-roster h3,.training-roster .row{overflow-wrap:anywhere}.training-roster .row{gap:12px;align-items:flex-start}.training-roster .row>span{min-width:0}.training-roster .row>span:last-child{text-align:right}.join-code{font-family:monospace;letter-spacing:.1em}.training-mode .prototype{color:#203f98}.training-panel button,.training-roster button{min-height:44px}.training-panel .guided-setup-actions{flex-wrap:wrap}.training-panel a{white-space:normal}@media(max-width:760px){.training-panel{grid-template-columns:1fr}.training-panel .guided-setup-actions{display:grid;grid-template-columns:1fr}.training-panel button,.training-roster button{width:100%;white-space:normal;min-height:48px}.training-roster .card{padding:16px}.training-roster .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* V1.12 approved brand assets and focused WCAG 2.2 AA remediation. */
.brand-link img{display:block;width:100%;height:auto}.sidebar .brand-link{width:184px;max-width:100%}.auth-wordmark{width:min(280px,calc(100vw - 40px))}.mobile-label{align-items:center;gap:8px}.mobile-label img{width:28px;height:28px}.skip-link{position:fixed;left:14px;top:12px;z-index:1000;padding:11px 15px;border-radius:8px;background:#172342;color:#fff;transform:translateY(-160%)}.skip-link:focus{transform:none}.hidden-balance{white-space:nowrap}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #315ceb;outline-offset:3px}.hero button:focus-visible,.hero a:focus-visible{outline-color:#fff}.btn,.nav a,summary{min-height:44px}dialog .close{width:44px;height:44px}.expense-remove{min-width:44px;min-height:44px}.expense-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;border:1px solid #cbd6ef;border-radius:12px;background:#f7f9ff}.expense-summary>div{display:grid;gap:4px}.expense-summary>div span{color:#4e5c78;font-size:13px}.expense-summary>div strong{font:750 20px Manrope}.expense-buffer{margin:0;align-content:start}.expense-buffer select{margin-top:4px}.expense-suggested{grid-column:1/-1}.expense-underfunded{grid-column:1/-1;margin:0;padding:10px 12px;border-left:4px solid #b27412;background:#fff8e8;color:#684408;border-radius:6px}.expense-summary .help{grid-column:1/-1;margin:0}.expense-summary .btn{grid-column:1/-1;justify-self:start}.expense-total-row{background:#f7f9ff;padding-inline:12px}.auth-feedback[role="alert"],.notice.error{border-width:2px}
@media(max-width:760px){.mobile-label{display:flex}.auth-wordmark{width:235px}.expense-summary{grid-template-columns:1fr 1fr}.expense-suggested{grid-column:1/-1}}
@media(max-width:420px){.expense-summary{grid-template-columns:1fr}.expense-suggested,.expense-summary .help,.expense-summary .btn{grid-column:1}.expense-summary .btn{width:100%}}
@media(max-width:320px){.mobile-label{font-size:13px}.mobile-label img{width:24px;height:24px}}
/* V1.13.3 financial summaries wrap without shrinking text or clipping values. */
.allocation-summary-head>div,.allocation-summary-head>span,.allocation-summary-foot>*,.projection-rows>div>*,.recommendation-impact>div,.recommendation-list>div>*,.payday-reconcile>div,.allocation-live-grid>*{min-width:0;max-width:100%;overflow-wrap:anywhere}.allocation-summary-head>span,.allocation-summary-foot strong{white-space:normal}.allocation-live-grid{grid-template-columns:minmax(0,1fr) minmax(0,auto)}
@media(max-width:520px){.paycheck-allocation{padding:15px}.allocation-summary-head{display:grid;gap:6px}.allocation-live-grid{grid-template-columns:minmax(0,1fr);gap:3px}.allocation-live-grid b{text-align:left;margin-bottom:7px}.recommendation-impact{grid-template-columns:1fr}.projection-rows>div{align-items:flex-start}.projection-rows strong{text-align:right}}

/* V1.13.3 clarity and stabilization */
.dashboard-summary.single{grid-template-columns:1fr}.hero-insights{display:grid;gap:0;border-top:1px solid #ffffff30;margin-top:20px}.hero-insights span{color:#c8d5ff;font-size:12px;line-height:1.35}.hero-insights strong{overflow-wrap:anywhere}.hero-change{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #ffffff30;min-width:0;flex-wrap:wrap}.hero-change strong{text-align:right}.hero-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:16px}.hero-counts>div{display:grid;gap:4px;min-width:0}.hero-counts>div+div{border-left:1px solid #ffffff30;padding-left:18px}.projection-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.projection-details{border-top:1px solid var(--line);padding-top:18px}.activity-filter{max-width:320px;margin-bottom:16px}.activity-list{padding-top:12px}.activity-group+.activity-group{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.activity-group>h2{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;padding:0 0 5px}.activity-audit,.transaction-details{margin:16px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.activity-audit>div,.transaction-details>div{display:flex;justify-content:space-between;gap:16px;padding:11px 13px;border-bottom:1px solid var(--line)}.activity-audit>div:last-child,.transaction-details>div:last-child{border-bottom:0}.activity-audit dt,.transaction-details dt{color:var(--muted)}.activity-audit dd,.transaction-details dd{margin:0;text-align:right;overflow-wrap:anywhere}.attention-focus{outline:3px solid #6f8df3;outline-offset:4px;scroll-margin-top:90px;scroll-margin-bottom:120px;animation:attention-pulse .8s ease-in-out 2}@keyframes attention-pulse{50%{box-shadow:0 0 0 8px #244bd820}}.payday-reconcile>div{min-width:0}.payday-reconcile strong{overflow-wrap:anywhere}.row,.row-left,.row-left>span,.section-head>*,.hero-bottom>div,.plan-summary>*,.plan-status,.management-meta>*,.control-stats>div{min-width:0}.row-left{flex:1}.row-left>span{overflow-wrap:anywhere}.card,.hero,.paycheck-allocation{max-width:100%}.main{overflow-x:clip}
@media(max-width:760px){.activity-list{padding-left:16px;padding-right:16px}.activity-row .row-left{align-items:flex-start}.activity-row .icon{flex:0 0 40px}.transaction-details>div,.activity-audit>div{display:grid;gap:4px}.transaction-details dd,.activity-audit dd{text-align:left}.projection-heading{align-items:center}.projection-heading .btn{min-width:110px}.attention-focus{scroll-margin-bottom:calc(110px + env(safe-area-inset-bottom))}}
@media(max-width:402px){.allocation-summary-foot,.hero-bottom,.section-head,.change-preview>div{align-items:flex-start}.allocation-summary-foot{display:grid;gap:6px}.allocation-summary-foot p{text-align:left}.paycheck-allocation,.card,.hero{overflow-wrap:anywhere}.activity-row{display:grid;grid-template-columns:minmax(0,1fr) auto}.activity-row>strong{align-self:start}.projection-heading{display:grid;grid-template-columns:minmax(0,1fr) auto}.hero-counts>div+div{padding-left:12px}.hero-change strong{max-width:100%;text-align:left}}
@media(orientation:landscape) and (max-height:520px){dialog{max-height:calc(100dvh - 16px)}.main{padding-bottom:88px}}
@media(orientation:landscape) and (max-height:520px){.paycheck-allocation,.allocation-live{padding:14px}.allocation-summary-head,.allocation-summary-foot{gap:10px}}

/* Expense tracking reuses Pocket cards and stays readable on small screens. */
.expense-progress{padding:16px 0;border-top:1px solid var(--line);scroll-margin-top:100px}
.expense-progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
.expense-progress-grid>span{min-width:0;color:var(--muted);font-size:12px}
.expense-progress-grid strong{display:block;margin-top:5px;color:#172342;font-size:16px;overflow-wrap:anywhere}
.expense-alert{width:100%;background:transparent;text-align:left;gap:12px}
.expense-alert>span{min-width:0;overflow-wrap:anywhere}.expense-alert>strong{text-align:right;overflow-wrap:anywhere}
.expense-alert small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}
.expense-progress .row{gap:12px;flex-wrap:wrap}.expense-progress details{margin-top:12px}
.expense [type=hidden]{display:none}.expense{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto}
@media(max-width:760px){.expense{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.expense .expense-field:first-of-type{grid-column:1/-1}}
@media(max-width:480px){.expense{grid-template-columns:minmax(0,1fr)}.expense-progress-grid{gap:8px}.expense-progress-grid strong{font-size:14px}.expense-alert{display:grid;grid-template-columns:minmax(0,1fr)}.expense-alert>strong{text-align:left}}

/* V1.15: compact Money Flow and administration; existing layout retained. */
.flow-grid,.admin-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.flow-grid>div{display:grid;gap:6px;background:#f7f9fd;border-radius:10px;padding:14px;min-width:0;overflow-wrap:anywhere}
.flow-grid span{color:var(--muted);font-size:14px}.flow-grid strong{font-size:20px}
.money-flow .section-head{flex-wrap:wrap}.money-flow .btn{min-height:44px}.money-flow input[type="month"]{max-width:280px}
.admin-user{border-top:1px solid var(--line);padding:14px 0;overflow-wrap:anywhere}.admin-user summary{cursor:pointer;min-height:44px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.record-payment{margin-top:14px;min-height:44px}.admin-filter-grid label{min-width:0}.platform-administration{border-top:1px solid var(--line);padding-top:18px}
@media(max-width:600px){.admin-filter-grid{grid-template-columns:1fr}.money-flow .section-head{display:grid;gap:14px}.money-flow .btn{width:100%}.flow-grid>div{padding:12px}.flow-grid strong{font-size:18px}#admin-history .row{display:grid;gap:5px}}

/* Coordinated dark surfaces and text for existing component colors. */
[data-theme="dark"]{background:#0f1726;color:#e6edf8;--blue:#b3caff;--muted:#b5c2d7;--line:#43536e}
[data-theme="dark"] .sidebar{background:#18243a}
[data-theme="dark"] .nav a.active{background:#22304a}
[data-theme="dark"] .avatar{background:#22304a}
[data-theme="dark"] .badge{background:#22304a;color:#b3caff}
[data-theme="dark"] .btn.secondary{color:#b3caff}
[data-theme="dark"] .btn.danger{background:#432a31;color:#ffabb5}
[data-theme="dark"] .hero .sub{color:#b3caff}
[data-theme="dark"] .hero .eyebrow{color:#b3caff}
[data-theme="dark"] .fund:hover{border-color:#7589a8}
[data-theme="dark"] .icon{background:var(--tint,#22304a);color:var(--color,#b3caff)}
[data-theme="dark"] .progress{background:#22304a}
[data-theme="dark"] .positive{color:#84e1bf}
[data-theme="dark"] .notice{background:#183b34;border:1px solid #7589a8;color:#84e1bf}
[data-theme="dark"] .warning{background:#432a31;border-color:#7589a8;color:#ffabb5}
[data-theme="dark"] .error{background:#432a31;border-color:#7589a8;color:#ffabb5}
[data-theme="dark"] input,[data-theme="dark"] select{border:1px solid #7589a8;color:#b3caff}
[data-theme="dark"] dialog{color:#b3caff}
[data-theme="dark"] dialog .close{background:#22304a}
[data-theme="dark"] .allocation-bar{background:#22304a}
[data-theme="dark"] .success{background:#183b34;color:#84e1bf}
@media(max-width:760px){[data-theme="dark"] .mobile-label{color:#b3caff}}
[data-theme="dark"] .negative{color:#ffabb5}
[data-theme="dark"] .choice-card{background:#18243a;color:#b3caff}
[data-theme="dark"] .choice-card:hover:not(:disabled){border-color:#7589a8;background:#22304a}
[data-theme="dark"] .expense-progress-grid strong{color:#b3caff}
[data-theme="dark"] .info-button{border:1px solid #7589a8;background:#22304a;color:#b3caff}
[data-theme="dark"] .inline-help{color:#b3caff;background:#22304a}
[data-theme="dark"] .milestone-path li:not(:last-child)::after{background:#22304a}
[data-theme="dark"] .milestone-dot{background:#22304a;border:1px solid #7589a8}
[data-theme="dark"] .milestone-celebrations{background:#183b34;color:#84e1bf}
[data-theme="dark"] .dashboard-payday p{color:#e6edf8}
[data-theme="dark"] .compact-progress{background:#22304a}
[data-theme="dark"] .payday-steps span{background:#22304a}
[data-theme="dark"] .payday-steps span.done{background:#183b34;color:#84e1bf}
[data-theme="dark"] .preview-total{background:#22304a}
[data-theme="dark"] .plan-status.ready{background:#183b34;color:#84e1bf}
[data-theme="dark"] .plan-status.attention{background:#432a31;color:#ffabb5}
[data-theme="dark"] .activity-row{color:#b3caff}
[data-theme="dark"] .activity-row:hover{background:#22304a}
[data-theme="dark"] .tutorial-progress{background:#22304a}
[data-theme="dark"] .tutorial-paycheck small{color:#e6edf8}
[data-theme="dark"] .tutorial-done{color:#84e1bf;background:#183b34}
[data-theme="dark"] .tutorial-percent,[data-theme="dark"] .tutorial-target{background:#22304a}
[data-theme="dark"] .choice-card.selected{background:#22304a}
[data-theme="dark"] .allocation-live{border:1px solid #7589a8;background:#22304a;color:#b3caff}
[data-theme="dark"] .allocation-live.full{border-color:#7589a8;background:#183b34;color:#84e1bf}
[data-theme="dark"] .allocation-live.over{border-color:#7589a8;background:#432a31;color:#ffabb5}
[data-theme="dark"] .pocket-hub-summary>div{background:#18243a}
[data-theme="dark"] .management-meta b{color:#b3caff}
[data-theme="dark"] .status-badge{background:#183b34;color:#84e1bf}
[data-theme="dark"] .status-badge.paused{background:#22304a;color:#b3caff}
[data-theme="dark"] .status-badge.reached{background:#22304a;color:#b3caff}
[data-theme="dark"] .order-actions button{background:#18243a;color:#b3caff}
[data-theme="dark"] .control-stats>div{background:#22304a}
[data-theme="dark"] .danger-zone{border:1px solid #7589a8;background:#432a31}
[data-theme="dark"] .danger-zone p{color:#ffabb5}
[data-theme="dark"] .projection-total{color:#b3caff}
[data-theme="dark"] .projection-total span{color:#b3caff}
[data-theme="dark"] .projection-empty{background:#22304a}
[data-theme="dark"] .paycheck-allocation{background:#18243a}
[data-theme="dark"] .allocation-summary-track{background:#22304a}
[data-theme="dark"] .recommendation-section details{background:#22304a}
[data-theme="dark"] .recommendation-section summary{color:#b3caff}
[data-theme="dark"] .recommendation-impact>div{background:#22304a}
[data-theme="dark"] .recommendation-missing{color:#ffabb5!important}
[data-theme="dark"] .recommended-pocket-option{background:#18243a}
[data-theme="dark"] .recommended-pocket-option:hover,[data-theme="dark"] .recommended-pocket-option:focus-within{border-color:#7589a8;background:#22304a}
[data-theme="dark"] .recommended-pocket-option:has(input:checked){background:#22304a}
[data-theme="dark"] .tutorial-loop{background:#22304a}
[data-theme="dark"] .tutorial-loop span{background:#18243a;color:#b3caff}
[data-theme="dark"] .tutorial-income>div,[data-theme="dark"] .tutorial-allocation>div{background:#22304a}
[data-theme="dark"] .tutorial-allocation .total{background:#22304a;color:#b3caff}
[data-theme="dark"] .tutorial-contribution{background:#22304a}
[data-theme="dark"] .tutorial-contribution>strong{color:#84e1bf}
[data-theme="dark"] .auth-shell{background:radial-gradient(circle at top left,#22304a 0,transparent 38%),#22304a}
[data-theme="dark"] .auth-card{background:#18243a}
[data-theme="dark"] .auth-feedback.warning{background:#432a31;color:#ffabb5}
[data-theme="dark"] .auth-feedback.auth-success{background:#183b34;color:#84e1bf}
[data-theme="dark"] .auth-feedback.processing{background:#22304a;color:#b3caff}
[data-theme="dark"] .payday-steps button{background:#22304a}
[data-theme="dark"] .payday-steps button.done{background:#183b34;color:#84e1bf}
[data-theme="dark"] .public-tutorial-button{border-color:#7589a8!important}
[data-theme="dark"] .payday-reconcile .accounted{background:#183b34;border-color:#7589a8}
[data-theme="dark"] .guided-setup-panel{background:#22304a;border:1px solid #7589a8}
[data-theme="dark"] .guided-target{border-top:1px solid #7589a8}
[data-theme="dark"] .guided-target-preview span{background:#18243a}
[data-theme="dark"] .guided-target-preview strong{color:#b3caff}
[data-theme="dark"] .projection-summary>div{background:#22304a}
[data-theme="dark"] .target-settings summary,[data-theme="dark"] .account-disclosure summary{color:#b3caff}
[data-theme="dark"] .context-note{background:#22304a;color:#b3caff}
[data-theme="dark"] .guided-step-complete{color:#84e1bf;background:#183b34}
[data-theme="dark"] .demo-banner{border:1px solid #7589a8;background:#22304a;color:#b3caff}
[data-theme="dark"] .demo-mode .prototype{color:#b3caff}
[data-theme="dark"] .training-mode .prototype{color:#b3caff}
[data-theme="dark"] button:focus-visible,[data-theme="dark"] a:focus-visible,[data-theme="dark"] input:focus-visible,[data-theme="dark"] select:focus-visible,[data-theme="dark"] textarea:focus-visible,[data-theme="dark"] summary:focus-visible{outline:3px solid #7589a8}
[data-theme="dark"] .hero button:focus-visible,[data-theme="dark"] .hero a:focus-visible{outline-color:#7589a8}
[data-theme="dark"] .expense-summary{border:1px solid #7589a8;background:#22304a}
[data-theme="dark"] .expense-summary>div span{color:#b3caff}
[data-theme="dark"] .expense-underfunded{border-left:4px solid #7589a8;background:#432a31;color:#ffabb5}
[data-theme="dark"] .expense-total-row{background:#22304a}
[data-theme="dark"] .hero-insights span{color:#b3caff}
[data-theme="dark"] .attention-focus{outline:3px solid #7589a8}
[data-theme="dark"] .expense-progress-grid strong{color:#b3caff}
[data-theme="dark"] .flow-grid>div{background:#22304a}
[data-theme="dark"] .btn{background:#3157b5;color:#fff}
[data-theme="dark"] .btn.secondary,[data-theme="dark"] .btn.ghost{background:#22304a;color:#e6edf8;border-color:#7589a8}
[data-theme="dark"] .btn.danger{background:#863448;color:#fff;border-color:#f3a4b3}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#111c2e;color:#e6edf8;border-color:#7589a8}
[data-theme="dark"] input::placeholder{color:#afbdd3}
[data-theme="dark"] .hero,[data-theme="dark"] .sidebar{background:#192545;color:#fff}
[data-theme="dark"] .sidebar .nav a.active{background:#3157b5;color:#fff}
[data-theme="dark"] .wordmark img{background:transparent}
[data-theme="dark"] :focus-visible{outline:3px solid #f4ce83;outline-offset:3px}

[data-theme="dark"] .mark,[data-theme="dark"] .done .milestone-dot{background:#3157b5;color:#fff;border-color:#a9c3ff}

/* Shared, decorative Pocket identity; names remain the accessible label. */
:root{--pocket-blue:#3155b9;--pocket-icon-surface:#edf2fc}
[data-theme="dark"]{--pocket-blue:#b3caff;--pocket-icon-surface:#22304a}
.icon.pocket-icon{color:var(--pocket-blue);background:var(--pocket-icon-surface);flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:.65rem;line-height:1}
.pocket-icon svg{width:1.3rem;height:1.3rem}
.pocket-identity{display:inline-flex;align-items:center;gap:.5rem;max-width:100%;vertical-align:middle}
.pocket-identity>span:last-child{min-width:0;overflow-wrap:anywhere}
.icon.pocket-icon-small{width:1.65rem;height:1.65rem;border-radius:.45rem;font-size:1rem}
.pocket-icon-small svg{width:1.05rem;height:1.05rem}
.activity-row .icon:has(>.pocket-icon){background:transparent}
.activity-row .icon>.pocket-icon{width:2.25rem;height:2.25rem}

/* V1.16.1 theme, navigation, and usability stabilization. */
:root{--app-bg:#f4f6fb;--surface:#fff;--surface-subtle:#f7f9fd;--text:#172342;--text-muted:#68738a;--border:#e4e8f1;--focus:#315ceb;--success-bg:#e7f5ef;--success-text:#147c62;--warning-bg:#fff8e8;--warning-text:#684408;--danger-bg:#fff1f0;--danger-text:#b53535}
body,.main{background:var(--app-bg);color:var(--text)}
.card,dialog,.auth-card,.management-card,.recommended-pocket-option,.choice-card{background:var(--surface);color:var(--text);border-color:var(--border)}
input,select,textarea{background:var(--surface);color:var(--text);border-color:var(--border)}
label,.muted,.sub,.help,.chart-legend-row small{color:var(--text-muted)}
.topbar{position:relative}.account-button svg{display:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.household-context>span:not(.sr-only){display:none}
.dashboard-jump{appearance:none;border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:0;border-radius:9px;min-height:44px;cursor:pointer}.dashboard-jump:hover{background:#ffffff12}.dashboard-jump:focus-visible{outline:3px solid #f4ce83;outline-offset:3px}.hero-total{display:grid;width:100%;gap:5px}.hero-total .big{display:block}.hero-bottom>button{display:grid;gap:3px;width:100%;padding:8px}.hero-counts>button{display:grid;gap:4px;padding:10px}.hero-change{width:100%}
.pocket-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 18px}.pocket-tools label{display:grid;gap:5px;margin:0;min-width:180px}.pocket-tools select{padding:9px 34px 9px 10px}.paycheck-allocation{padding-block:14px}.allocation-summary-head,.allocation-summary-foot{gap:12px}.management-card{transition:transform .15s,border-color .15s,box-shadow .15s}.management-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #17234212}.management-card:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.income-list{display:grid;gap:0}.income-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.income-row>div{display:grid;gap:4px;min-width:0}.income-row span{color:var(--text-muted);overflow-wrap:anywhere}.income-menu{position:relative}.income-menu summary{display:grid;place-items:center;width:44px;height:44px;list-style:none;border-radius:9px;color:var(--text);cursor:pointer}.income-menu summary::-webkit-details-marker{display:none}.income-menu[open] .btn{position:absolute;right:0;top:46px;z-index:4;white-space:nowrap;box-shadow:0 8px 24px #17234228}.income-estimate{display:grid;gap:5px}.income-estimate>span{font-size:13px}.income-estimate>strong{font:750 22px Manrope}.income-compact{padding-block:9px}
.plan-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex:1}.plan-metrics>div{display:grid;gap:5px;padding:10px 12px;border-radius:10px;background:var(--surface-subtle)}.plan-metrics span{font-size:12px;color:var(--text-muted)}.plan-metrics strong{overflow-wrap:anywhere}.allocation-pocket-row{width:100%;border:0;background:transparent;color:inherit;text-align:inherit;font:inherit;cursor:pointer;border-radius:8px}.allocation-pocket-row:hover,.allocation-pocket-row:focus-visible{background:var(--surface-subtle)}.allocation-direction{display:inline-flex;margin-left:7px;padding:2px 6px;border-radius:5px;font-style:normal;font-size:11px;font-weight:700}.allocation-direction.increase{color:#17634d;background:#e7f5ef}.allocation-direction.decrease{color:#8a3c47;background:#fff1f0}.allocation-direction.same{color:var(--text-muted);background:var(--surface-subtle)}
.account-destinations{display:grid;gap:10px;margin-top:22px}.account-destination{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.account-destination>summary,.account-admin-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:16px;min-height:64px;background:transparent;color:var(--text);border:0;text-align:left;cursor:pointer}.account-destination>summary>span:first-child,.account-admin-entry>span:first-child{display:grid;gap:4px}.account-destination small,.account-admin-entry small{display:block;color:var(--text-muted);font-weight:400;line-height:1.35}.account-destination-content{padding:0 16px 18px}.account-nav-rows{display:grid;gap:8px}.account-nav-rows>button{display:grid;gap:4px;width:100%;padding:13px;text-align:left;background:var(--surface-subtle);color:var(--text);border:1px solid var(--border);border-radius:10px}.account-nav-rows>button span{color:var(--text-muted)}.invite-row,.member-row{min-width:0}.invite-row>div:first-child,.member-row>div:first-child{min-width:0;overflow-wrap:anywhere}.invite-actions{flex:0 0 auto}
dialog{max-height:min(88dvh,850px);overflow:auto;overscroll-behavior:contain}
[data-theme="dark"]{--app-bg:#0f1726;--surface:#18243a;--surface-subtle:#22304a;--text:#eef3fb;--text-muted:#c0cbe0;--border:#526583;--focus:#f4ce83;--success-bg:#183b34;--success-text:#91e8ca;--warning-bg:#493617;--warning-text:#ffd999;--danger-bg:#432a31;--danger-text:#ffb9c1;background:var(--app-bg);color:var(--text)}
[data-theme="dark"] body,[data-theme="dark"] .main{background:var(--app-bg);color:var(--text)}
[data-theme="dark"] .card,[data-theme="dark"] dialog,[data-theme="dark"] .auth-card,[data-theme="dark"] .management-card,[data-theme="dark"] .recommended-pocket-option,[data-theme="dark"] .choice-card,[data-theme="dark"] .account-destination{background:var(--surface);color:var(--text);border-color:var(--border)}
[data-theme="dark"] h1,[data-theme="dark"] h2,[data-theme="dark"] h3,[data-theme="dark"] h4,[data-theme="dark"] strong,[data-theme="dark"] label,[data-theme="dark"] .row,[data-theme="dark"] .chart-legend-row,[data-theme="dark"] .account-disclosure summary{color:var(--text)}
[data-theme="dark"] .muted,[data-theme="dark"] .sub,[data-theme="dark"] .help,[data-theme="dark"] .chart-legend-row small,[data-theme="dark"] .account-destination small,[data-theme="dark"] .account-nav-rows>button span{color:var(--text-muted)}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#101b2d;color:var(--text);border-color:var(--border)}
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#aebbd1}
[data-theme="dark"] .plan-metrics>div,[data-theme="dark"] .account-nav-rows>button,[data-theme="dark"] .allocation-pocket-row:hover,[data-theme="dark"] .allocation-pocket-row:focus-visible,[data-theme="dark"] .chart-legend-row:hover,[data-theme="dark"] .projection-summary>div,[data-theme="dark"] .flow-grid>div,[data-theme="dark"] .context-note{background:var(--surface-subtle);color:var(--text)}
[data-theme="dark"] .notice{background:var(--success-bg);color:var(--success-text);border-color:var(--border)}[data-theme="dark"] .notice.warning,[data-theme="dark"] .warning{background:var(--warning-bg);color:var(--warning-text)}[data-theme="dark"] .notice.error,[data-theme="dark"] .error,[data-theme="dark"] .danger-zone{background:var(--danger-bg);color:var(--danger-text)}
[data-theme="dark"] .chart-swatch{outline:1px solid #ffffff70}[data-theme="dark"] .allocation-direction.increase{background:#183b34;color:#91e8ca}[data-theme="dark"] .allocation-direction.decrease{background:#432a31;color:#ffb9c1}[data-theme="dark"] .allocation-direction.same{background:#2b3953;color:var(--text-muted)}
[data-theme="dark"] .admin-user-card,[data-theme="dark"] .admin-history-row,[data-theme="dark"] .training-panel,[data-theme="dark"] .training-roster .card,[data-theme="dark"] .activity-list,[data-theme="dark"] .activity-audit,[data-theme="dark"] .transaction-details{background:var(--surface);color:var(--text);border-color:var(--border)}
[data-theme="dark"] .dashboard-jump:hover{background:#ffffff12}
@media(max-width:760px){.topbar{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px 12px;align-items:center;padding-bottom:20px}.topbar>.mobile-label{grid-column:1;grid-row:1;min-width:0;white-space:nowrap}.topbar>div{display:contents}.topbar .badge,.topbar .avatar{display:none}.account-button{grid-column:2;grid-row:1;width:48px;height:48px;padding:0;display:grid;place-items:center}.account-button svg{display:block}.account-button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.household-context{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;margin:0;padding:7px 9px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.household-context>span:not(.sr-only){display:block;font-size:12px;font-weight:700;color:var(--text-muted)}.household-context select{width:100%;max-width:none;min-width:0;margin:0;padding-block:8px}.pocket-tools{display:grid;gap:10px}.pocket-tools label{min-width:0}.plan-summary{display:grid}.plan-metrics{grid-template-columns:1fr}.invite-row,.member-row{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px}.invite-actions,.member-row .actions{display:grid;grid-template-columns:1fr;width:100%}.invite-actions .btn,.member-row .actions .btn{width:100%;white-space:normal}.account-destination>summary,.account-admin-entry{padding:14px}.account-destination-content{padding-inline:12px}.account-actions{display:grid}.account-actions .btn{width:100%}}
@media(max-width:402px){dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);padding:18px 14px}.income-row{grid-template-columns:minmax(0,1fr) auto}.income-row .income-menu{grid-column:2}.hero-bottom{display:grid}.hero-counts{grid-template-columns:1fr 1fr}.account-disclosure .row{max-width:100%}.pending-invites,.pending-invites *{max-width:100%}}
@media(orientation:landscape) and (max-height:520px){dialog{max-height:calc(100dvh - 12px);overflow:auto}.topbar{padding-bottom:12px}}

/* V1.16.2 reconciliation: compact summaries and complete control states. */
.compact-plan-summary{display:grid;gap:10px;padding:18px 20px}.plan-summary-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.plan-summary-head>div:first-child{display:grid;gap:3px}.plan-summary-head h2{font-size:20px}.compact-plan-summary .plan-status{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:0;padding:0;background:transparent;color:var(--text);text-align:right}.compact-plan-summary .plan-status.ready,.compact-plan-summary .plan-status.attention{background:transparent;color:var(--text)}.compact-plan-summary .plan-status .btn{min-height:40px;padding:9px 13px}.plan-income-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface-subtle)}.plan-income-row span,.plan-split span{color:var(--text-muted);font-size:12px}.plan-split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.plan-split>div{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:2px 10px;padding:10px 12px;border:1px solid var(--border);border-radius:9px}.plan-split strong{font:750 19px Manrope}.plan-split small{grid-column:1/-1;color:var(--text-muted)}
.dashboard-balance{padding:20px 22px}.dashboard-balance .hero-total{min-height:0}.dashboard-balance .big{font-size:36px;margin:5px 0 2px}.dashboard-balance .hero-bottom{margin-top:10px;padding-top:10px}.dashboard-balance .hero-bottom>button{min-height:48px;padding:5px 8px}.dashboard-balance .hero-bottom strong{font-size:16px}.dashboard-balance .hero-insights{margin-top:10px}.dashboard-balance .hero-change{min-height:44px;padding:9px 8px}.dashboard-balance .hero-counts{padding-top:6px}.dashboard-balance .hero-counts>button{min-height:48px;padding:7px 8px}.dashboard-balance .hero-counts>button+button{border-left:1px solid #ffffff30;padding-left:16px}
.compact-allocation{display:grid;gap:8px;padding:13px 16px}.compact-allocation .allocation-summary-head{margin:0}.compact-allocation .allocation-summary-head .badge{white-space:nowrap}.allocation-compact-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.allocation-compact-stats>div{display:grid;gap:2px;min-width:0}.allocation-compact-stats span,.allocation-compact-help{color:var(--text-muted);font-size:12px}.allocation-compact-stats strong{font-size:14px;overflow-wrap:anywhere}.compact-allocation .allocation-summary-track{height:6px;margin:2px 0}.allocation-compact-help{margin:0;line-height:1.35}
.pill{background:var(--surface);color:var(--text-muted);border-color:var(--border);font-weight:650;transition:background .15s,color .15s,border-color .15s}.pill:hover:not(:disabled){background:var(--surface-subtle);color:var(--text);border-color:#8da3cf}.pill.selected,.pill[aria-pressed="true"]{background:#172342;color:#fff;border-color:#172342}.pill:disabled,.btn:disabled,button:disabled{opacity:.62}.pill:focus-visible,.btn:focus-visible,.account-nav-rows>button:focus-visible,.account-admin-entry:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
[data-theme="dark"] .pill{background:#22304a;color:#eef3fb;border-color:#7589a8}[data-theme="dark"] .pill:hover:not(:disabled){background:#2e4162;color:#fff;border-color:#a9bce0}[data-theme="dark"] .pill.selected,[data-theme="dark"] .pill[aria-pressed="true"]{background:#3157b5;color:#fff;border-color:#a9c3ff}[data-theme="dark"] .pill:disabled,[data-theme="dark"] .btn:disabled,[data-theme="dark"] button:disabled{opacity:.68;color:#c8d2e4}[data-theme="dark"] option{background:#101b2d;color:#eef3fb}[data-theme="dark"] .compact-plan-summary .plan-status.ready,[data-theme="dark"] .compact-plan-summary .plan-status.attention{background:transparent;color:var(--text)}[data-theme="dark"] .plan-income-row,[data-theme="dark"] .plan-split>div{background:var(--surface-subtle);border-color:var(--border)}[data-theme="dark"] .compact-allocation{background:var(--surface);border-color:var(--border)}[data-theme="dark"] .compact-allocation .badge{background:#2b3b59;color:#d9e5ff}
@media(max-width:760px){.compact-plan-summary{padding:15px}.plan-summary-head{align-items:flex-start}.compact-plan-summary .plan-status{display:grid;justify-items:end}.plan-income-row{padding:8px 10px}.dashboard-balance{padding:17px}.dashboard-balance .big{font-size:32px}.compact-allocation{padding:12px 14px}.allocation-compact-stats{grid-template-columns:1fr 1fr}}
@media(max-width:402px){.plan-summary-head{display:grid}.compact-plan-summary .plan-status{justify-items:start;text-align:left}.plan-income-row{display:grid;gap:3px}.plan-split{grid-template-columns:1fr 1fr}.plan-split>div{grid-template-columns:1fr;padding:9px}.plan-split small{grid-column:auto}.dashboard-balance .hero-bottom{grid-template-columns:1fr 1fr}.dashboard-balance .hero-counts{grid-template-columns:1fr 1fr}.allocation-compact-stats{grid-template-columns:1fr 1fr}.compact-allocation .allocation-summary-head{display:flex;align-items:center}}
@media(max-width:320px){.plan-split,.allocation-compact-stats{grid-template-columns:1fr}.dashboard-balance .hero-bottom,.dashboard-balance .hero-counts{grid-template-columns:1fr}.dashboard-balance .hero-counts>button+button{border-left:0;border-top:1px solid #ffffff30;padding-left:8px}}

/* V1.16.3 compact, on-demand administration lists. */
.admin-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.admin-stat-grid>div{display:grid;gap:5px;padding:12px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:10px;min-width:0}.admin-stat-grid span{font-size:12px;color:var(--text-muted);line-height:1.35}.admin-stat-grid strong{font-size:19px}.admin-disclosure{border-top:1px solid var(--border);margin-top:14px}.admin-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:10px 2px;cursor:pointer;color:var(--text);font-weight:750}.admin-disclosure-content{padding:4px 0 10px}.admin-list-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid var(--border);min-width:0}.admin-list-row>div{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}.admin-list-row a{overflow-wrap:anywhere}.admin-list-row .btn{flex:0 0 auto}.admin-load-more{width:100%;margin-top:12px}.demo-session-row>.badge{white-space:nowrap}
[data-theme="dark"] .admin-stat-grid>div{background:var(--surface-subtle);color:var(--text);border-color:var(--border)}[data-theme="dark"] .admin-disclosure>summary,[data-theme="dark"] .admin-list-row{color:var(--text);border-color:var(--border)}
@media(max-width:760px){.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-list-row{display:grid;grid-template-columns:minmax(0,1fr)}.admin-list-row .btn,.admin-disclosure-content>.btn{width:100%;white-space:normal}.demo-session-row>.badge{justify-self:start}}
@media(max-width:360px){.admin-stat-grid{grid-template-columns:1fr}}

/* Dark-mode Dashboard primary action: keep the shared primary palette distinct from the card. */
[data-theme="dark"] .dashboard-payday .btn{background:#3157b5;color:#fff;border:1px solid #a9c3ff;transition:background .15s,border-color .15s,transform .08s}
[data-theme="dark"] .dashboard-payday .btn:hover:not(:disabled){background:#294b9d;border-color:#c5d5ff}
[data-theme="dark"] .dashboard-payday .btn:active:not(:disabled){background:#203d83;transform:translateY(1px)}
[data-theme="dark"] .dashboard-payday .btn:disabled{background:#2b3b59;color:#c8d2e4;border-color:#7589a8;opacity:1}

/* V1.17.0: existing semantic surfaces, compact layouts and intrinsic-size fixes. */
.welcome-entry{grid-template-columns:minmax(0,1fr) minmax(320px,460px);align-content:center;align-items:start;gap:28px 64px;padding:40px max(28px,calc((100vw - 1120px)/2));}
.welcome-entry .auth-wordmark{position:static;grid-column:1/-1;justify-self:start;width:280px;max-width:100%;margin:0}
.auth-introduction{align-self:center;max-width:550px;display:grid;gap:20px;color:var(--text);min-width:0}
.auth-introduction h2{font-size:clamp(28px,3vw,44px);line-height:1.16;letter-spacing:-1px}
.auth-introduction p{line-height:1.65}.auth-introduction .trust-message{border-left:3px solid var(--blue);padding-left:14px;font-size:14px}
.welcome-entry .auth-card{min-width:0;align-self:start}.password-field{margin-bottom:16px}.password-field>label{margin-bottom:8px}
.password-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.password-toggle{min-width:68px;padding:9px 12px}
.modal-open{overflow:hidden}
dialog{max-width:calc(100vw - 28px);max-height:88vh;max-height:min(88dvh,850px);margin:auto;isolation:isolate}
dialog[open]{position:fixed;inset:0;z-index:50;height:fit-content;overflow:auto}
dialog:not([open]){display:none!important}
dialog h2,.account-destinations,.account-destination,.account-destination-content{min-width:0;max-width:100%;overflow-wrap:anywhere}
.account-dialog{width:min(800px,calc(100vw - 28px))}
.account-destinations{align-items:start;align-content:start;grid-auto-rows:max-content}
.account-destination:not([open])>.account-destination-content{display:none}
.account-destination>summary{list-style:none}.account-destination>summary::-webkit-details-marker{display:none}
.account-destination-content{overflow:visible}.account-nav-rows{grid-template-columns:minmax(0,1fr)}
.account-disclosure{min-width:0}.account-disclosure>summary{cursor:pointer}.account-actions{margin-top:16px}
.account-dialog .invite-row,.account-dialog .member-row{flex-wrap:wrap}
.pocket-heading{background:var(--background,var(--surface));padding-block:14px;margin-top:8px;z-index:4}
.pocket-heading .heading{margin-bottom:0}.pocket-heading h1{overflow-wrap:anywhere}
.pocket-editor{width:min(980px,calc(100vw - 28px))}
.pocket-editor .expense{grid-template-columns:minmax(140px,1.5fr) minmax(100px,.8fr) minmax(145px,1fr) minmax(145px,1fr) 44px;align-items:end;gap:12px;padding-block:12px;border-bottom:1px solid var(--border)}
.pocket-editor .expense>label{margin:0;min-width:0}.pocket-editor .expense-remove{align-self:end}
.editor-actions{position:sticky;bottom:-28px;background:var(--surface);border-top:1px solid var(--border);padding:14px 0;margin-top:20px;z-index:2}
.planned-expense-shortcut{margin-top:14px}.control-stats{grid-template-columns:minmax(0,1fr)}
.dashboard-payday{padding:16px 22px;gap:18px}.dashboard-payday h2{font-size:21px}.dashboard-payday p{font-size:14px}
.dashboard-balance .tracked-label{color:inherit;opacity:.9;margin:4px 0 12px}
.period-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.period-metric{background:var(--surface-subtle);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:12px;text-align:left;min-width:0;display:grid;gap:5px}
.period-metric span{font-size:13px}.period-metric strong{font-size:20px;overflow-wrap:anywhere}
.hero .period-metric{background:#ffffff0d;color:#fff;border-color:#ffffff4d}.hero .period-metric strong,.hero .period-metric span{color:#fff}
.period-metric:hover{border-color:var(--blue)}.hero .period-metric:hover{background:#ffffff20;border-color:#fff}
.flow-month{max-width:240px;margin-top:10px}.money-flow .section-head{margin-bottom:8px}
.projection-intro{margin:8px 0 0}.all-pockets-overview{margin-bottom:12px}
.overview-balance{display:grid;gap:4px}.overview-balance>strong{font-size:28px}.overview-balance>small{color:var(--text-muted)}
.all-pockets-overview>.help{margin-bottom:0}.allocation-plan-link{font-size:14px;margin:4px 0 22px}
.paycheck-allocation{padding:12px 16px}.plan-counts{margin-top:12px;color:var(--text-muted);font-size:14px}
.plan-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:18px}
.plan-layout>.stack{display:contents}.plan-allocation{grid-column:1;grid-row:1 / span 2}
.plan-incomes{grid-column:2;grid-row:1}.plan-targets{grid-column:2}.plan-attention{grid-column:1/-1}
.plan-help{grid-column:1/-1}.plan-help summary{cursor:pointer}



.activity-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.activity-filter-grid label{min-width:0}.activity-more{display:block;margin:16px auto 0}
.activity-row .row-left{min-width:0}.activity-row .row-left>span:last-child{min-width:0;overflow-wrap:anywhere}
.activity-row>strong{flex-shrink:0}
@media(min-width:1101px){.shell{grid-template-columns:284px minmax(0,1fr)}.sidebar{width:284px;padding-inline:18px}.sidebar .brand-link{width:248px;margin-bottom:24px}}
@media(min-width:761px){.pocket-heading{position:sticky;top:0}.account-dialog .account-destination>summary{padding-block:16px}}
@media(max-width:1000px){.plan-layout{grid-template-columns:minmax(0,1fr)}.plan-layout>*,.plan-layout>.stack>*{grid-column:1;grid-row:auto}}
@media(max-width:760px){.welcome-entry{grid-template-columns:minmax(0,1fr);padding:22px 18px;gap:20px;justify-items:stretch}.welcome-entry .auth-wordmark{width:235px;grid-column:1}.auth-introduction{gap:10px}.auth-introduction h2{font-size:29px}.auth-introduction p{font-size:14px;line-height:1.5}.auth-introduction .trust-message{font-size:13px}.welcome-entry .auth-card{width:100%;padding:22px}.welcome-entry .auth-card h1{margin-top:10px}.auth-card form{margin-top:18px}
 .dashboard-payday{display:flex;flex-wrap:wrap;padding:16px}.dashboard-payday .btn{width:auto;flex-grow:1}.dashboard-payday>div{flex:1 1 230px}
 .pocket-heading{padding:10px 0}.pocket-heading .heading{gap:10px}.pocket-heading .btn{padding:11px 14px}
 .pocket-editor .expense{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.pocket-editor .expense>label:first-of-type{grid-column:1/-1}.pocket-editor .expense-remove{justify-self:end}
 .editor-actions{bottom:-18px}.editor-actions .btn{flex:1}.activity-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .period-metric{padding:10px}.period-metric strong{font-size:18px}.all-pockets-overview .section-head{flex-wrap:wrap}
}
@media(max-width:360px){.period-metrics,.pocket-editor .expense,.activity-filter-grid{grid-template-columns:minmax(0,1fr)}.password-input{grid-template-columns:minmax(0,1fr) 64px}}
/* Help Center uses existing semantic surfaces and appearance modes. */
.help-nav{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border-radius:10px;color:var(--text);text-decoration:none;flex-shrink:0}
.help-nav>span:first-child{display:grid;place-items:center;width:25px;height:25px;border:2px solid currentColor;border-radius:50%;font-weight:800}
.help-nav:hover,.help-category:hover,.help-article-link:hover{background:var(--surface-subtle)}
.help-public{max-width:1160px;margin:auto;padding:24px}.help-public-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.help-public-header .brand-link{width:220px;max-width:65%}.help-public-header img{width:100%}
.help-center,.help-reading{min-width:0}.help-hero{text-align:center;border-radius:18px;padding:30px 24px;background:var(--surface-subtle);margin-bottom:28px}.help-hero h1{margin:0 0 8px}.help-hero p{color:var(--text-muted)}
.help-search{display:flex;align-items:center;gap:10px;max-width:850px;margin:24px auto 0;background:var(--surface);border:1px solid var(--blue);border-radius:12px;padding:4px 12px}.help-search>span{font-size:28px;color:var(--blue)}.help-search input{border:0;background:transparent;min-width:0;flex:1;margin:0;font-size:16px}.help-search .btn{flex-shrink:0}
.help-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.help-category{display:flex;gap:14px;align-items:flex-start;text-decoration:none;padding:20px;color:var(--text);min-width:0}.help-category h3{font-size:17px;margin:0 0 6px}.help-category p{color:var(--text-muted);font-size:14px;line-height:1.5;margin:0 0 8px}.help-category small{color:var(--text-muted)}.help-category-icon{display:grid;place-items:center;border-radius:10px;width:42px;height:42px;flex-shrink:0;background:var(--surface-subtle);color:var(--blue);font-size:27px;font-weight:800}
.help-popular{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}.help-article-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:15px 12px;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none;overflow-wrap:anywhere}.help-article-link strong{color:var(--blue);font-size:16px}.help-article-link>span:first-of-type{color:var(--text-muted);grid-column:1;font-size:14px;line-height:1.5}.help-article-link>span:last-child{grid-column:2;grid-row:1/3;align-self:center;font-size:24px}
.help-reading{max-width:800px;margin:0 auto;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:18px}.help-reading h1{font-size:clamp(25px,3vw,34px);line-height:1.25}.help-reading h2{font-size:20px}.help-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;color:var(--text-muted);font-size:14px;margin-bottom:24px}.help-breadcrumb a{color:var(--blue)}
.help-steps{counter-reset:helpstep;list-style:none;padding:0;margin:28px 0}.help-steps li{position:relative;counter-increment:helpstep;margin:0 0 22px;padding-left:48px;line-height:1.65}.help-steps li:before{content:counter(helpstep);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:#3157b5;color:#fff;text-align:center;line-height:32px;font-weight:700}.help-note{background:var(--surface-subtle);border-left:4px solid var(--blue);padding:16px 20px;border-radius:10px}.help-note h2{margin:0 0 8px}.help-note p{margin:0;line-height:1.65}.help-return{margin-top:24px}
.contextual-help-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0 20px;font-size:13px;color:var(--text-muted)}.contextual-help-links a{color:var(--blue);text-underline-offset:3px}.contextual-help-links--page{border-top:1px solid var(--border);padding-top:20px;margin:30px 0 12px}.mobile-home-link:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:8px}.contextual-help-links a:focus-visible,.help-nav:focus-visible,.help-category:focus-visible,.help-article-link:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
#beta-report-form fieldset{border:0;padding:0;min-width:0;margin:0}#beta-report-form textarea{resize:vertical;width:100%;font-size:16px}.feedback-image,#report-preview img{max-width:100%;height:auto;display:block;border-radius:8px}#report-preview img{max-height:260px}#report-preview{overflow-wrap:anywhere;margin-bottom:20px}.beta-report-row{border-bottom:1px solid var(--border);padding:20px 0;overflow-wrap:anywhere}.beta-report-row header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.beta-report-row time{font-size:13px;color:var(--text-muted)}.beta-report-description{white-space:pre-wrap;line-height:1.65}.beta-report-row .actions{align-items:flex-end}.beta-report-row label{margin:0}#report-feedback{overflow-wrap:anywhere;white-space:pre-wrap}.beta-report-link{font-size:14px}.help-reading small{font-size:16px}
@media(max-width:1000px){.help-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.help-nav{padding:6px}.topbar .help-nav>span:last-child{display:none}}
@media(max-width:760px){.sidebar .help-nav{display:none}.topbar{grid-template-columns:minmax(0,1fr) 44px 44px}.topbar .help-nav{grid-column:2;grid-row:1;width:44px;height:44px;justify-content:center}.topbar .account-button{grid-column:3;grid-row:1}.mobile-label{font-size:15px}}
@media(max-width:600px){.help-public{padding:16px}.help-hero{padding:22px 12px}.help-hero h1{font-size:28px}.help-search{padding:4px 6px}.help-search>span{display:none}.help-categories{gap:10px}.help-category{padding:14px 10px;gap:8px;display:block}.help-category-icon{margin-bottom:10px;width:34px;height:34px;font-size:22px}.help-popular{grid-template-columns:1fr}.help-reading{padding:20px 16px}.help-steps li{padding-left:42px}.help-center .section-head{align-items:flex-start;flex-wrap:wrap}.help-reading .actions{flex-wrap:wrap}.help-reading .actions>*{min-width:0}.contextual-help-links{font-size:12px}.help-reading input[type=file]{max-width:100%;padding:12px 6px}.help-reading .help-breadcrumb{gap:8px}}

/* Pocket detail: on phones, place Edit Pocket beside the description, not below it. */
@media(max-width:760px){
 .pocket-heading .heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px}
 .pocket-heading .heading>div{display:contents}
 .pocket-heading .heading h1{grid-column:1/-1;grid-row:1;min-width:0}
 .pocket-heading .heading .sub{grid-column:1;grid-row:2;margin:0;min-width:0}
 .pocket-heading .heading>.btn{grid-column:2;grid-row:2;justify-self:end;min-height:44px;white-space:nowrap}
}
/* Plan allocation: one segmented bar and complete compact Pocket rows. */
.plan-allocation .section-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.plan-allocation .section-head h2{flex:1 1 180px;min-width:0}.plan-allocation .section-head .btn{width:auto;flex:0 0 auto;margin-left:auto;min-height:44px;padding:10px 14px}
.plan-pocket-allocations{gap:4px;margin-top:14px}.plan-pocket-allocations .chart-legend-row{grid-template-columns:12px minmax(0,1fr) 76px minmax(110px,auto);gap:10px;min-height:52px;padding:10px 8px;border-bottom:1px solid var(--border);text-align:left}.plan-pocket-allocations .chart-legend-row strong{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.plan-pocket-allocations .chart-legend-row small{grid-column:4;grid-row:1;text-align:right;font-variant-numeric:tabular-nums;line-height:1.4}.allocation-row-name{min-width:0;overflow-wrap:anywhere}.allocation-row-status{display:block;font-size:12px;color:var(--text-muted);margin-top:3px}.plan-pocket-allocations .pocket-identity{min-width:0}.plan-pocket-allocations .pocket-identity>span{min-width:0;overflow-wrap:anywhere}
.plan-allocation .allocation-bar span{flex-shrink:0}.plan-allocation .allocation-bar.overallocated{outline:2px dashed var(--warning-text);outline-offset:3px;background:var(--warning-bg)}.plan-allocation .allocation-bar.overallocated span{opacity:.55}
@media(max-width:760px){.plan-pocket-allocations .chart-legend-row{grid-template-columns:12px minmax(0,1fr) auto;gap:5px 9px;padding:12px 4px}.plan-pocket-allocations .chart-legend-row small{grid-column:2/4;grid-row:2;text-align:left}.plan-pocket-allocations .chart-swatch{grid-row:1}.plan-pocket-allocations .chart-legend-row strong{grid-column:3;grid-row:1}}

/* V1.19 coordinated navigation and compact progressive disclosure. */
[hidden]{display:none!important}
.ui-disclosure{min-width:0;color:var(--text)}
.ui-disclosure>summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.ui-disclosure>summary h2{display:inline;font-size:18px}.ui-disclosure>summary small{display:block;margin-top:4px;color:var(--text-muted);font-weight:500}
.ui-disclosure.card{padding:4px 18px}.ui-disclosure>.disclosure-body{padding:4px 0 14px;min-width:0}.ui-disclosure:not([open])>.disclosure-body{display:none}
.ui-disclosure .ui-disclosure{border-top:1px solid var(--border);margin-top:10px}
.management-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.management-pocket{min-width:0}
.management-grid .management-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,auto);gap:8px 16px;padding:14px 16px;min-height:94px}
.compact-pocket-identity{display:flex;gap:12px;align-items:center;min-width:0}.compact-pocket-identity>.pocket-icon{flex-shrink:0}
.management-card .management-title{min-width:0}.management-card h3{margin:0 0 4px;font-size:16px;overflow-wrap:anywhere}.management-title>span{color:var(--text-muted);font-size:13px;line-height:1.45}
.compact-pocket-value{display:grid;align-content:center;justify-items:end;gap:5px;min-width:0}.management-card .amount{margin:0;font-size:21px;overflow-wrap:anywhere;max-width:100%}
.list-target{grid-column:1/-1;display:flex;align-items:center;gap:10px}.list-target .compact-progress{margin:0;flex:1;min-width:32px}.list-target small{color:var(--text-muted);overflow-wrap:anywhere}.management-card>small{grid-column:1/-1;color:var(--text-muted)}
.reorder-toolbar{margin:12px 0}.order-actions{padding:4px 10px 10px;gap:12px}.order-actions button{min-height:44px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:8px 14px}
.allocation-highlights{font-size:13px;line-height:1.6;margin-top:10px;overflow-wrap:anywhere}.compact-allocation .allocation-bar{margin-top:12px}.allocation-bar{background:var(--border)}
.pocket-control .section{margin-top:14px}.pocket-control .pocket-overview{padding:18px 22px}.pocket-overview .fund-top{margin-bottom:8px}.pocket-overview .big{font-size:34px;margin:6px 0}.pocket-overview .period-metrics{margin-top:12px;padding-top:10px}.pocket-overview .period-metric{padding-block:8px}
.quick-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick-action-grid .btn{width:100%;padding:11px 12px;min-height:46px;white-space:normal}
.target-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.target-settings{border:0;padding:0;margin-top:12px;min-width:0}.target-settings legend{font-weight:700;padding:8px 0}
.target-rule{display:grid;text-align:left;gap:5px;padding:12px;min-height:74px;border:1px solid var(--border);background:var(--surface-subtle);color:var(--text);border-radius:10px}.target-rule small{font-size:13px;line-height:1.45;color:var(--text-muted)}.target-rule.selected{outline:2px solid var(--focus);outline-offset:-2px}
.expense-progress,.expense-progress:first-of-type{border:1px solid var(--border);border-radius:10px;background:var(--surface-subtle);padding:14px;margin-top:12px}.expense-progress .section-head{gap:10px;align-items:start}.expense-progress .section-head h3{font-size:16px}.expense-progress .muted{font-size:13px;line-height:1.45;margin-top:4px}.expense-progress-grid{gap:10px;margin:12px 0}.expense-progress .actions .btn{padding:10px 12px;min-height:44px}.expense-overview label{margin-top:0}.expense-overview .expense-progress-grid strong{color:var(--text)}
.plan-summary-head{align-items:center;gap:12px}.plan-summary-head h2{font-size:19px}.compact-plan-summary{padding:18px 20px}.compact-plan-summary .plan-split{margin:12px 0}.compact-plan-summary .plan-counts{margin:10px 0}.plan-incomes,.plan-allocation,.plan-targets,.plan-attention{padding:18px 20px}.plan-targets .row{gap:12px}.plan-targets .row>div{min-width:0;overflow-wrap:anywhere}
.paycheck-hero{padding:18px 20px}.paycheck-hero .big{font-size:32px;margin:6px 0}.paycheck-hero p{font-size:13px}.payday-preview-page .payday-reconcile{margin-top:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.payday-reconcile strong{overflow-wrap:anywhere}.payday-allocation-row{padding:11px 0;gap:12px}.payday-allocation-row>span{min-width:0}.payday-allocation-row .muted{display:block;margin-top:3px}.payday-preview-page .payday-reconcile>div{padding:10px}.payday-preview-page .payday-reconcile .accounted{grid-column:auto}.payday-confirm-actions{margin-top:16px;flex-wrap:wrap}.payday-confirm-actions .btn{min-height:46px}
.payday-complete .success{width:44px;height:44px;font-size:24px;margin:0 0 12px}.payday-complete h2{font-size:21px}.payday-complete .payday-steps{margin-bottom:14px}.payday-complete .payday-reconcile{gap:8px;margin:14px 0}.payday-complete .payday-reconcile>div{padding:10px}.payday-complete .transaction-details{margin-block:10px}
.activity-list .activity-row{padding-block:12px;gap:12px}.activity-row .row-left{gap:10px}.activity-row .icon{width:32px;height:32px;flex-basis:32px}.activity-row>strong{max-width:42%;white-space:normal;overflow-wrap:anywhere}.active-filter-summary{color:var(--text-muted);font-size:14px;line-height:1.5}.activity-group h2{margin:14px 0 4px;font-size:16px}
.current-household{max-width:230px;min-width:0;color:var(--text-muted);font-size:13px}.current-household strong{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}
.account-dialog .account-destinations{margin-top:16px}.account-dialog .account-destination{width:100%;text-align:left;min-height:54px}.account-dialog [data-account-panel]{padding-top:8px;min-width:0}.account-dialog [data-account-panel]>h3{font-size:21px;margin:12px 0 16px}.account-dialog .account-back{padding-left:0}.member-row .member-manage{flex-shrink:0}.member-manage summary{padding:10px;cursor:pointer}.member-manage .actions{display:grid;gap:8px}.account-dialog .account-invite{margin-top:12px}.account-dialog .account-create-household{margin-top:12px}.account-dialog .account-create-household label{margin-top:0}
.admin-home-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.admin-home-nav .account-admin-entry{border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);min-height:64px;text-align:left}.admin-home-nav strong{font-size:16px}.admin-filter-disclosure{margin-bottom:14px}[data-admin-destination]>h2{margin-top:12px}#admin-demo-policy,#admin-training-policy,#beta-admin-setting{margin-top:16px}.admin-stat-grid>div{min-width:0}
@media(max-width:760px){
 .management-grid .management-card{padding:12px;gap:8px 10px}.compact-pocket-identity{gap:8px}.management-card .amount{font-size:19px}.management-title>span{font-size:12px}
 .pocket-control .pocket-overview{padding:16px}.pocket-overview .big{font-size:30px}.pocket-heading .heading{display:flex;flex-wrap:wrap}.pocket-heading .heading>div{display:block}.pocket-heading .heading h1{font-size:25px}.pocket-heading .heading>.btn{margin-left:auto}
 .quick-action-grid{gap:8px}.quick-action-grid .btn{font-size:14px;padding:10px 6px}.target-rule-grid{grid-template-columns:minmax(0,1fr)}
 .account-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:20px 18px calc(20px + env(safe-area-inset-bottom))}.account-dialog .close{position:sticky;top:0;float:right;z-index:2;background:var(--surface)}
 .current-household{max-width:min(70vw,280px);grid-column:1;grid-row:2}.topbar .current-household{display:block}
 .admin-home-nav{grid-template-columns:minmax(0,1fr)}.payday-preview-page .payday-reconcile{grid-template-columns:minmax(0,1fr)}.payday-preview-page .payday-reconcile>div{display:flex;justify-content:space-between;gap:12px}.payday-confirm-actions{display:grid;grid-template-columns:minmax(0,1fr)}
 .expense-progress-grid strong{font-size:14px}.expense-progress{padding:12px}.plan-summary-head{flex-wrap:wrap}.compact-plan-summary .plan-split strong{font-size:24px}
}
@media(max-width:350px){.management-grid .management-card{grid-template-columns:minmax(0,1fr)}.compact-pocket-value{display:flex;align-items:center;justify-content:space-between}.list-target{flex-wrap:wrap}.list-target small{font-size:12px}.expense-progress .actions{display:grid;grid-template-columns:minmax(0,1fr)}}
/* Rendered phone QA: keep identity text readable and every navigation destination visible. */
.management-card .management-title{display:block;text-align:left}.management-card .management-title>span{display:block;text-align:left;text-transform:none;letter-spacing:0}
[data-attention="unallocated-card"]>.row{align-items:flex-start;flex-wrap:wrap;gap:12px}[data-attention="unallocated-card"]>.row>div{flex:1 1 180px;min-width:0}[data-attention="unallocated-card"]>.row>strong{flex:0 0 auto;white-space:nowrap}
@media(max-width:760px){.sidebar .nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;gap:0}.sidebar .nav a:not(.help-nav){min-width:0;width:100%;padding:8px 2px;white-space:nowrap;min-height:44px}}
@media(max-width:350px){.sidebar .nav a:not(.help-nav){font-size:11px}}
.compact-allocation .allocation-summary-head{flex-wrap:wrap;gap:8px}.compact-allocation .allocation-summary-head .badge{max-width:100%;white-space:normal;flex:0 0 auto}
.compact-plan-summary{gap:8px}.compact-plan-summary .plan-split,.compact-plan-summary .plan-counts,.compact-plan-summary>.help{margin:0}.compact-plan-summary>.help{font-size:13px;line-height:1.45}.plan-summary-head>.badge{justify-self:start}
/* V1.19.1 financial history: never split currency into a column of digits. */
.activity-list .activity-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:start}.activity-list .activity-row>strong{max-width:none;white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums}.activity-detail-amount{font-weight:700;font-size:22px;margin:10px 0;white-space:nowrap}.activity-changes{margin:12px 0}.activity-changes>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:8px 0;border-bottom:1px solid var(--border)}.activity-changes dt{color:var(--text-muted)}.activity-changes dd{margin:0;text-align:right;overflow-wrap:anywhere}.activity-audit>div{padding-block:8px}.activity-audit dd{min-width:0}.activity-changes+.contextual-help-links{margin-top:14px}
@media(max-width:480px){.activity-list .activity-row{grid-template-columns:minmax(0,1fr)}.activity-list .activity-row>strong{justify-self:end}.activity-changes>div{grid-template-columns:minmax(0,1fr)}.activity-changes dd{text-align:left}.activity-detail-amount{font-size:clamp(14px,4.8vw,22px)}}

@media(max-width:760px){.demo-actions .demo-empty-action{grid-column:1/-1}}

/* Amanda: opt-in local guidance, independent of the active money-action dialog. */
.amanda-portrait{width:64px;height:64px;border-radius:18px;object-fit:cover;flex-shrink:0;border:1px solid var(--border)}
.amanda-welcome{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.amanda-welcome>div{flex:1;min-width:180px}.amanda-welcome p{margin-top:6px}
.amanda-panel[open]{display:flex;flex-direction:column;width:min(520px,calc(100vw - 32px));height:min(760px,88dvh);max-height:calc(100dvh - 32px);margin:auto 24px auto auto;padding:24px;background:var(--surface);color:var(--text);border:1px solid var(--border);overflow:hidden;gap:16px}
.amanda-header{display:flex;gap:12px;align-items:center;flex-shrink:0}.amanda-header>div{min-width:0;flex:1}.amanda-header h2{margin:3px 0 0;font-size:24px}.amanda-eyebrow{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--text-muted);line-height:1.5}.amanda-close{min-width:64px;min-height:44px;flex-shrink:0;padding:8px}
#amanda-intro{font-size:14px;line-height:1.6;color:var(--text-muted);flex-shrink:0}.amanda-tabs{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}.amanda-tabs .btn{font-size:12px;padding:8px 10px;min-height:44px;flex:1}.amanda-tabs [aria-pressed="true"]{border-color:var(--blue);background:var(--surface-subtle);color:var(--blue)}
#amanda-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 4px 16px;scrollbar-gutter:stable;overflow-wrap:anywhere}#amanda-content h3{font-size:19px;margin:0 0 12px}#amanda-content p{line-height:1.65;margin:8px 0 16px;color:var(--text-muted)}#amanda-content h4{margin:12px 0;font-size:15px}.amanda-article{width:100%;text-align:left;font:inherit;color:var(--text);background:var(--surface);min-height:48px}.amanda-article span{color:var(--text-muted)}.amanda-topic{margin-top:18px}.amanda-search-label{margin:16px 0 8px}.amanda-tutorial{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-subtle)}.amanda-tutorial .btn{width:100%}.amanda-footer{font-size:11px;line-height:1.55;color:var(--text-muted);border-top:1px solid var(--border);padding-top:12px;flex-shrink:0}.amanda-context-button{background:transparent;color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:3px;padding:2px 4px;min-height:44px}.amanda-panel button:focus-visible,.amanda-panel a:focus-visible,.amanda-context-button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.amanda-panel h3:focus{outline:none}
@media(max-width:760px){.amanda-panel[open]{width:100%;max-width:100%;height:min(82dvh,760px);max-height:calc(100dvh - 12px);margin:auto 0 0;padding:20px 16px calc(16px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;gap:12px}.amanda-portrait{width:56px;height:56px}.amanda-welcome .btn{width:100%}}
@media(max-height:520px){.amanda-panel[open]{height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);gap:8px;padding:12px}.amanda-header .amanda-portrait{width:40px;height:40px}#amanda-intro{display:none}.amanda-footer{font-size:10px;padding-top:6px}}
/* At high zoom/short landscape, let the whole sheet scroll instead of crushing the reading area. */
@media(max-height:600px){.amanda-panel[open]{display:block;overflow-y:auto}.amanda-header{position:sticky;top:-12px;background:var(--surface);z-index:1;padding:8px 0}.amanda-tabs{margin:12px 0}#amanda-content{overflow:visible;min-height:120px}.amanda-footer{margin-top:12px}}

/* Click-only onboarding video: a separate dialog preserves forms and Amanda's panel. */
.amanda-video-dialog[open]{width:min(960px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);background:var(--surface);color:var(--text);border:1px solid var(--border);padding:24px;overflow:auto}
.amanda-video-header{display:flex;gap:14px;align-items:center;margin-bottom:16px;position:sticky;top:-24px;background:var(--surface);z-index:1;padding:8px 0}.amanda-video-header>div{flex:1;min-width:0}.amanda-video-header h2{margin:4px 0 0;font-size:24px}.amanda-video-close{min-width:64px;min-height:44px;flex-shrink:0}.amanda-video-dialog p{line-height:1.6;color:var(--text-muted)}.amanda-video-dialog video{display:block;width:100%;height:auto;max-height:65dvh;aspect-ratio:16/9;background:#000;border-radius:12px;margin:16px 0;object-fit:contain}.amanda-video-dialog .link{display:inline-block;min-height:44px;padding:10px 0}.amanda-video-dialog :focus-visible{outline:3px solid var(--focus);outline-offset:3px}.amanda-tutorial+.amanda-tutorial{margin-top:16px}
@media(max-width:760px){.amanda-video-dialog[open]{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px}.amanda-video-header{top:-16px;gap:10px}.amanda-video-header .amanda-portrait{width:44px;height:44px}.amanda-video-header h2{font-size:19px}.amanda-video-close{padding:8px}.amanda-video-dialog video{border-radius:8px}.amanda-video-caption-help{font-size:13px}}
@media(max-height:520px){.amanda-video-header .amanda-portrait{display:none}.amanda-video-dialog video{max-height:70dvh}.amanda-video-header h2{font-size:18px}}

/* Familiar questions sit beside topic names; all answers remain local authored help. */
.amanda-question{display:block;width:100%;text-align:left;min-height:44px;padding:12px 14px;margin:8px 0;border:1px solid var(--border);border-left:3px solid var(--blue);border-radius:10px;background:var(--surface-subtle);color:var(--text);font:inherit;font-size:14px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.amanda-question:hover{border-color:var(--blue)}.amanda-question span{color:var(--blue)}.amanda-open-screen{margin-top:16px}.amanda-answer-reason{font-weight:500}

/* Amanda enters gently once, then remains static; never animate learning footage. */
.amanda-panel[open] .amanda-header .amanda-portrait{animation:amanda-arrive 220ms ease-out 1}
@keyframes amanda-arrive{from{opacity:.35}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.amanda-panel[open] .amanda-header .amanda-portrait{animation:none}}
.amanda-feature-clips{display:grid;gap:10px;margin:18px 0;min-width:0}
.amanda-feature-clips .btn{white-space:normal;text-align:left;overflow-wrap:anywhere;min-height:48px}
.amanda-feature-clips p{margin:4px 0;overflow-wrap:anywhere}