.principles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 14px}
.principle{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fbfcfa;border-radius:13px;padding:15px}
.principle>b{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border-radius:10px;background:var(--mint);color:var(--green)}
.principle>span{display:flex;flex-direction:column;gap:2px}
.principle strong{font-size:13px}
.principle small{color:var(--muted);font-size:10px}
.balance-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}
.balance-amounts.two-amounts{grid-template-columns:1fr 1fr}
.balance-amounts>label{border:1px solid var(--line);border-radius:15px;background:#fafcfa;padding:16px;display:flex;flex-direction:column;gap:8px}
.balance-amounts>label>span{font-size:11px;font-weight:800}
.balance-amounts>label>small{font-size:9px;color:var(--muted)}
.balance-amounts>label>select{width:100%;border:1px solid var(--line);background:white;border-radius:10px;padding:13px;margin-top:8px}
.moneybox{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:white;padding-left:11px}
.moneybox input{border:0!important;background:transparent!important;padding-left:5px!important;font-size:20px;font-weight:800}
.goal-buttons{display:flex;gap:10px;margin-top:22px}
.goal-buttons button{color:var(--ink);background:white;border:1px solid var(--line)}
.goal-buttons .primary{color:white;background:var(--green);border-color:var(--green)}
.bill-head{display:grid;grid-template-columns:1.25fr .65fr .75fr 1fr 28px;gap:8px;margin:0 0 6px;padding:0 10px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.row{grid-template-columns:1.25fr .65fr .75fr 1fr 28px}
.savings-setup h2,.goals-heading h2{font:22px Georgia;margin:4px 0}
.savings-setup>p,.goals-heading p{color:var(--muted);font-size:11px}
.saving-edit{border-top:1px solid var(--line);padding:10px 0 4px}
.saving-edit:first-of-type{margin-top:12px}
.saving-edit .form-grid{grid-template-columns:1.2fr .8fr .8fr 1fr .8fr}
.saving-edit>.link{display:block;margin-left:auto;font-size:10px}
.debt-setup h2{font:22px Georgia;margin:4px 0}.debt-setup>p{color:var(--muted);font-size:11px}.debt-edit{border-top:1px solid var(--line);padding:10px 0 4px}.debt-edit:first-of-type{margin-top:12px}.debt-edit>.link{display:block;margin-left:auto;font-size:10px}.debt-edit-grid{grid-template-columns:1.3fr 1fr 1fr .9fr}.calculated-field input[readonly]{background:var(--mint);color:var(--green);font-weight:800;cursor:default}.debt-estimate{display:block;color:var(--muted);font-size:10px;margin-top:-4px}.debt-heading,#savings-section{scroll-margin-top:24px}.debt-heading{margin-top:34px}.debt-detail{background:linear-gradient(135deg,#f4e8e2,#f6f1e8)}.debt-dashboard{margin-top:13px}.empty-debts{text-align:center;padding:34px}.debt-detail [data-pay-debt]:disabled{opacity:.45;cursor:not-allowed}
.due-alert{display:flex;justify-content:space-between;align-items:center;gap:18px;background:var(--mint);border:1px solid #bad8cf;border-radius:14px;padding:14px 18px;margin-bottom:13px;font-size:11px}
.due-alert b{display:flex;align-items:center;gap:8px}.due-alert b i{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--green);color:white;font-style:normal}.due-alert span{color:var(--ink)}
.savings-dashboard{display:grid;margin:15px 0 10px}
.saving-row{display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;border-top:1px solid var(--line);background:none;padding:13px 2px}
.saving-row span{display:grid;gap:3px}.saving-row small{color:var(--muted)}.saving-row strong{font:20px Georgia;color:var(--green)}
.bill-reminder{gap:10px}.bill-reminder span{display:grid;gap:3px}.bill-reminder small{color:var(--muted)}.bill-reminder.urgent{background:#edf6f1;margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:10px}.bill-reminder.urgent small{color:var(--deep)}.bill-check{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border:1px solid var(--green);border-radius:9px;background:white;color:var(--green);font-weight:900;transition:.18s}.bill-check:hover{background:var(--green);color:white;transform:scale(1.06)}.bill-reminder em{display:inline-block;margin-left:5px;padding:3px 6px;border-radius:10px;background:var(--mint);color:var(--green);font-size:7px;font-style:normal;letter-spacing:.6px;vertical-align:1px}.metric-nav{width:100%;text-align:left;cursor:pointer;transition:transform .18s,box-shadow .18s}.metric-nav:hover{transform:translateY(-2px);box-shadow:0 10px 24px #17302c12}.debt-more{margin:0 8px 10px 0;padding:9px 13px;font-size:10px}.boost-list{display:grid;gap:8px;margin:18px 0}.boost-option{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--mint);border-radius:12px;padding:13px}.boost-option i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:white;color:var(--green);font-style:normal}.boost-option span{display:grid;gap:2px}.boost-option small{color:var(--muted)}.boost-note{margin:0 0 18px;text-align:left}
.celebration{position:fixed;z-index:60;inset:0;display:grid;place-items:center;pointer-events:none}.celebration-card{display:grid;gap:4px;min-width:240px;padding:18px 22px;border:1px solid #ffffff55;border-radius:16px;background:var(--green);color:white;text-align:center;box-shadow:0 20px 70px #17302c55;animation:celebration-pop .45s cubic-bezier(.2,.9,.25,1.3)}.celebration-card strong{font:21px Georgia}.celebration-card span{font-size:10px}.celebration>i{position:absolute;left:50%;top:50%;width:8px;height:14px;border-radius:2px;background:var(--lime);animation:confetti 1.1s var(--delay) ease-out both;transform:translate(var(--x),-20px) rotate(var(--r))}.celebration>i:nth-of-type(3n){background:var(--peach)}.celebration>i:nth-of-type(3n+1){background:var(--lilac)}
@keyframes celebration-pop{from{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@keyframes confetti{0%{opacity:0;transform:translate(var(--x),-20px) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translate(var(--x),180px) rotate(var(--r))}}
.goals-heading{display:flex;justify-content:space-between;align-items:end;margin:0 0 16px}.goals-heading>div{max-width:620px}
.goal-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:13px}.goal-grid .goal-detail{padding:28px}.goal-grid .goal-detail h2{font-size:28px}
.goal-edit-grid{grid-template-columns:1.2fr .75fr .75fr 1fr .75fr;margin-top:18px}.debt-goal #adddebt{margin-top:12px}
@media(max-width:900px){.saving-edit .form-grid,.goal-edit-grid,.debt-edit-grid{grid-template-columns:1fr 1fr}.goal-grid{grid-template-columns:1fr}.bill-head{display:none}}
@media(max-width:700px){.principles,.balance-amounts,.balance-amounts.two-amounts{grid-template-columns:1fr}.goal-buttons{flex-direction:column}.row{grid-template-columns:1fr 90px 30px}.row select,.row input[type="date"]{grid-column:auto}.row input[type="date"]{grid-column:1/3}.saving-edit .form-grid,.goal-edit-grid,.debt-edit-grid{grid-template-columns:1fr}.goals-heading{align-items:stretch;flex-direction:column;gap:12px}.due-alert{flex-direction:column;gap:4px}.goal-stats{grid-template-columns:1fr 1fr 1fr}.goal-stats b{font-size:17px}}

/* Colour profiles and multiple incomes */
.header-actions{display:flex;align-items:center;gap:8px}.theme-button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:white;border-radius:12px;padding:9px 12px;font-size:10px;font-weight:800}.theme-button:first-letter{color:var(--green)}
.income-head{display:grid;grid-template-columns:1.25fr .75fr .9fr 28px;gap:8px;padding:0 10px 6px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.income-row{display:grid;grid-template-columns:1.25fr .75fr .9fr 28px;gap:8px;margin-bottom:8px}.income-row input,.income-row select{width:100%;min-width:0;border:1px solid var(--line);background:#fbfcfa;border-radius:10px;padding:12px}.income-row button{border:0;background:none;font-size:20px}.income-row button:disabled{opacity:.25;cursor:not-allowed}.income-entry{padding-bottom:5px}
.theme-modal{width:min(520px,100%)}.theme-options{display:grid;gap:10px;margin-top:22px}.theme-option{display:grid;grid-template-columns:112px 1fr 28px;align-items:center;gap:16px;width:100%;padding:13px;text-align:left;background:#fbfcfa;border:1px solid var(--line);border-radius:14px}.theme-option.selected{border:2px solid var(--green);background:var(--mint)}.theme-option>span:nth-child(2){display:grid;gap:2px}.theme-option small{color:var(--muted)}.theme-option>strong{color:var(--green);font-size:18px}.theme-swatches{display:flex;height:44px;overflow:hidden;border-radius:10px;border:1px solid #ffffff55}.theme-swatches i{flex:1}

/* Nuvo: a quiet, Apple-inspired graphite profile */
html[data-theme="nuvo"]{--ink:#242426;--muted:#74747b;--line:#e2e2e6;--paper:#f5f5f7;--green:#515156;--deep:#29292d;--mint:#eceef0;--lime:#e3e7dc;--peach:#eee3de;--lilac:#e7e4ec}
html[data-theme="nuvo"] .hero{background:linear-gradient(125deg,#55555b,#29292d)}html[data-theme="nuvo"] .welcome{background:#eeeeF1}html[data-theme="nuvo"] .welcome-copy{background:radial-gradient(circle at 88% 88%,#dadde1,transparent 48%)}html[data-theme="nuvo"] :is(.coach,.bubble.nuvo){background:#f0f1ed}html[data-theme="nuvo"] .summary{background:#eff0f2;border-color:#e0e1e4}html[data-theme="nuvo"] .goal-detail{background:linear-gradient(135deg,#f0f1f2,#f7f7f8)}html[data-theme="nuvo"] .debt-detail{background:linear-gradient(135deg,#eeeef1,#f6f4f5)}html[data-theme="nuvo"] .tip,html[data-theme="nuvo"] .choice.on,html[data-theme="nuvo"] .nav button.on{background:#eceef0;color:#4b4b50}html[data-theme="nuvo"] .due-alert,html[data-theme="nuvo"] .bill-reminder.urgent{background:#f0f1f2;border-color:#dedfe2}

/* Atelier: understated sage, blush and lavender pastels */
html[data-theme="ocean"]{--ink:#3d3740;--muted:#807781;--line:#e7dfe5;--paper:#faf7f8;--green:#766783;--deep:#594d67;--mint:#e3eee8;--lime:#ece8d3;--peach:#f2dfd8;--lilac:#e8e0ef}
html[data-theme="ocean"] .hero{background:linear-gradient(125deg,#927f9f,#665873)}html[data-theme="ocean"] .welcome{background:#f2ecef}html[data-theme="ocean"] .welcome-copy{background:radial-gradient(circle at 90% 90%,#e4d9e4,transparent 48%)}html[data-theme="ocean"] :is(.coach,.bubble.nuvo){background:#edf1e8}html[data-theme="ocean"] .summary{background:#eee8f1;border-color:#e2d9e7}html[data-theme="ocean"] .goal-detail{background:linear-gradient(135deg,#e8f0eb,#f6eaE7)}html[data-theme="ocean"] .debt-detail{background:linear-gradient(135deg,#eee7f2,#f4ece8)}html[data-theme="ocean"] .due-alert,html[data-theme="ocean"] .bill-reminder.urgent{background:#e9f0ec;border-color:#d6e3dc}

html[data-theme="midnight"]{color-scheme:dark;--ink:#f4efff;--muted:#b9afcc;--line:#403653;--paper:#17131f;--green:#9b72f2;--deep:#7650cc;--mint:#302642;--lime:#4a3b28;--peach:#412d39;--lilac:#30294a}
html[data-theme="midnight"] body{background:#17131f;color:var(--ink)}
html[data-theme="midnight"] :is(.sidebar,.account,.question,.metric,.card,.section,.prompts,.chat,.modal,.tour,.theme-button,.learn,.secondary,.entry,.review,.principle,.balance-amounts>label){background:#211b2d;color:var(--ink);box-shadow:none}
html[data-theme="midnight"] :is(.field input,.field select,.row input,.row select,.income-row input,.income-row select,.moneybox,.moneybox input,.prompts button,.chat input,.theme-option){background:#1b1625;color:var(--ink)}
html[data-theme="midnight"] .welcome{background:#211b2d}html[data-theme="midnight"] .welcome-copy{background:radial-gradient(circle at 90% 90%,#3d2a58,transparent 48%)}html[data-theme="midnight"] .onboard{background:radial-gradient(circle at 5% 15%,#7449aa44,transparent 25%),var(--paper)}
html[data-theme="midnight"] .hero{background:linear-gradient(120deg,#6740a5,#2b1c48)}html[data-theme="midnight"] .hero:after{background:#c7a7ff;color:#312048;border-color:#c7a7ff22}html[data-theme="midnight"] .hero p{color:#ded2f4}
html[data-theme="midnight"] .balance-amounts>label>select{background:#1b1625;color:var(--ink)}
html[data-theme="midnight"] :is(.coach,.bubble.nuvo){background:#362847}html[data-theme="midnight"] .summary{background:#2b2238;border-color:var(--line)}html[data-theme="midnight"] .goal-detail{background:linear-gradient(135deg,#2d2340,#211b2d);border:1px solid var(--line)}html[data-theme="midnight"] .tip{background:#302642;color:#d9ccef}html[data-theme="midnight"] .choice{background:#1b1625}html[data-theme="midnight"] .choice.on{background:#302642}html[data-theme="midnight"] .nav button.on{background:#302642}html[data-theme="midnight"] .due-alert,html[data-theme="midnight"] .bill-reminder.urgent{background:#302642;border-color:#594878}html[data-theme="midnight"] .due-alert span,html[data-theme="midnight"] .bill-reminder.urgent small{color:#d9ccef}html[data-theme="midnight"] .bill-check,html[data-theme="midnight"] .boost-option i{background:#211b2d}html[data-theme="midnight"] .boost-option{background:#302642}html[data-theme="midnight"] .close{background:#372e46;color:var(--ink)}html[data-theme="midnight"] .modal-wrap{background:#09070dcc}html[data-theme="midnight"] .theme-option.selected{background:#302642}html[data-theme="midnight"] .note{color:var(--muted)}

@media(max-width:700px){.income-head{display:none}.income-row{grid-template-columns:1fr 110px 30px}.income-row select{grid-column:1/3}.header-actions{gap:5px}.theme-button,.learn{padding:8px}.theme-button span{display:none}.theme-option{grid-template-columns:92px 1fr 24px}}

.transaction-row>strong{margin-left:auto;white-space:nowrap}.delete-transaction{flex:0 0 32px;width:32px;height:32px;margin-left:10px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);font-size:19px;line-height:1}.delete-transaction:hover{border-color:#c77b72;color:#a44a40;background:#fff4f1}.empty-activity{display:grid!important;gap:4px!important;color:var(--muted);padding:24px 0!important}.empty-activity small{color:var(--muted)}
html[data-theme="midnight"] .delete-transaction:hover{background:#3c2832;color:#ffc2ba;border-color:#75505a}
@media(max-width:600px){.transaction-row p{min-width:0}.transaction-row p b,.transaction-row p small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-transaction{margin-left:7px}}
@media(max-width:700px){.hero-actions{flex-wrap:wrap}.hero-actions button{flex:1 1 auto}.bill-reminder>span{min-width:0}.bill-reminder>span small{line-height:1.4}.bill-reminder>strong{white-space:nowrap}.debt-more{width:100%;margin-right:0}}
@media(prefers-reduced-motion:reduce){.celebration-card{animation:none}.celebration>i{display:none}.metric-nav{transition:none}}

/* Compact editing cards */
.compact-summary{grid-column:1/-1;display:flex!important;align-items:center;justify-content:space-between;width:100%;border:0;background:transparent;padding:14px 15px;text-align:left}.compact-summary span{display:grid;gap:3px}.compact-summary b{font-size:13px}.compact-summary small{color:var(--muted);font-size:10px}.compact-summary i{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--mint);color:var(--green);font-style:normal;font-weight:900}.income-row.compact-edit,.row.compact-edit,.debt-edit.compact-edit{border:1px solid var(--line);border-radius:13px;background:#fbfcfb;margin:8px 0;padding:0;overflow:hidden}.compact-edit:not(.open)>:not(.compact-summary){display:none!important}.compact-edit.open>.compact-summary{border-bottom:1px solid var(--line);margin-bottom:12px}.income-row.compact-edit.open,.row.compact-edit.open{padding:0 12px 12px}.debt-edit.compact-edit.open{padding:0 14px 14px}.debt-edit.compact-edit{border-top:1px solid var(--line)}.income-entry>.income-head{display:none}.compact-section>.bill-head{display:none}
.edit-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;margin:15px 0 5px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#ffffff88;color:var(--green);font-size:10px;font-weight:800}.edit-toggle i{font-style:normal}.goal-detail.details-ready:not(.details-open)>.form-grid{display:none}.goal-detail.details-ready:not(.details-open)>.goal-buttons .secondary{display:none}.goal-detail.details-ready:not(.details-open)>.goal-buttons{margin-top:12px}.goal-detail.details-ready:not(.details-open)>.goal-buttons .primary{width:100%}

/* Couples space */
.couple-hub{margin-bottom:16px;padding:24px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(135deg,var(--mint),#fff);box-shadow:0 10px 30px #263d3510}.couple-hub h2{font:26px Georgia;margin:6px 0}.couple-hub p{max-width:720px;margin:4px 0;color:var(--muted);font-size:11px;line-height:1.55}.couple-setup{display:grid;grid-template-columns:1fr 38px 1fr;gap:18px;align-items:center;margin-top:18px}.couple-setup>div{padding:18px;border:1px solid var(--line);border-radius:14px;background:#ffffffb5}.couple-setup h3{margin:0;font:18px Georgia}.couple-setup>i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:white;color:var(--muted);font-size:8px;font-style:normal;font-weight:900}.couple-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.couple-avatars{display:flex}.couple-avatars i{display:grid;place-items:center;width:42px;height:42px;margin-left:-8px;border:3px solid white;border-radius:50%;background:var(--green);color:white;font-style:normal;font-weight:900}.invite-code{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 2px;padding:13px 15px;border:1px dashed var(--green);border-radius:12px;background:#fff}.invite-code span{display:grid}.invite-code small{color:var(--muted);font-size:8px;letter-spacing:1px}.invite-code b{font-size:18px;letter-spacing:2px}.scope-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:18px;padding:4px;border-radius:13px;background:#ffffff99}.scope-tabs button{border:0;border-radius:10px;background:transparent;padding:11px;font-size:11px;font-weight:800}.scope-tabs button.on{background:var(--green);color:white;box-shadow:0 6px 16px #241f2a18}.shared-empty{grid-column:1/-1;text-align:center;padding:30px}.shared-detail{position:relative}
html[data-theme="midnight"] :is(.income-row.compact-edit,.row.compact-edit,.debt-edit.compact-edit){background:#1b1625}html[data-theme="midnight"] .compact-summary{color:var(--ink)}html[data-theme="midnight"] .edit-toggle{background:#1b1625}html[data-theme="midnight"] .couple-hub{background:linear-gradient(135deg,#302642,#211b2d)}html[data-theme="midnight"] .couple-setup>div,html[data-theme="midnight"] .invite-code,html[data-theme="midnight"] .scope-tabs{background:#1b1625}html[data-theme="midnight"] .couple-avatars i{border-color:#211b2d}

@media(max-width:700px){.couple-hub{padding:19px 16px}.couple-setup{grid-template-columns:1fr;gap:10px}.couple-setup>i{margin:auto}.couple-title{align-items:flex-start}.couple-avatars i{width:36px;height:36px}.invite-code{align-items:stretch;flex-direction:column}.invite-code button{width:100%}.income-row.compact-edit.open,.row.compact-edit.open{grid-template-columns:1fr;padding:0 12px 12px}.income-row.compact-edit.open>*,.row.compact-edit.open>*{grid-column:1/-1}.income-row.compact-edit.open>button:not(.compact-summary),.row.compact-edit.open>button:not(.compact-summary){justify-self:end;width:42px}.goal-detail.details-ready{padding:25px 20px}}
@media(max-width:600px){.main{padding-top:calc(18px + env(safe-area-inset-top))}.onboard{padding-top:env(safe-area-inset-top)}.welcome{margin-top:calc(18px + env(safe-area-inset-top))}}

/* Cleaner dashboard and a dedicated Couples destination */
.hero:after{display:none!important}.couple-signin{margin-top:18px}.couples-explainer{padding:26px;border:1px solid var(--line);border-radius:19px;background:white}.couples-explainer h2{margin:6px 0 18px;font:27px Georgia}.couples-explainer>div{display:grid;grid-template-columns:1fr 42px 1fr;gap:14px;align-items:stretch}.couples-explainer p{display:grid;gap:5px;margin:0;padding:18px;border:1px solid var(--line);border-radius:14px}.couples-explainer p b{font:19px Georgia}.couples-explainer p small{color:var(--muted);font-size:10px;line-height:1.5}.couples-explainer i{display:grid;place-items:center;color:var(--green);font-style:normal;font-size:20px}
html[data-theme="midnight"] .couples-explainer{background:#211b2d}
@media(max-width:600px){.nav{grid-template-columns:repeat(6,minmax(0,1fr))}.nav button,.sidebar .nav button.on{font-size:7px;padding-left:1px;padding-right:1px}.couples-explainer{padding:19px 16px}.couples-explainer>div{grid-template-columns:1fr}.couples-explainer i{height:18px}}

/* Account, information and reliable couple invitations */
.account-button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:12px;background:white;padding:6px 10px;font-size:9px;font-weight:800}.account-button>span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:var(--mint);color:var(--green);font-size:11px}.profile{cursor:pointer;border-radius:11px}.profile:hover,.profile:focus{background:var(--mint);outline:none}.account-modal{width:min(500px,100%)}.account-identity{display:flex;align-items:center;gap:14px;margin:20px 0}.account-identity>i{display:grid;place-items:center;width:55px;height:55px;border-radius:17px;background:var(--green);color:white;font:26px Georgia;font-style:normal}.account-identity h2,.account-identity p{margin:0}.account-identity h2{font:25px Georgia}.account-identity p{margin-top:4px;color:var(--muted);font-size:10px}.account-status{padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--mint)}.account-status span{display:grid;gap:3px}.account-status small{color:var(--muted);font-size:10px;line-height:1.45}.account-info{margin:16px 0;padding:17px;border:1px solid var(--line);border-radius:14px}.account-info h3{margin:0 0 5px;font-size:11px}.account-info h3:not(:first-child){margin-top:16px}.account-info p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.danger-button{border:1px solid #d8aaa5;border-radius:12px;background:#fff4f2;color:#9b4038;padding:13px 18px;font-weight:800}.account-done{margin-top:8px}.invite-actions{display:flex;gap:8px}.invite-actions button{white-space:nowrap}
html[data-theme="midnight"] :is(.account-button,.account-info){background:#211b2d}html[data-theme="midnight"] .account-status{background:#302642}html[data-theme="midnight"] .danger-button{background:#3c2832;color:#ffc2ba;border-color:#75505a}
@media(max-width:600px){.account-button{padding:6px}.account-button small{display:none}.account-button>span{width:29px;height:29px}.header-actions{gap:4px}.invite-actions{width:100%}.invite-actions button{flex:1}.account-modal{padding:27px 21px;max-height:calc(100vh - 28px);overflow:auto}}
.invite-code b{-webkit-user-select:all;user-select:all}

/* Claro early-access trust, feedback, coach and relationship tools */
.brand{position:relative}.brand>small{align-self:end;margin:0 0 3px 4px;padding:3px 6px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font:700 6px/1.1 Arial;letter-spacing:.7px;white-space:nowrap}
.early-badge{display:inline-flex;padding:6px 9px;border:1px solid var(--line);border-radius:20px;background:var(--mint);color:var(--green);font-size:8px;font-weight:900;letter-spacing:1px}
.settings-list{display:grid;gap:8px;margin:16px 0}.settings-list button{display:grid;grid-template-columns:35px 1fr;gap:2px 10px;width:100%;padding:12px;text-align:left;border:1px solid var(--line);border-radius:12px;background:#fbfcfb;color:var(--ink)}.settings-list button>span{grid-row:1/3;display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--mint);color:var(--green);font-weight:900}.settings-list button>b{font-size:11px}.settings-list button>small{color:var(--muted);font-size:9px}.trust-copy{display:grid;gap:12px;margin:18px 0}.trust-copy p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.trust-copy a{color:var(--green);font-weight:800}.field textarea{min-height:130px;resize:vertical;width:100%;border:1px solid var(--line);border-radius:10px;padding:13px;background:#fbfcfa;color:var(--ink);font:inherit}.chat-empty{margin:auto;text-align:center;color:var(--muted)}.coach-feedback{margin:5px auto 0}.relationship-area{margin-top:24px}.notification-panel,.transfer-panel{margin:0 0 20px;padding:20px;border:1px solid var(--line);border-radius:17px;background:var(--mint)}.notification-panel>div:first-child{display:flex;justify-content:space-between}.notice-row{display:flex;gap:11px;padding:11px 0;border-top:1px solid var(--line)}.notice-row>span{color:var(--green)}.notice-row p{display:grid;gap:2px;margin:0}.notice-row small{color:var(--muted)}.loan-top-actions{display:flex;gap:8px}.loan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.loan-card{padding:23px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--mint),#fff)}.loan-card-head{display:flex;justify-content:space-between;gap:15px}.loan-card-head span{display:grid;gap:4px}.loan-card-head small{color:var(--muted);font-size:8px;letter-spacing:.7px}.loan-card-head h3{margin:0;font:23px Georgia}.loan-card-head>b{white-space:nowrap;font:20px Georgia;color:var(--green)}.loan-card>p{color:var(--muted);font-size:10px}.loan-actions{display:grid;gap:8px;margin:13px 0}.pending-payment{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;padding:9px;border:1px solid var(--line);border-radius:11px}.payment-history{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.payment-history summary{cursor:pointer;color:var(--green);font-size:10px;font-weight:800}.payment-history>div{display:grid;grid-template-columns:1fr auto 75px;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:9px}.payment-history em{text-align:center;padding:3px 6px;border-radius:20px;background:var(--mint);font-style:normal;text-transform:capitalize}.status-confirmed{color:#4d8c70}.status-declined{color:#b05c55}.transfer-panel h2{font:22px Georgia}.transfer-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.transfer-row>span{display:flex;gap:7px;align-items:center}.transfer-row>span:first-child{display:grid}.transfer-row small{color:var(--muted)}.share-debt{flex:1 1 100%}
html[data-theme="midnight"] :is(.settings-list button,.loan-card,.field textarea){background:#1b1625}html[data-theme="midnight"] :is(.notification-panel,.transfer-panel){background:#302642}html[data-theme="midnight"] .loan-card{background:linear-gradient(135deg,#2d2340,#211b2d)}
@media(max-width:700px){.brand>small{display:none}.loan-grid{grid-template-columns:1fr}.loan-top-actions{width:100%;flex-direction:column}.goals-heading .loan-top-actions button{width:100%}.pending-payment{grid-template-columns:1fr 1fr}.pending-payment>b{grid-column:1/-1}.transfer-row{align-items:stretch;flex-direction:column}.transfer-row>span:last-child button{flex:1}.settings-list button{grid-template-columns:32px 1fr}.account-status{gap:10px;align-items:flex-start;flex-direction:column}}

/* Early-access beta: separate learning from account controls and use manual/CSV banking. */
.side-bottom{border-top:0;padding-top:0}.side-bottom #relearn{display:block;margin-bottom:12px;text-align:left}.side-bottom #signout{display:block;width:100%;padding:12px 0 0;border-top:1px solid var(--line);text-align:left}.beta-bank-note{padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--mint)}.beta-bank-note p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.beta-bank-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.csv-import{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;margin-top:12px;padding:16px;border:1px dashed var(--line);border-radius:13px;background:var(--soft)}.csv-import>div{display:grid;gap:4px}.csv-import small{color:var(--muted);font-size:9px;line-height:1.45}html[data-theme="midnight"] :is(.beta-bank-note,.csv-import){background:#302642}@media(max-width:600px){.csv-import,.beta-bank-choices{grid-template-columns:1fr}.csv-import button{width:100%}}

/* Live-demo review: income types, essentials, shortfalls, bank setup and What if? */
.income-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.choice-card,.bank-choice{display:grid;gap:5px;min-height:92px;padding:18px;text-align:left;border:1px solid var(--line);border-radius:14px;background:#fbfcfb;color:var(--ink)}.choice-card b,.bank-choice b{font-size:13px}.choice-card small,.bank-choice small{color:var(--muted);line-height:1.45}.choice-card.selected,.bank-choice.selected{border:2px solid var(--green);background:var(--mint)}.pay-cycle-field,.confirmed-income-field{max-width:520px;margin:15px 0}.field>small{display:block;margin-top:5px;color:var(--muted);font-size:9px;line-height:1.4}.support-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:24px 0 0;padding:0;border:0}.support-picker legend{grid-column:1/-1;margin-bottom:5px;font-size:12px;font-weight:900}.support-picker legend small{color:var(--muted);font-weight:500}.support-choice{position:relative;display:flex;align-items:center;gap:9px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fbfcfb;font-size:10px;font-weight:800}.support-choice.selected{border-color:var(--green);background:var(--mint);color:var(--green)}.support-choice input{width:16px;height:16px;accent-color:var(--green)}.essential-amount{max-width:520px;margin:18px 0}.essential-amount>label{display:grid;gap:8px;padding:19px;border:1px solid var(--line);border-radius:15px;background:var(--mint)}.essential-amount>label>span{font-size:12px;font-weight:900}.essential-amount small{color:var(--muted)}
.bank-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.provider-pending{padding:18px;border:1px solid #d9b869;border-radius:14px;background:#fff9e9}.provider-pending b{color:#7c5d18}.provider-pending p{margin:6px 0 0;color:#735f36;font-size:10px;line-height:1.55}.manual-banking{display:grid;gap:9px;margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:16px}.manual-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.manual-heading span{display:grid;gap:3px}.manual-heading small{color:var(--muted);font-size:9px}.transaction-heading{margin-top:12px;padding-top:16px;border-top:1px solid var(--line)}.manual-row{display:grid;grid-template-columns:1fr .65fr auto;gap:9px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfcfb}.transaction-manual-row{grid-template-columns:1.2fr .6fr .7fr auto}.empty-bank{margin:4px 0;color:var(--muted);font-size:10px}.weekly-review .review-result{background:var(--mint);color:var(--green)}
.money-status-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.7fr);gap:14px;margin-bottom:16px}.money-status-grid .hero{margin:0}.shortfall-card{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:25px;border:1px solid #dfaaa3;border-radius:20px;background:#fff3f0;color:#692f2b}.shortfall-card>span{font-size:8px;font-weight:900;letter-spacing:1.3px}.shortfall-card>strong{margin:10px 0;font:42px Georgia}.shortfall-card>p{display:grid;gap:3px;margin:8px 0}.shortfall-card small{color:#8b5a55;font-size:9px;line-height:1.45}.shortfall-card>em{margin-top:10px;color:#8b5a55;font-size:9px;font-style:normal}.shortfall-card.covered{border-color:var(--line);background:var(--mint);color:var(--green)}.shortfall-card.covered b{margin:9px 0;font:21px Georgia}.shortfall-card.covered p{color:var(--muted);font-size:10px;line-height:1.5}.income-assumption{display:inline-block!important;margin-top:12px!important;padding:6px 9px;border:1px solid #ffffff3c;border-radius:20px;font-size:9px!important}.essential-summary{background:var(--mint)}
.whatif-intro{margin-bottom:18px}.whatif-intro h2{margin:6px 0;font:34px Georgia}.whatif-intro p{max-width:650px;color:var(--muted)}.whatif-layout{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(360px,1.25fr);gap:14px}.scenario-controls{display:grid;gap:11px}.quick-scenarios{display:grid;grid-template-columns:1fr 1fr;gap:7px}.quick-scenarios button{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--mint);color:var(--green);font-size:9px;font-weight:800}.scenario-result{display:flex;flex-direction:column;justify-content:center}.scenario-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}.scenario-comparison>div{display:grid;gap:6px}.scenario-comparison small{color:var(--muted);font-size:8px;letter-spacing:.8px}.scenario-comparison b{font:31px Georgia}.scenario-comparison i{color:var(--muted);font-style:normal}.scenario-new{padding:18px;border-radius:14px;background:var(--mint)}.scenario-new b{color:var(--green)}.scenario-breakdown{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:19px 0}.scenario-breakdown span{display:grid;gap:4px;padding:10px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:8px}.scenario-breakdown b{color:var(--ink);font-size:11px}.scenario-message{margin:0;padding-top:15px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.6}.whatif-card{background:linear-gradient(135deg,var(--mint),var(--lilac))}.compact-income-type{max-width:650px}
.scenario-editor-actions,.scenario-card-actions,.apply-scenario-bar,.scenario-library-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.scenario-editor-actions>*{flex:1}.scenario-limit{color:#b34d4d}.scenario-library{margin-top:14px}.scenario-library-head h2{margin:5px 0;font:27px Georgia}.scenario-library-head>b{padding:8px 12px;border-radius:999px;background:var(--mint);color:var(--green)}.scenario-empty{display:grid;gap:5px;padding:22px;border:1px dashed var(--line);border-radius:13px;color:var(--muted)}.saved-scenarios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.saved-scenario{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.saved-scenario.selected{border:2px solid var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.scenario-select{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px;border:0;background:none;color:var(--ink);text-align:left}.scenario-select span{display:grid;gap:4px}.scenario-select small{color:var(--muted);font-size:8px;letter-spacing:.8px}.scenario-select b{font-size:13px}.scenario-select strong{font:20px Georgia;white-space:nowrap}.scenario-mini{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:10px 0}.scenario-mini span{display:grid;gap:2px;padding:7px;border-radius:8px;background:var(--soft);font-size:7px;color:var(--muted)}.scenario-mini b{font-size:9px;color:var(--ink)}.scenario-card-actions{justify-content:flex-end}.apply-scenario-bar{margin-top:14px;padding:13px;border-radius:12px;background:var(--soft)}.apply-scenario-bar p{margin:0;color:var(--muted);font-size:10px}.apply-scenario-bar button{white-space:nowrap}.whatif-view button:disabled{opacity:.45;cursor:not-allowed}
html[data-theme="midnight"] :is(.choice-card,.bank-choice,.support-choice,.manual-row){background:#1b1625}html[data-theme="midnight"] :is(.choice-card.selected,.bank-choice.selected,.support-choice.selected,.essential-amount>label,.scenario-new,.quick-scenarios button,.shortfall-card.covered){background:#302642}html[data-theme="midnight"] .provider-pending{border-color:#765f2d;background:#352d1d}html[data-theme="midnight"] .provider-pending b{color:#f0cf7b}html[data-theme="midnight"] .provider-pending p{color:#d2bd8a}html[data-theme="midnight"] .shortfall-card{border-color:#75505a;background:#3c2832;color:#ffc2ba}html[data-theme="midnight"] .shortfall-card small,html[data-theme="midnight"] .shortfall-card>em{color:#e1aaa3}
@media(max-width:900px){.support-picker{grid-template-columns:1fr 1fr}.bank-choice-grid{grid-template-columns:1fr}.money-status-grid,.whatif-layout{grid-template-columns:1fr}.shortfall-card{min-height:auto}.scenario-breakdown{grid-template-columns:1fr 1fr 1fr}.saved-scenarios{grid-template-columns:1fr}}
@media(max-width:600px){.income-type-grid,.support-picker{grid-template-columns:1fr}.manual-heading{align-items:stretch;flex-direction:column}.manual-row,.transaction-manual-row{grid-template-columns:1fr}.manual-row>*{grid-column:1/-1}.shortfall-card>strong{font-size:34px}.scenario-comparison{grid-template-columns:1fr}.scenario-comparison>i{transform:rotate(90deg);text-align:center}.scenario-breakdown{grid-template-columns:1fr 1fr}.whatif-intro h2{font-size:29px}.quick-scenarios{grid-template-columns:1fr 1fr}.scenario-mini{grid-template-columns:1fr 1fr}.apply-scenario-bar,.scenario-editor-actions{align-items:stretch;flex-direction:column}.apply-scenario-bar button,.scenario-editor-actions>*{width:100%}}
