:root {
  --ink:#172723; --muted:#6f7c77; --paper:#f7f5ef; --surface:#fffefb;
  --green:#164b3b; --green-2:#2f735d; --mint:#dff2e7; --lime:#d9f06a;
  --coral:#ef755e; --gold:#f2b950; --lav:#d7d3f8; --line:#e6e7df;
  --shadow:0 18px 50px rgba(32,55,47,.11); --shadow-sm:0 8px 24px rgba(32,55,47,.08);
  --radius:26px; --sans:'DM Sans',system-ui,sans-serif; --display:'Manrope',system-ui,sans-serif;
}
*{box-sizing:border-box} html{background:var(--paper);scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);min-height:100vh} button,input,select,textarea{font:inherit}button{color:inherit}
.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.32;pointer-events:none;z-index:0}.ambient-one{width:320px;height:320px;background:#b9efcf;right:-120px;top:-100px}.ambient-two{width:300px;height:300px;background:#f4d8a6;left:-150px;bottom:5%}
#app{position:relative;z-index:1;min-height:100vh}.app-shell{max-width:1180px;margin:auto;min-height:100vh;padding:0 20px 110px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;position:relative}.brand{display:flex;align-items:center;gap:11px;font:800 18px var(--display);letter-spacing:-.5px}.brand-mark{width:36px;height:36px;border-radius:12px;background:var(--green);display:grid;place-items:center;color:var(--lime);box-shadow:0 8px 18px rgba(22,75,59,.25)}
.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{border:1px solid rgba(23,39,35,.08);background:rgba(255,255,255,.72);width:42px;height:42px;border-radius:15px;display:grid;place-items:center;cursor:pointer;transition:.2s}.icon-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.avatar{width:42px;height:42px;border-radius:15px;background:linear-gradient(145deg,#225f4b,#8dcba7);color:white;display:grid;place-items:center;font-weight:800;cursor:pointer;border:3px solid white;box-shadow:var(--shadow-sm)}
.screen{animation:pageIn .38s cubic-bezier(.2,.8,.2,1)}@keyframes pageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--green-2)}h1,h2,h3,p{margin-top:0}.title{font:800 clamp(31px,5vw,52px)/1.05 var(--display);letter-spacing:-2px;margin-bottom:12px}.subtitle{color:var(--muted);font-size:15px;line-height:1.6;max-width:580px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:28px 0 14px}.section-head h2{font:800 20px var(--display);letter-spacing:-.5px;margin:0}.text-btn{border:0;background:none;color:var(--green-2);font-weight:800;cursor:pointer;padding:6px}.desktop-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:20px;align-items:start}
.hero{background:var(--green);color:white;border-radius:34px;padding:26px;min-height:248px;position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(22,75,59,.22)}.hero:after{content:'';position:absolute;width:240px;height:240px;border:50px solid rgba(217,240,106,.12);border-radius:50%;right:-100px;top:-105px}.hero-copy{position:relative;z-index:1;max-width:520px}.hero .eyebrow{color:var(--lime)}.hero h1{font:800 clamp(31px,5vw,48px)/1.04 var(--display);letter-spacing:-2px;margin:10px 0 12px}.hero p{color:#c9ded6;line-height:1.5;margin-bottom:24px}.level-row{display:flex;align-items:center;gap:13px}.level-pill{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.12);font-size:12px;font-weight:800}.hero-progress{height:7px;width:150px;border-radius:99px;background:rgba(255,255,255,.15);overflow:hidden}.hero-progress span{display:block;width:68%;height:100%;background:var(--lime);border-radius:inherit;animation:grow 1s ease-out}@keyframes grow{from{width:0}}
.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.metric{background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.8);padding:17px;border-radius:22px;box-shadow:var(--shadow-sm);min-height:112px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;font-weight:700}.metric-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center}.metric-value{font:800 24px var(--display);letter-spacing:-1px;margin-top:15px}.metric-note{font-size:11px;color:var(--muted);margin-top:4px}.bg-mint{background:var(--mint);color:var(--green)}.bg-gold{background:#fff0cf;color:#96651e}.bg-lav{background:var(--lav);color:#4a477a}.bg-coral{background:#ffe1db;color:#9a4636}
.settlement-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.settlement-top{display:flex;gap:13px;align-items:center}.settlement-avatars{display:flex}.mini-avatar{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;color:white;font-size:12px;font-weight:800;border:3px solid white}.mini-avatar+ .mini-avatar{margin-left:-9px}.settlement-card h3{font:800 17px var(--display);margin:0 0 3px}.settlement-card p{font-size:12px;color:var(--muted);margin:0}.settlement-amount{display:flex;align-items:end;justify-content:space-between;border-top:1px dashed var(--line);margin-top:17px;padding-top:16px}.settlement-amount strong{font:800 25px var(--display)}
.btn{border:0;border-radius:14px;padding:12px 17px;font-weight:800;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--green);color:white;box-shadow:0 8px 18px rgba(22,75,59,.2)}.btn-light{background:#eff3ef;color:var(--green)}.btn-ghost{background:transparent;border:1px solid var(--line)}.btn-danger{background:#fff1ee;color:#a64634}.btn-block{width:100%}
.quick-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.quick{border:0;background:transparent;cursor:pointer;text-align:center;font-size:11px;font-weight:700;color:var(--muted)}.quick span{width:49px;height:49px;border-radius:17px;background:white;box-shadow:var(--shadow-sm);display:grid;place-items:center;margin:0 auto 7px;color:var(--green);transition:.2s}.quick:hover span{transform:translateY(-3px);background:var(--mint)}
.venture-scroll{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:13px}.venture-card{border-radius:25px;padding:20px;min-height:188px;position:relative;overflow:hidden;cursor:pointer;transition:.25s}.venture-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.venture-card.kona{background:#f4d79d}.venture-card.home{background:#d9d5fa}.venture-card.family{background:#ccead9}.venture-icon{width:44px;height:44px;background:rgba(255,255,255,.55);border-radius:15px;display:grid;place-items:center;margin-bottom:20px}.venture-card h3{font:800 17px var(--display);margin-bottom:6px}.venture-card p{font-size:12px;color:#4d5b56;margin-bottom:15px}.progress-track{height:7px;border-radius:99px;background:rgba(23,39,35,.12);overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--green);transition:width .8s ease}.progress-meta{display:flex;justify-content:space-between;font-size:11px;font-weight:800;margin-top:8px}
.activity-list{background:var(--surface);border-radius:var(--radius);padding:5px 18px;border:1px solid var(--line)}.activity{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.activity:last-child{border-bottom:0}.activity-icon{width:43px;height:43px;border-radius:15px;display:grid;place-items:center}.activity h4{font-size:14px;margin:0 0 4px}.activity p{font-size:11px;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-amount{text-align:right;font-weight:800;font-size:14px}.activity-amount small{display:block;font-size:10px;color:var(--muted);font-weight:600;margin-top:3px}.negative{color:#b34f3c}.positive{color:var(--green-2)}
.reminder-card{background:#fff4d8;border-radius:var(--radius);padding:20px;display:flex;gap:14px;align-items:start}.reminder-card .time{font:800 17px var(--display)}.reminder-card h3{font-size:14px;margin:2px 0 5px}.reminder-card p{font-size:11px;color:var(--muted);margin:0}.reminder-icon{width:42px;height:42px;border-radius:14px;background:white;display:grid;place-items:center;color:#a57423;flex:none}
.bottom-nav{position:fixed;z-index:20;bottom:14px;left:50%;transform:translateX(-50%);background:rgba(255,255,252,.9);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 50px rgba(23,39,35,.16);border-radius:24px;height:72px;width:min(560px,calc(100% - 24px));display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:5px 8px calc(5px + env(safe-area-inset-bottom))}.nav-btn{border:0;background:transparent;cursor:pointer;color:#87918d;font-size:10px;font-weight:700;display:grid;gap:4px;place-items:center;height:58px}.nav-btn.active{color:var(--green)}.nav-add{width:54px;height:54px;border-radius:19px;margin-top:-28px;color:white!important;background:var(--green)!important;box-shadow:0 10px 24px rgba(22,75,59,.32);border:5px solid var(--paper)!important;display:grid;place-items:center}.nav-add small{display:none}
.screen-header{display:flex;align-items:flex-end;justify-content:space-between;margin:20px 0 22px}.screen-header h1{font:800 34px var(--display);letter-spacing:-1.5px;margin:0 0 6px}.screen-header p{color:var(--muted);margin:0;font-size:13px}.filter-row{display:flex;gap:8px;overflow:auto;padding-bottom:8px}.chip{border:1px solid var(--line);background:white;border-radius:999px;padding:8px 13px;white-space:nowrap;font-size:12px;font-weight:700;cursor:pointer}.chip.active{background:var(--green);color:white;border-color:var(--green)}.search-box{position:relative;margin-bottom:14px}.search-box input{width:100%;height:48px;border-radius:16px;border:1px solid var(--line);background:white;padding:0 15px 0 44px;outline:none}.search-box svg{position:absolute;left:15px;top:14px;color:var(--muted)}
.ledger-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ledger-card{background:white;border:1px solid var(--line);border-radius:24px;padding:19px}.ledger-people{display:flex;align-items:center;gap:8px;margin-bottom:18px}.arrow-dot{color:#9aa29f}.ledger-card h3{font:800 16px var(--display);margin:0 0 3px}.ledger-card .amount{font:800 26px var(--display);letter-spacing:-1px;margin-bottom:6px}.ledger-card p{font-size:12px;color:var(--muted);line-height:1.5}.explain{background:var(--mint);border-radius:20px;padding:16px;margin-bottom:18px;font-size:12px;line-height:1.6;color:#315648;display:flex;gap:11px}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.empty-icon{width:64px;height:64px;border-radius:22px;background:var(--mint);display:grid;place-items:center;color:var(--green);margin:0 auto 15px}
.member-switcher{display:flex;gap:10px;margin-bottom:18px;overflow:auto;padding:3px}.member-pill{display:flex;align-items:center;gap:8px;background:white;border:1px solid var(--line);border-radius:16px;padding:8px 12px 8px 8px;cursor:pointer;white-space:nowrap;font-size:12px;font-weight:800}.member-pill.active{border-color:var(--green);box-shadow:0 0 0 2px var(--mint)}.member-pill .mini-avatar{width:32px;height:32px;border:0;border-radius:11px}
.entity-hero{border-radius:30px;padding:25px;background:linear-gradient(135deg,#284f43,#17392f);color:white;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end}.entity-hero h1{font:800 34px var(--display);margin:7px 0}.entity-hero p{color:#c6d8d2;margin:0;font-size:13px}.ring{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--lime) var(--p),rgba(255,255,255,.13) 0);position:relative}.ring:after{content:'';position:absolute;inset:9px;border-radius:50%;background:#204438}.ring strong{position:relative;z-index:1;font:800 20px var(--display)}.stats-three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.stat-card{background:white;border:1px solid var(--line);border-radius:20px;padding:17px}.stat-card small{color:var(--muted);font-size:11px}.stat-card strong{display:block;font:800 20px var(--display);margin-top:8px}
.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.more-card{border:1px solid var(--line);border-radius:20px;background:white;padding:18px;cursor:pointer;text-align:left;min-height:114px;transition:.2s}.more-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.more-card .more-icon{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;margin-bottom:13px}.more-card h3{font-size:13px;margin:0 0 4px}.more-card p{font-size:10px;color:var(--muted);margin:0}
.backdrop{position:fixed;z-index:50;inset:0;background:rgba(12,29,24,.48);backdrop-filter:blur(4px);animation:fade .2s}.sheet{position:fixed;z-index:51;background:var(--surface);box-shadow:var(--shadow);overflow:auto}.sheet-bottom{left:50%;bottom:0;transform:translateX(-50%);width:min(620px,100%);max-height:92vh;border-radius:30px 30px 0 0;padding:12px 22px calc(26px + env(safe-area-inset-bottom));animation:sheetUp .3s cubic-bezier(.2,.8,.2,1)}@keyframes sheetUp{from{transform:translate(-50%,100%)}}@keyframes fade{from{opacity:0}}.sheet-handle{width:42px;height:5px;background:#d9ddd9;border-radius:99px;margin:2px auto 18px}.sheet-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.sheet-head h2{font:800 24px var(--display);letter-spacing:-.8px;margin:0 0 5px}.sheet-head p{font-size:12px;color:var(--muted);margin:0}.close-btn{border:0;background:#edf0ec;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;cursor:pointer}.type-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#eff1ed;padding:4px;border-radius:15px;margin-bottom:20px}.type-tab{border:0;background:transparent;border-radius:12px;padding:10px 4px;font-size:11px;font-weight:800;cursor:pointer}.type-tab.active{background:white;box-shadow:0 3px 10px rgba(23,39,35,.08);color:var(--green)}.amount-wrap{background:#f1f6f2;border:1px solid #e2ede5;border-radius:22px;padding:16px 18px;margin-bottom:18px}.amount-input{display:flex;align-items:center}.currency-select{background:transparent;border:0;font-weight:800;color:var(--green);outline:none}.amount-input input{width:100%;border:0;background:transparent;font:800 38px var(--display);letter-spacing:-2px;outline:none;color:var(--ink);padding-left:10px}.exchange{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.exchange input{width:70px;border:0;border-bottom:1px solid #b7c8be;background:transparent;outline:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:var(--muted);font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:white;padding:12px;outline:none;color:var(--ink)}.field textarea{resize:vertical;min-height:64px}.impact{background:#eaf6ee;border:1px solid #d3eadb;border-radius:16px;padding:13px;margin:15px 0;display:flex;gap:10px;font-size:12px;line-height:1.45;color:#315c4b}.impact.neutral{background:#f3f2ed;border-color:#e5e3da;color:var(--muted)}
.welcome{position:fixed;z-index:100;inset:0;background:#f4f1e9;display:grid;grid-template-columns:1.1fr .9fr;animation:fade .25s}.welcome-art{background:var(--green);color:white;position:relative;overflow:hidden;padding:clamp(35px,6vw,80px);display:flex;flex-direction:column;justify-content:space-between}.welcome-art:after{content:'';width:520px;height:520px;border:90px solid rgba(217,240,106,.12);position:absolute;border-radius:50%;right:-240px;top:-220px}.welcome-logo{position:relative;z-index:1}.welcome-logo .brand-mark{background:var(--lime);color:var(--green)}.welcome-copy{position:relative;z-index:1;max-width:590px}.welcome-copy h1{font:800 clamp(42px,6vw,78px)/.98 var(--display);letter-spacing:-4px;margin-bottom:20px}.welcome-copy p{color:#c5d9d1;max-width:480px;font-size:17px;line-height:1.6}.welcome-quote{position:relative;z-index:1;color:var(--lime);font-weight:700}.welcome-panel{display:grid;place-items:center;padding:30px}.login-box{width:min(390px,100%)}.login-box h2{font:800 32px var(--display);letter-spacing:-1.3px;margin-bottom:8px}.login-box>p{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:28px}.profile-choice{border:1px solid var(--line);background:white;border-radius:20px;padding:14px;display:flex;align-items:center;gap:13px;width:100%;cursor:pointer;margin-bottom:10px;text-align:left}.profile-choice:hover{border-color:var(--green);box-shadow:var(--shadow-sm)}.profile-choice strong{display:block;font-size:14px}.profile-choice small{color:var(--muted)}.profile-choice svg{margin-left:auto;color:var(--muted)}.demo-note{font-size:11px!important;background:#eceae3;padding:12px;border-radius:13px;margin-top:19px!important}
.celebrate{text-align:center;padding:5px 10px 20px}.badge-orbit{width:118px;height:118px;border-radius:40px;background:linear-gradient(145deg,#f6cf6e,#ef755e);display:grid;place-items:center;color:white;margin:8px auto 22px;box-shadow:0 0 0 12px #fff2cf,0 20px 40px rgba(239,117,94,.28);animation:badge .7s cubic-bezier(.2,1.5,.4,1)}@keyframes badge{from{transform:scale(.3) rotate(-14deg);opacity:0}}.celebrate h2{font:800 28px var(--display);margin-bottom:8px}.celebrate p{color:var(--muted);line-height:1.6}.confetti{position:fixed;z-index:52;width:9px;height:15px;top:-20px;animation:fall 2.2s ease-in forwards}@keyframes fall{to{transform:translateY(105vh) rotate(700deg)}}
.toast{position:fixed;z-index:120;left:50%;bottom:100px;transform:translateX(-50%);background:#152f27;color:white;padding:12px 17px;border-radius:14px;box-shadow:var(--shadow);font-size:12px;font-weight:700;animation:toastIn .25s;white-space:nowrap}@keyframes toastIn{from{opacity:0;transform:translate(-50%,12px)}}
svg{width:20px;height:20px;stroke-width:1.9} .muted{color:var(--muted)}
@media(max-width:800px){.app-shell{padding-left:14px;padding-right:14px}.desktop-grid{display:block}.right-rail{margin-top:20px}.hero{min-height:235px}.venture-scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px;margin-right:-14px}.venture-card{min-width:78%;scroll-snap-align:start}.ledger-grid{grid-template-columns:1fr}.more-grid{grid-template-columns:repeat(2,1fr)}.welcome{grid-template-columns:1fr}.welcome-art{min-height:44vh;padding:30px 25px}.welcome-copy h1{font-size:46px;letter-spacing:-2.8px}.welcome-copy p{font-size:14px}.welcome-quote{display:none}.welcome-panel{align-items:start;padding:28px 20px;overflow:auto}.topbar{height:70px}.stats-three{grid-template-columns:1fr 1fr}.stat-card:last-child{grid-column:1/-1}.entity-hero{grid-template-columns:1fr}.entity-hero .ring{display:none}}
@media(min-width:801px){.summary-grid{grid-template-columns:repeat(4,1fr)}.topbar{position:sticky;top:0;z-index:10;background:linear-gradient(var(--paper) 70%,transparent)}.bottom-nav{bottom:22px}}
@media(max-width:420px){.hero{padding:22px}.hero h1{font-size:32px}.metric{min-height:105px;padding:15px}.metric-value{font-size:21px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.type-tab{font-size:10px}.quick-row{gap:3px}.screen-header h1{font-size:30px}.venture-card{min-width:86%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* iPhone-inspired liquid glass mobile shell */
:root{
  --ink:#10251f;--muted:#61736c;--paper:#dcece5;--surface:rgba(255,255,255,.54);
  --green:#0b5c48;--green-2:#15765c;--mint:rgba(206,248,229,.68);--lime:#dcff83;
  --line:rgba(255,255,255,.54);--glass:rgba(255,255,255,.48);--glass-strong:rgba(255,255,255,.68);
  --shadow:0 28px 70px rgba(16,56,43,.18),inset 0 1px 0 rgba(255,255,255,.92);
  --shadow-sm:0 12px 30px rgba(16,56,43,.11),inset 0 1px 0 rgba(255,255,255,.86);
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif;
  --display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",sans-serif;
}
html{background:#c5ded4}
body{
  background:
    radial-gradient(circle at 8% 4%,rgba(155,227,255,.95),transparent 35%),
    radial-gradient(circle at 100% 24%,rgba(177,255,206,.85),transparent 38%),
    radial-gradient(circle at 20% 88%,rgba(248,220,161,.8),transparent 36%),
    linear-gradient(145deg,#d9eef0 0%,#dff2e7 48%,#f3ead9 100%);
  background-attachment:fixed;letter-spacing:-.01em;
}
.ambient{filter:blur(65px);opacity:.62}.ambient-one{background:#67dba8;width:280px;height:280px;right:calc(50% - 260px);top:120px}.ambient-two{background:#87cfff;width:250px;height:250px;left:calc(50% - 260px);bottom:12%}
#app{max-width:430px;margin:0 auto;isolation:isolate}
.app-shell{
  width:100%;max-width:430px;min-height:100dvh;margin:0 auto;padding:0 16px 116px;
  background:linear-gradient(180deg,rgba(242,252,248,.28),rgba(218,239,231,.16));
  overflow:hidden;position:relative;
}
.app-shell:after{content:"";position:absolute;z-index:-1;width:240px;height:240px;border-radius:999px;background:rgba(100,215,174,.35);filter:blur(50px);top:300px;right:-150px;pointer-events:none}
.topbar{height:88px;padding-top:max(10px,env(safe-area-inset-top));position:sticky;top:0;z-index:19;background:linear-gradient(180deg,rgba(226,244,237,.82),rgba(226,244,237,0));backdrop-filter:blur(2px)}
.brand{font-size:17px;color:#153d32}.brand-mark{width:38px;height:38px;border-radius:14px;background:linear-gradient(145deg,rgba(8,74,57,.98),rgba(30,132,100,.9));box-shadow:0 10px 24px rgba(8,78,59,.25),inset 0 1px 1px rgba(255,255,255,.34)}
.icon-btn,.avatar,.quick span,.close-btn{
  background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.38));
  border:1px solid rgba(255,255,255,.78);backdrop-filter:blur(22px) saturate(175%);
  box-shadow:0 10px 24px rgba(33,79,63,.12),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(79,125,108,.08)
}
.avatar{background:linear-gradient(145deg,rgba(22,101,77,.92),rgba(87,190,150,.76));border:2px solid rgba(255,255,255,.8)}
.screen{animation:liquidIn .48s cubic-bezier(.22,1,.36,1)}@keyframes liquidIn{from{opacity:0;transform:translateY(12px) scale(.985);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.desktop-grid{display:block}.right-rail{margin-top:22px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.venture-scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-right:-16px;padding-right:16px;padding-bottom:8px;scrollbar-width:none}.venture-scroll::-webkit-scrollbar{display:none}.venture-card{min-width:84%;scroll-snap-align:start}
.hero{
  min-height:264px;padding:25px;border-radius:34px;
  background:linear-gradient(145deg,rgba(6,70,53,.92),rgba(28,126,94,.75) 62%,rgba(95,178,139,.64));
  border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(26px) saturate(170%);
  box-shadow:0 26px 58px rgba(8,75,56,.25),inset 0 1px 1px rgba(255,255,255,.34),inset 0 -1px 0 rgba(0,0,0,.1)
}
.hero:before{content:"";position:absolute;inset:1px 1px auto 1px;height:45%;border-radius:33px 33px 50% 50%;background:linear-gradient(180deg,rgba(255,255,255,.17),transparent);pointer-events:none}.hero:after{border-color:rgba(220,255,131,.15);filter:blur(1px)}
.hero h1{font-size:38px;letter-spacing:-2.2px}.hero p{color:rgba(235,255,247,.78)}.level-pill{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.17);backdrop-filter:blur(10px)}
.metric,.settlement-card,.activity-list,.ledger-card,.stat-card,.more-card,.member-pill,.search-box input{
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.36));
  border:1px solid rgba(255,255,255,.72);backdrop-filter:blur(28px) saturate(180%);
  box-shadow:var(--shadow-sm);
}
.metric{border-radius:24px;min-height:118px;padding:17px}.metric-icon,.activity-icon,.venture-icon,.reminder-icon,.more-icon,.empty-icon{border:1px solid rgba(255,255,255,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.72)}
.metric-value{font-size:23px;letter-spacing:-1.2px}.section-head{margin:30px 2px 14px}.section-head h2{font-size:21px;letter-spacing:-.7px}.text-btn{color:#087459;background:rgba(255,255,255,.25);border-radius:999px;padding:7px 11px}
.settlement-card{border-radius:28px;padding:21px}.settlement-amount{border-color:rgba(69,111,95,.2)}
.quick-row{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);border-radius:26px;padding:13px 6px 10px;backdrop-filter:blur(20px)}.quick span{width:50px;height:50px;border-radius:18px;color:#087258}.quick:active span{transform:scale(.91)}
.venture-card{border:1px solid rgba(255,255,255,.55);box-shadow:0 16px 36px rgba(47,77,66,.12),inset 0 1px 0 rgba(255,255,255,.75)}.venture-card.kona{background:linear-gradient(145deg,rgba(255,224,159,.82),rgba(247,188,88,.46))}.venture-card.home{background:linear-gradient(145deg,rgba(224,218,255,.85),rgba(170,160,245,.42))}.venture-card.family{background:linear-gradient(145deg,rgba(205,244,222,.88),rgba(115,207,157,.4))}
.activity-list{padding:5px 16px;border-radius:28px}.activity{border-color:rgba(77,115,100,.12)}
.reminder-card{background:linear-gradient(145deg,rgba(255,244,205,.75),rgba(255,255,255,.36));border:1px solid rgba(255,255,255,.65);backdrop-filter:blur(25px);box-shadow:var(--shadow-sm);border-radius:27px}.reminder-card[style]{background:linear-gradient(145deg,rgba(216,247,228,.76),rgba(255,255,255,.38))!important}
.bottom-nav{
  left:50%;bottom:max(14px,env(safe-area-inset-bottom));width:calc(min(430px,100%) - 24px);height:75px;
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(242,255,249,.36));
  border:1px solid rgba(255,255,255,.82);backdrop-filter:blur(32px) saturate(190%);
  box-shadow:0 22px 52px rgba(20,63,49,.22),inset 0 1px 1px rgba(255,255,255,.96),inset 0 -1px 0 rgba(75,120,103,.09);
  border-radius:28px;padding:5px 8px;
}
.bottom-nav:before{content:"";position:absolute;inset:1px 12% auto;height:1px;background:linear-gradient(90deg,transparent,white,transparent)}
.nav-btn{height:60px;color:#71827b;transition:transform .2s,color .2s}.nav-btn:active{transform:scale(.86)}.nav-btn.active{color:#006f53}.nav-btn.active svg{filter:drop-shadow(0 4px 7px rgba(0,111,83,.22))}.nav-add{width:55px;height:55px;margin-top:-29px;background:linear-gradient(145deg,rgba(8,106,78,.95),rgba(43,157,119,.82))!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 14px 28px rgba(0,100,73,.35),inset 0 1px 1px rgba(255,255,255,.36)!important;backdrop-filter:blur(20px)}
.btn{border-radius:16px;min-height:45px}.btn-primary{background:linear-gradient(145deg,rgba(4,91,67,.96),rgba(24,134,99,.86));border:1px solid rgba(255,255,255,.28);box-shadow:0 11px 24px rgba(2,89,65,.24),inset 0 1px 0 rgba(255,255,255,.25)}.btn-light,.btn-ghost,.btn-danger,.chip{backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.btn-light,.btn-ghost{background:rgba(255,255,255,.45)}
.screen-header{margin:16px 2px 22px;align-items:flex-start}.screen-header h1{font-size:36px;letter-spacing:-2px}.screen-header .btn{padding:11px 13px}.chip{background:rgba(255,255,255,.46)}.chip.active{background:rgba(3,104,77,.9);border-color:rgba(255,255,255,.35)}
.ledger-grid{grid-template-columns:1fr}.ledger-card{border-radius:27px}.explain,.impact{background:linear-gradient(145deg,rgba(211,247,226,.68),rgba(255,255,255,.4));border:1px solid rgba(255,255,255,.66);backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 rgba(255,255,255,.76)}
.member-switcher{scrollbar-width:none}.member-pill{border-radius:18px}.entity-hero{background:linear-gradient(145deg,rgba(5,70,53,.9),rgba(39,139,105,.7));border:1px solid rgba(255,255,255,.34);backdrop-filter:blur(28px);box-shadow:0 24px 50px rgba(9,75,56,.22),inset 0 1px 1px rgba(255,255,255,.3)}.entity-hero .ring{display:none}.stats-three{grid-template-columns:1fr 1fr}.stat-card:last-child{grid-column:1/-1}.more-grid{grid-template-columns:repeat(2,1fr)}.more-card{border-radius:25px;min-height:124px}
.backdrop{background:rgba(12,38,30,.26);backdrop-filter:blur(14px) saturate(120%)}
.sheet{
  background:linear-gradient(155deg,rgba(248,255,252,.9),rgba(226,244,237,.76));
  border:1px solid rgba(255,255,255,.85);backdrop-filter:blur(42px) saturate(180%);
  box-shadow:0 -20px 65px rgba(15,52,41,.22),inset 0 1px 1px rgba(255,255,255,.95)
}
.sheet-bottom{width:min(430px,100%);border-radius:34px 34px 0 0}.sheet-handle{background:rgba(59,86,76,.25)}
.type-tabs{background:rgba(105,137,124,.12);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(18px)}.type-tab.active{background:rgba(255,255,255,.72);box-shadow:0 5px 15px rgba(28,70,55,.1),inset 0 1px 0 white}.amount-wrap,.field input,.field select,.field textarea{background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.72);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}.amount-wrap{background:linear-gradient(145deg,rgba(218,247,230,.72),rgba(255,255,255,.38));border-radius:25px}
.welcome{left:50%;transform:translateX(-50%);width:min(430px,100%);grid-template-columns:1fr;background:linear-gradient(165deg,#dff4ec,#e8f2f4 55%,#f4e9d6)}.welcome-art{min-height:43vh;padding:42px 25px 28px;background:linear-gradient(145deg,rgba(5,69,52,.95),rgba(40,145,108,.75));border-radius:0 0 40px 40px;box-shadow:0 25px 55px rgba(5,69,52,.2)}.welcome-copy h1{font-size:47px;letter-spacing:-3px}.welcome-copy p{font-size:14px}.welcome-quote{display:none}.welcome-panel{align-items:start;overflow:auto;padding:28px 20px}.profile-choice{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.76);backdrop-filter:blur(25px);box-shadow:var(--shadow-sm);border-radius:23px}.demo-note{background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.5)}
.badge-orbit{border:1px solid rgba(255,255,255,.6);backdrop-filter:blur(20px)}.toast{background:rgba(12,52,40,.82);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(25px);box-shadow:0 18px 40px rgba(9,45,34,.26)}
@media(min-width:521px){
  body{padding:18px 0}.app-shell{min-height:calc(100dvh - 36px);border-radius:48px;border:1px solid rgba(255,255,255,.8);box-shadow:0 40px 100px rgba(18,64,49,.26),inset 0 1px 0 white}.app-shell:before{content:"";position:absolute;z-index:30;top:11px;left:50%;transform:translateX(-50%);width:106px;height:30px;border-radius:99px;background:#10221d;box-shadow:inset 0 -2px 4px rgba(255,255,255,.08)}.topbar{padding-top:22px;height:96px}.bottom-nav{bottom:28px}.welcome{top:18px;bottom:18px;height:auto;border-radius:48px;overflow:hidden;border:1px solid rgba(255,255,255,.8);box-shadow:0 40px 100px rgba(18,64,49,.26)}.welcome-art{padding-top:58px}.sheet-bottom{bottom:18px;border-radius:34px}}
@media(max-width:520px){body{padding:0}.app-shell{padding-left:14px;padding-right:14px}.topbar{height:78px}.hero{min-height:248px;padding:22px}.hero h1{font-size:34px}.welcome-art{padding-top:max(32px,env(safe-area-inset-top))}.bottom-nav{width:calc(100% - 20px)}}
@media(max-width:370px){.summary-grid{grid-template-columns:1fr}.venture-card{min-width:92%}.more-grid{grid-template-columns:1fr}.hero h1{font-size:31px}}

/* Warm smoked-glass composition inspired by the supplied reference */
:root{--accent:#ff8a1d;--accent-soft:#ffc36c}
body{background:#a8ad9f;position:relative}
body:before{
  content:"";position:fixed;inset:0;z-index:-3;
  background:
    linear-gradient(90deg,transparent 0 16%,rgba(50,64,53,.18) 16% 16.3%,transparent 16.3% 33%,rgba(50,64,53,.18) 33% 33.3%,transparent 33.3% 50%,rgba(50,64,53,.18) 50% 50.3%,transparent 50.3% 67%,rgba(50,64,53,.18) 67% 67.3%,transparent 67.3% 84%,rgba(50,64,53,.18) 84% 84.3%,transparent 84.3%) 0 0/100% 46% no-repeat,
    linear-gradient(180deg,#9ca694 0 46%,#eee7d6 46% 63%,#ad9f88 63% 100%);
}
body:after{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(circle at 18% 34%,rgba(255,245,211,.85),transparent 18%),
    radial-gradient(circle at 83% 42%,rgba(224,241,207,.72),transparent 16%),
    linear-gradient(100deg,rgba(255,255,255,.05),rgba(255,249,224,.22) 48%,transparent 70%);
  filter:blur(16px);transform:scale(1.06)
}
.ambient{display:none}
.app-shell{
  background:linear-gradient(145deg,rgba(91,101,91,.48),rgba(188,188,166,.32));
  border-color:rgba(255,255,255,.26);backdrop-filter:blur(30px) saturate(105%);
  box-shadow:0 38px 90px rgba(49,53,43,.32),inset 0 1px 0 rgba(255,255,255,.35)
}
.app-shell:after{background:rgba(255,145,35,.16);filter:blur(45px);right:-130px;top:210px}
.topbar{background:linear-gradient(180deg,rgba(102,111,99,.48),transparent);backdrop-filter:blur(8px)}
.brand{color:#fff;text-shadow:0 1px 10px rgba(29,40,33,.2)}
.brand-mark{background:linear-gradient(145deg,#ffab33,#ff7400);color:white;box-shadow:0 8px 22px rgba(234,113,0,.34),inset 0 1px 1px rgba(255,255,255,.52)}
.icon-btn{color:white;background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28)}
.hero{
  min-height:322px;padding:24px 19px 22px;background:linear-gradient(135deg,rgba(98,108,98,.25),rgba(220,218,195,.16));
  border-color:rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.31),0 22px 48px rgba(51,59,48,.14);
  backdrop-filter:blur(10px) saturate(95%);overflow:visible
}
.hero:before{background:linear-gradient(180deg,rgba(255,255,255,.12),transparent);height:60%}.hero:after{display:none}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(126px,.85fr);align-items:center;gap:4px;height:100%;min-height:275px}
.hero-copy{max-width:none}.hero .eyebrow{color:rgba(255,255,255,.76);font-size:9px;letter-spacing:1.2px}.hero h1{font-size:35px;line-height:.98;letter-spacing:-2.2px;margin:13px 0 14px;color:white;text-shadow:0 3px 20px rgba(38,49,40,.25)}.hero h1 span{color:var(--accent)}.hero p{font-size:11px;line-height:1.5;color:rgba(255,255,255,.72);max-width:205px;margin-bottom:19px}.hero-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hero-btn{min-height:35px;padding:8px 13px;border-radius:9px;background:linear-gradient(145deg,#ff9e27,#ff7400);color:#fff;font-size:10px;box-shadow:0 8px 20px rgba(226,103,0,.3),inset 0 1px 0 rgba(255,255,255,.4)}.hero .level-pill{font-size:9px;padding:7px 9px;color:white;background:rgba(255,255,255,.12)}
.hero-orbit{width:154px;height:154px;position:relative;display:grid;place-items:center;justify-self:end;filter:drop-shadow(0 22px 26px rgba(55,61,48,.22))}.orbit-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 205deg,transparent 0 13%,var(--accent) 13% 53%,rgba(255,255,255,.2) 53% 53.7%,transparent 53.7% 100%);transform:rotate(-3deg)}.orbit-ring:before{content:"";position:absolute;inset:17px;border:1px solid rgba(255,255,255,.35);border-radius:50%}.orbit-ring:after{content:"";position:absolute;inset:-20px;border:1px solid rgba(255,255,255,.2);border-radius:50%}.orbit-core{position:relative;width:112px;height:112px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 34% 25%,rgba(255,255,255,.94),rgba(242,237,218,.78) 46%,rgba(195,199,181,.7));border:5px solid rgba(255,255,255,.65);box-shadow:0 15px 35px rgba(52,60,48,.28),inset 0 1px 0 white;color:#38473f}.orbit-core small{text-transform:uppercase;font-weight:800;font-size:7px;letter-spacing:.7px}.orbit-core strong{font:800 22px var(--display);letter-spacing:-1.3px;margin:2px 0;color:#182d26}.orbit-core span{font-size:8px;color:#6d786f}.orbit-badge{position:absolute;top:-27px;left:11px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:white;background:linear-gradient(145deg,#ffaf3d,#ff7600);border:3px solid rgba(255,255,255,.55);box-shadow:0 8px 20px rgba(223,102,0,.3)}
.section-head h2,.screen-header h1{color:#172820}.section-head .text-btn{color:#9d4e04;background:rgba(255,239,214,.48)}
.metric,.settlement-card,.activity-list,.ledger-card,.stat-card,.more-card,.member-pill,.search-box input{
  background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(247,243,224,.44));border-color:rgba(255,255,255,.75);
  box-shadow:0 15px 34px rgba(52,60,48,.13),inset 0 1px 0 white
}
.metric{min-height:108px;border-radius:18px}.metric-icon,.activity-icon,.more-icon{border-radius:50%}.metric-value{font-size:21px}.metric-note{color:#7b817a}.bg-gold{background:rgba(255,153,41,.2);color:#be5e00}.bg-mint{background:rgba(107,183,127,.2)}.bg-lav{background:rgba(151,142,187,.2)}.bg-coral{background:rgba(255,127,83,.18)}
.venture-card{border-radius:20px}.venture-card.kona{background:linear-gradient(145deg,rgba(255,181,87,.78),rgba(231,122,22,.42))}.progress-track span{background:var(--accent)}
.btn-primary,.nav-add{background:linear-gradient(145deg,#ff9f28,#f06d00)!important;box-shadow:0 12px 28px rgba(221,96,0,.3),inset 0 1px 0 rgba(255,255,255,.45)!important}
.bottom-nav{background:linear-gradient(145deg,rgba(247,244,224,.7),rgba(255,255,255,.35));border-color:rgba(255,255,255,.7)}.nav-btn.active{color:#e86d00}.nav-btn.active svg{filter:drop-shadow(0 4px 7px rgba(232,109,0,.24))}
.quick-row{background:rgba(255,255,255,.18)}.quick span{color:#d46500}.quick:hover span{background:rgba(255,235,207,.76)}
.sheet{background:linear-gradient(155deg,rgba(245,244,230,.94),rgba(214,221,206,.86))}.type-tab.active{color:#d46500}.amount-wrap{background:linear-gradient(145deg,rgba(255,233,202,.68),rgba(255,255,255,.4))}.currency-select{color:#cb6200}
.welcome{background:linear-gradient(165deg,#a4ae9c,#d7d2bd 55%,#e8dfcb)}.welcome-art{background:linear-gradient(145deg,rgba(85,96,85,.9),rgba(187,183,158,.56));backdrop-filter:blur(20px)}.welcome-copy h1 span{color:var(--accent)}
@media(max-width:400px){.hero{padding-left:16px;padding-right:13px}.hero h1{font-size:31px}.hero-orbit{width:132px;height:132px}.orbit-core{width:96px;height:96px}.orbit-ring:before{inset:15px}.orbit-ring:after{inset:-13px}.orbit-core strong{font-size:19px}.hero p{max-width:175px}}
@media(max-width:350px){.hero-layout{grid-template-columns:1fr}.hero-orbit{display:none}.hero p{max-width:240px}.hero{min-height:280px}}
.auth-form{display:grid;gap:11px;margin-bottom:18px}.auth-form .field{gap:5px}.auth-form .btn{margin-top:1px}.auth-form button:disabled{opacity:.6;cursor:wait}.auth-message{padding:11px 13px;border-radius:13px;background:rgba(255,241,219,.7);border:1px solid rgba(255,255,255,.68);color:#8d4b0e;font-size:11px;line-height:1.45}.auth-divider{height:30px;display:flex;align-items:center;gap:10px;color:rgba(55,70,61,.58);font-size:10px;text-transform:uppercase;letter-spacing:.8px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:rgba(64,80,70,.14)}
.header-actions{display:flex;gap:8px;align-items:center}.csv-drop{min-height:150px;border:1px dashed rgba(104,89,65,.38);border-radius:24px;background:rgba(255,255,255,.4);display:grid;place-items:center;align-content:center;gap:7px;text-align:center;padding:22px;color:#d46500;cursor:pointer}.csv-drop strong{font-size:14px;color:#25362f}.csv-drop span{font-size:10px;color:#707871;max-width:260px;line-height:1.45}.csv-drop input{position:absolute;width:1px;height:1px;opacity:0}.privacy-note{display:flex;gap:10px;align-items:flex-start;margin:14px 0;padding:12px 13px;border-radius:16px;background:rgba(255,246,229,.55);border:1px solid rgba(255,255,255,.7);font-size:10px;line-height:1.45;color:#5e665f}.privacy-note svg{flex:0 0 auto;color:#d46500}.import-sheet{max-height:min(820px,92dvh);overflow:auto}.import-list{display:grid;gap:7px;margin:15px 0;max-height:330px;overflow:auto}.import-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border-radius:15px;background:rgba(255,255,255,.43);border:1px solid rgba(255,255,255,.65)}.import-row.is-duplicate{opacity:.48}.import-row div{min-width:0}.import-row strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-row small{display:block;color:#7b817a;font-size:9px;margin-top:3px}.import-row b{font-size:11px}.import-kind{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:rgba(255,127,83,.18);color:#bd4a22}.import-kind.income{background:rgba(107,183,127,.2);color:#267b43}.import-more{text-align:center;color:#6d756e;font-size:10px}.btn:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:390px){.screen-header .header-actions{flex-direction:column;align-items:stretch}.screen-header .header-actions .btn{min-height:38px}.header-actions .btn svg{width:16px}.import-row{grid-template-columns:29px minmax(0,1fr) auto}}
.biometric-login{width:100%;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:11px;text-align:left;border:1px solid rgba(255,255,255,.76);border-radius:20px;padding:10px;background:linear-gradient(145deg,rgba(255,244,224,.76),rgba(255,255,255,.44));color:#24352e;box-shadow:0 12px 28px rgba(61,66,53,.13),inset 0 1px 0 white;cursor:pointer}.biometric-login>span{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;color:#d46500;background:rgba(255,173,73,.18)}.biometric-login strong,.biometric-login small{display:block}.biometric-login strong{font-size:12px}.biometric-login small{font-size:9px;color:#747b75;margin-top:3px}.biometric-login:disabled{opacity:.55}.biometric-card{display:flex;align-items:center;gap:15px;padding:18px;border-radius:23px;background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(247,231,204,.42));border:1px solid rgba(255,255,255,.76);box-shadow:inset 0 1px 0 white}.biometric-card>span{width:65px;height:65px;border-radius:22px;display:grid;place-items:center;flex:0 0 auto;color:#d46500;background:rgba(255,171,66,.18)}.biometric-card strong{font-size:14px}.biometric-card p{font-size:10px;line-height:1.5;color:#707771;margin:5px 0 0}

/* Clearer liquid-glass layer */
.app-shell{background:linear-gradient(145deg,rgba(95,105,95,.25),rgba(222,218,192,.14));border-color:rgba(255,255,255,.35);backdrop-filter:blur(21px) saturate(118%);box-shadow:0 34px 88px rgba(46,52,42,.24),inset 0 1px 0 rgba(255,255,255,.46)}
.topbar{background:linear-gradient(180deg,rgba(93,104,93,.28),rgba(255,255,255,0));backdrop-filter:blur(14px) saturate(125%)}
.hero{background:linear-gradient(135deg,rgba(76,88,79,.2),rgba(222,219,193,.1));border-color:rgba(255,255,255,.38);backdrop-filter:blur(14px) saturate(108%);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 22px 48px rgba(51,59,48,.11)}
.metric,.settlement-card,.activity-list,.ledger-card,.stat-card,.more-card,.member-pill,.search-box input{background:linear-gradient(145deg,rgba(255,255,255,.49),rgba(247,243,224,.2));border-color:rgba(255,255,255,.58);backdrop-filter:blur(24px) saturate(140%);box-shadow:0 14px 32px rgba(52,60,48,.1),inset 0 1px 0 rgba(255,255,255,.74)}
.bottom-nav{background:linear-gradient(145deg,rgba(247,244,224,.44),rgba(255,255,255,.2));border-color:rgba(255,255,255,.58);backdrop-filter:blur(30px) saturate(155%);box-shadow:0 20px 48px rgba(20,63,49,.18),inset 0 1px 1px rgba(255,255,255,.78)}
.quick-row{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}.quick span,.icon-btn,.close-btn{background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(255,255,255,.16));border-color:rgba(255,255,255,.55)}
.sheet{background:linear-gradient(155deg,rgba(245,244,230,.72),rgba(207,216,203,.55));border-color:rgba(255,255,255,.65);backdrop-filter:blur(38px) saturate(145%)}
.field input,.field select,.field textarea,.amount-wrap,.type-tabs,.profile-choice,.csv-drop,.import-row,.biometric-login,.biometric-card{background:linear-gradient(145deg,rgba(255,255,255,.47),rgba(255,255,255,.18));border-color:rgba(255,255,255,.58);backdrop-filter:blur(21px) saturate(135%)}
.welcome{background:linear-gradient(165deg,rgba(140,151,136,.78),rgba(210,205,181,.66) 55%,rgba(232,223,203,.7));backdrop-filter:blur(24px)}.welcome-art{background:linear-gradient(145deg,rgba(77,90,79,.62),rgba(178,178,153,.31));border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(24px) saturate(115%)}

/* Extra-clear glass requested */
.app-shell{background:linear-gradient(145deg,rgba(85,96,86,.13),rgba(235,229,201,.07));border-color:rgba(255,255,255,.28);backdrop-filter:blur(15px) saturate(112%);box-shadow:0 30px 76px rgba(46,52,42,.17),inset 0 1px 0 rgba(255,255,255,.34)}
.topbar{background:linear-gradient(180deg,rgba(70,82,72,.17),transparent)}
.hero{background:linear-gradient(135deg,rgba(65,77,69,.12),rgba(239,233,205,.055));border-color:rgba(255,255,255,.3);backdrop-filter:blur(11px) saturate(106%);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 18px 40px rgba(51,59,48,.075)}
.metric,.settlement-card,.activity-list,.ledger-card,.stat-card,.more-card,.member-pill,.search-box input{background:linear-gradient(145deg,rgba(255,255,255,.3),rgba(247,243,224,.1));border-color:rgba(255,255,255,.46);backdrop-filter:blur(19px) saturate(130%);box-shadow:0 11px 26px rgba(52,60,48,.07),inset 0 1px 0 rgba(255,255,255,.58)}
.bottom-nav{background:linear-gradient(145deg,rgba(247,244,224,.28),rgba(255,255,255,.1));border-color:rgba(255,255,255,.46);backdrop-filter:blur(25px) saturate(145%);box-shadow:0 17px 38px rgba(20,63,49,.13),inset 0 1px 1px rgba(255,255,255,.62)}
.quick-row{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.22)}.quick span,.icon-btn,.close-btn{background:linear-gradient(145deg,rgba(255,255,255,.31),rgba(255,255,255,.09));border-color:rgba(255,255,255,.43)}
.sheet{background:linear-gradient(155deg,rgba(245,244,230,.57),rgba(207,216,203,.34));border-color:rgba(255,255,255,.54);backdrop-filter:blur(34px) saturate(135%)}
.field input,.field select,.field textarea,.amount-wrap,.type-tabs,.profile-choice,.csv-drop,.import-row,.biometric-login,.biometric-card{background:linear-gradient(145deg,rgba(255,255,255,.31),rgba(255,255,255,.085));border-color:rgba(255,255,255,.46);backdrop-filter:blur(18px) saturate(128%)}
.welcome{background:linear-gradient(165deg,rgba(125,138,123,.61),rgba(206,201,177,.48) 55%,rgba(232,223,203,.52));backdrop-filter:blur(20px)}.welcome-art{background:linear-gradient(145deg,rgba(67,81,70,.43),rgba(178,178,153,.18));border-color:rgba(255,255,255,.2);backdrop-filter:blur(18px) saturate(110%)}
.finance-logo-mark{position:relative;overflow:hidden;background:rgba(20,55,43,.34)!important;border:1px solid rgba(255,255,255,.48);box-shadow:0 8px 22px rgba(23,51,42,.22),inset 0 1px 0 rgba(255,255,255,.35)}.finance-logo-mark img{position:absolute;width:88px;max-width:none;left:50%;top:50%;transform:translate(-50%,-39%);filter:saturate(1.15) contrast(1.04)}
.finance-logo-full{position:relative;width:224px;height:174px;overflow:hidden;border-radius:30px;border:1px solid rgba(255,255,255,.28);background:rgba(25,43,35,.18);box-shadow:0 18px 42px rgba(28,43,36,.18),inset 0 1px 0 rgba(255,255,255,.25);backdrop-filter:blur(12px)}.finance-logo-full img{position:absolute;width:270px;max-width:none;left:50%;top:-15px;transform:translateX(-50%)}.finance-logo-full span{position:absolute;right:12px;top:12px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);color:white;font-size:8px;font-weight:800;letter-spacing:1.2px;text-shadow:0 1px 5px rgba(0,0,0,.2)}

/* Simplified translucent sign-in experience */
.welcome{display:block;overflow:auto;background:linear-gradient(165deg,rgba(74,91,77,.19),rgba(210,203,177,.12) 58%,rgba(243,233,212,.18));backdrop-filter:blur(13px) saturate(112%)}
.welcome-art{min-height:300px;padding:48px 25px 74px;display:block;border-radius:0 0 46px 46px;background:linear-gradient(145deg,rgba(42,61,49,.25),rgba(185,179,151,.1));border:1px solid rgba(255,255,255,.23);box-shadow:0 22px 55px rgba(35,48,39,.1),inset 0 1px 0 rgba(255,255,255,.2);backdrop-filter:blur(12px) saturate(110%)}
.welcome-brand{display:flex;align-items:center;gap:11px;color:white}.welcome-brand .brand-mark{width:48px;height:48px;border-radius:17px;flex:0 0 auto}.welcome-brand>span:last-child{display:grid;gap:1px}.welcome-brand strong{font:800 17px var(--display);letter-spacing:.9px}.welcome-brand small{font-size:9px;letter-spacing:1.1px;text-transform:uppercase;color:rgba(255,255,255,.68)}
.welcome-copy{margin-top:33px;max-width:330px}.welcome-copy .eyebrow{color:rgba(255,255,255,.68);font-size:8px;letter-spacing:1.25px}.welcome-copy h1{font-size:35px;line-height:1.02;letter-spacing:-2px;margin:11px 0 12px;color:white;text-shadow:0 4px 22px rgba(30,43,35,.22)}.welcome-copy p{max-width:300px;margin:0;color:rgba(255,255,255,.75);font-size:11px;line-height:1.55}
.welcome-panel{position:relative;z-index:3;display:block;padding:0 15px 30px;margin-top:-48px;overflow:visible}.login-box{width:100%;padding:23px 20px 18px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.36),rgba(242,236,211,.13));border:1px solid rgba(255,255,255,.5);box-shadow:0 24px 54px rgba(38,51,42,.16),inset 0 1px 0 rgba(255,255,255,.6);backdrop-filter:blur(29px) saturate(145%)}
.login-lock{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.19);border:1px solid rgba(255,255,255,.36);color:#344b41;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.login-box h2{margin:15px 0 5px;font-size:27px;letter-spacing:-1.25px;color:#192b24}.login-box>p{font-size:11px;line-height:1.5;color:#657069;margin:0 0 17px}
.auth-form{gap:10px;margin-bottom:0}.auth-form .field{gap:5px}.auth-form .field label{padding-left:3px;color:#425047;font-size:9px;letter-spacing:.2px}.auth-form .field input{height:49px;padding:0 15px;border-radius:16px;background:rgba(255,255,255,.27);border:1px solid rgba(255,255,255,.48);color:#1e3028;box-shadow:inset 0 1px 0 rgba(255,255,255,.53);backdrop-filter:blur(18px)}.auth-form .field input::placeholder{color:rgba(59,74,65,.48)}.auth-form .field input:focus{outline:0;border-color:rgba(255,145,35,.7);box-shadow:0 0 0 3px rgba(255,145,35,.12),inset 0 1px 0 rgba(255,255,255,.56)}
.login-primary{margin-top:4px;min-height:49px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:16px}.login-secondary{min-height:42px;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);box-shadow:none;color:#435148;font-size:11px}.auth-divider{height:32px}.biometric-login{border-radius:17px;background:rgba(255,255,255,.19);box-shadow:inset 0 1px 0 rgba(255,255,255,.43)}
.signin-privacy{display:flex;align-items:center;justify-content:center;gap:6px;margin:15px 0 0;color:rgba(51,68,58,.58);font-size:8px;line-height:1.4;text-align:center}.signin-privacy svg{flex:0 0 auto;color:#d46500}
@media(min-width:521px){.welcome-art{padding-top:62px}.welcome-panel{margin-top:-53px}.login-box{padding:25px 22px 20px}}
@media(max-height:720px){.welcome-art{min-height:260px;padding-top:34px}.welcome-copy{margin-top:22px}.welcome-copy h1{font-size:30px}.welcome-panel{margin-top:-42px}}

/* Journey game and milestone system */
.game-hero .stage-kicker{display:inline-flex;margin:8px 0 2px;padding:5px 8px;border-radius:999px;background:rgba(255,145,35,.2);border:1px solid rgba(255,196,119,.34);color:#ffe2b9;font-size:8px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.game-hero h1{margin-top:8px}.journey-help{border:0;background:transparent;color:rgba(255,255,255,.78);font-size:9px;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.journey-orbit .orbit-ring{background:conic-gradient(from 0deg,#ff8a1d 0 var(--journey),rgba(255,255,255,.14) var(--journey) 100%);transform:rotate(0);transition:background .6s ease}.journey-orbit .orbit-core strong{color:#d76300}.journey-orbit .orbit-badge{animation:badgeFloat 2.4s ease-in-out infinite}@keyframes badgeFloat{50%{transform:translateY(-6px) rotate(4deg)}}
.journey-board{margin:14px 0 18px;padding:18px 15px;border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.31),rgba(255,244,218,.11));border:1px solid rgba(255,255,255,.48);box-shadow:0 14px 32px rgba(43,54,46,.08),inset 0 1px 0 rgba(255,255,255,.58);backdrop-filter:blur(20px) saturate(130%)}.journey-board-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.journey-board-head h2{margin:3px 0 0;font:800 17px var(--display);letter-spacing:-.7px;color:#20332a}.journey-board-head>strong{font:800 13px var(--display);color:#d66700}.journey-progress{height:10px;margin:14px 1px 13px;border-radius:999px;background:rgba(71,84,75,.13);overflow:hidden;box-shadow:inset 0 1px 3px rgba(37,49,41,.12)}.journey-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffb13f,#ff7900);box-shadow:0 0 16px rgba(255,128,0,.4);transition:width .75s cubic-bezier(.22,1,.36,1)}
.stage-track{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;position:relative}.stage-track:before{content:"";position:absolute;left:9%;right:9%;top:14px;height:2px;background:rgba(70,84,75,.12)}.stage-node{position:relative;z-index:1;display:grid;justify-items:center;gap:5px;text-align:center;color:#7b837d}.stage-node>span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:rgba(236,230,207,.76);border:2px solid rgba(255,255,255,.72);box-shadow:0 5px 13px rgba(50,60,52,.1);font-size:9px;font-weight:900}.stage-node small{font-size:7px;line-height:1.15;max-width:55px}.stage-node.complete>span{background:#4fbd79;color:white}.stage-node.active>span{background:linear-gradient(145deg,#ffaf38,#f27000);color:white;box-shadow:0 0 0 5px rgba(255,147,31,.14),0 7px 16px rgba(220,102,0,.22);animation:stagePulse 2s infinite}.stage-node.active small{color:#b95700;font-weight:900}@keyframes stagePulse{50%{box-shadow:0 0 0 9px rgba(255,147,31,.05),0 7px 16px rgba(220,102,0,.2)}}
.next-move{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;margin-top:15px;padding:11px 10px;border-radius:16px;background:rgba(255,244,222,.31);border:1px solid rgba(255,255,255,.45);color:#d56700}.next-move strong{display:block;color:#27382f;font-size:10px}.next-move p{margin:2px 0 0;color:#6f7871;font-size:8px;line-height:1.35}.next-move .btn{min-height:34px;padding:7px 11px;font-size:9px;border-radius:11px}
.journey-guide{text-align:center;padding-top:28px}.guide-trophy{width:72px;height:72px;margin:0 auto 14px;border-radius:25px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,#ffb637,#f06b00);box-shadow:0 0 0 10px rgba(255,157,40,.11),0 17px 35px rgba(214,91,0,.25);animation:trophyIn .7s cubic-bezier(.2,1.5,.5,1)}@keyframes trophyIn{from{opacity:0;transform:scale(.45) rotate(-12deg)}to{opacity:1;transform:none}}.journey-guide h2{font:800 29px var(--display);letter-spacing:-1.3px;margin:6px 0}.guide-intro{max-width:300px;margin:0 auto 19px;color:#647068;font-size:11px;line-height:1.5}.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:20px}.guide-steps>div{padding:12px 7px;border-radius:18px;background:rgba(255,255,255,.27);border:1px solid rgba(255,255,255,.48)}.guide-steps span{width:25px;height:25px;margin:0 auto 7px;border-radius:50%;display:grid;place-items:center;background:rgba(255,145,35,.17);color:#c45e00;font-weight:900;font-size:9px}.guide-steps strong,.guide-steps small{display:block}.guide-steps strong{font-size:10px}.guide-steps small{margin-top:4px;color:#727b74;font-size:8px;line-height:1.35}
.winner-backdrop{background:rgba(25,35,28,.38);backdrop-filter:blur(18px)}.winner-sheet{text-align:center;overflow:hidden;padding-top:36px;background:linear-gradient(155deg,rgba(255,246,218,.88),rgba(220,231,215,.76))}.winner-rays{position:absolute;width:320px;height:320px;left:50%;top:-125px;transform:translateX(-50%);background:repeating-conic-gradient(from 0deg,rgba(255,168,36,.18) 0 9deg,transparent 9deg 20deg);animation:winnerSpin 12s linear infinite}@keyframes winnerSpin{to{transform:translateX(-50%) rotate(360deg)}}.winner-crown{position:relative;width:104px;height:104px;margin:0 auto 18px;border-radius:36px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,#ffd64a,#f37400);box-shadow:0 0 0 12px rgba(255,169,35,.13),0 22px 45px rgba(212,93,0,.28);animation:winnerPop .8s cubic-bezier(.17,1.55,.4,1)}@keyframes winnerPop{0%{transform:scale(.2) rotate(-18deg)}70%{transform:scale(1.12) rotate(5deg)}100%{transform:none}}.winner-sheet .eyebrow{position:relative;color:#bb5900}.winner-sheet h2{position:relative;font:800 34px var(--display);letter-spacing:-1.8px;margin:7px 0;color:#24352c}.winner-level{position:relative;display:inline-block;padding:6px 11px;border-radius:999px;background:#273c32;color:#ffd557;font-size:9px;font-weight:900;letter-spacing:1.2px}.winner-sheet p{position:relative;color:#667068;font-size:11px;line-height:1.55;margin:15px auto 20px;max-width:300px}.winner-confetti{width:9px;height:16px;border-radius:3px;animation-duration:3.4s}
@media(max-width:370px){.stage-node small{display:none}.journey-board{padding-left:11px;padding-right:11px}.guide-steps{grid-template-columns:1fr}.guide-steps>div{display:grid;grid-template-columns:28px 55px 1fr;text-align:left;align-items:center}.guide-steps span{margin:0}.guide-steps small{margin:0}}

/* Calm, one-number daily check-in */
.daily-calm{margin:0 0 20px;padding:17px 14px 13px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(225,244,229,.1));border:1px solid rgba(255,255,255,.45);box-shadow:0 13px 30px rgba(45,57,48,.07),inset 0 1px 0 rgba(255,255,255,.55);backdrop-filter:blur(20px) saturate(125%)}.daily-calm-head{display:flex;justify-content:space-between;align-items:end;gap:10px}.daily-calm-head h2{margin:3px 0 0;font:800 17px var(--display);letter-spacing:-.6px}.daily-calm-head>span{font-size:8px;color:#5e6d64;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:5px 7px}.daily-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0 10px}.daily-action{border:1px solid rgba(255,255,255,.45);border-radius:17px;padding:10px 5px;background:rgba(255,255,255,.16);color:#6b756e;cursor:pointer;text-align:center}.daily-action i{width:30px;height:30px;margin:0 auto 6px;border-radius:11px;display:grid;place-items:center;background:rgba(255,153,40,.12);color:#d26700;font-style:normal}.daily-action strong,.daily-action small{display:block}.daily-action strong{font-size:9px;color:#34443b}.daily-action small{font-size:7px;margin-top:2px}.daily-action.done{background:rgba(210,246,220,.22);border-color:rgba(119,193,139,.28)}.daily-action.done i{background:#56b978;color:white}.daily-calm>p{margin:0;text-align:center;color:#7b837d;font-size:8px}
.quick-sheet{padding-bottom:max(26px,env(safe-area-inset-bottom))}.quick-kind{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;padding:5px;border-radius:18px;background:rgba(77,91,82,.08)}.quick-kind button{height:45px;border:0;border-radius:14px;background:transparent;color:#738078;font-weight:800;font-size:11px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.quick-kind button.active{background:rgba(255,255,255,.5);color:#cf6300;box-shadow:0 7px 17px rgba(44,58,49,.09),inset 0 1px 0 white}.quick-amount{height:100px;display:grid;grid-template-columns:73px 1fr;align-items:center;border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.35),rgba(255,235,202,.12));border:1px solid rgba(255,255,255,.49);box-shadow:inset 0 1px 0 rgba(255,255,255,.55);overflow:hidden}.quick-amount select{height:100%;border:0;border-right:1px solid rgba(74,87,78,.1);background:transparent;text-align:center;font-weight:900;color:#c35c00}.quick-amount input{width:100%;height:100%;border:0;background:transparent;padding:0 14px;font:800 45px var(--display);letter-spacing:-2px;color:#26372f;outline:0}.quick-amount input::placeholder{color:rgba(48,64,55,.23)}.large-amount-details{display:none;margin-top:11px}.large-amount-details.show{display:grid;gap:8px;animation:liquidIn .3s}.large-hint{display:flex;align-items:center;gap:7px;padding:9px 10px;border-radius:13px;background:rgba(255,234,201,.27);color:#7a5b37;font-size:8px;line-height:1.35}.large-amount-details input{height:44px;border-radius:14px;padding:0 12px;background:rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.45);outline:0}.calm-note{display:flex;justify-content:center;align-items:center;gap:6px;margin:13px 0;color:#69766e;font-size:9px}.calm-note svg{color:#d46700}.quick-save{min-height:51px}
.calm-success,.calm-reset{text-align:center;padding-top:33px}.calm-success-icon{width:72px;height:72px;margin:0 auto 16px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,#74cc91,#2e9d60);color:white;box-shadow:0 0 0 10px rgba(78,183,113,.1),0 17px 34px rgba(38,132,81,.2);animation:winnerPop .65s cubic-bezier(.17,1.45,.4,1)}.calm-success h2,.calm-reset h2{font:800 28px var(--display);letter-spacing:-1.2px;margin:7px 0}.calm-success p,.calm-reset p{max-width:300px;margin:0 auto 18px;color:#69746d;font-size:11px;line-height:1.55}.mini-progress{height:9px;margin:0 0 20px;border-radius:999px;background:rgba(73,87,78,.11);overflow:hidden}.mini-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffb03c,#ff7900)}.breathing-orb{width:105px;height:105px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 27%,rgba(255,255,255,.82),rgba(103,202,148,.46));border:1px solid rgba(255,255,255,.64);box-shadow:0 0 0 13px rgba(91,196,137,.08),0 20px 40px rgba(50,112,80,.13);animation:breathe 5s ease-in-out infinite}.breathing-orb span{font-size:10px;font-weight:900;color:#317451;letter-spacing:.5px}@keyframes breathe{50%{transform:scale(1.13);box-shadow:0 0 0 23px rgba(91,196,137,.04),0 20px 40px rgba(50,112,80,.13)}}
.reminder-preview{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:14px;border-radius:18px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.43);color:#d36700}.reminder-preview strong{font-size:11px;color:#34453c}.reminder-preview p{margin:3px 0 0;color:#707a73;font-size:9px;line-height:1.4}
@media(max-width:360px){.daily-actions{gap:4px}.daily-action{padding-left:2px;padding-right:2px}.quick-amount input{font-size:39px}}

/* RUSHRI living-sun logo */
.sun-logo{position:relative;display:inline-block;flex:0 0 auto;width:48px;height:48px;border-radius:50%;isolation:isolate;background:radial-gradient(circle at 32% 28%,#fff4bd 0 8%,#ffe08a 18%,#ffad45 57%,#ee7130 78%,#d84f2d 100%);border:1px solid rgba(255,255,255,.58);box-shadow:0 0 0 5px rgba(255,178,76,.08),0 0 23px rgba(255,133,56,.68),inset 0 1px 2px rgba(255,255,255,.78),inset 0 -5px 9px rgba(173,55,25,.18);animation:rushriSunGlow 4.8s ease-in-out infinite}.sun-logo:before{content:"";position:absolute;z-index:-2;inset:-10px;border-radius:50%;background:repeating-conic-gradient(from 5deg,rgba(255,193,82,.55) 0 3deg,transparent 3deg 19deg);-webkit-mask:radial-gradient(circle,transparent 0 48%,#000 51%);mask:radial-gradient(circle,transparent 0 48%,#000 51%);opacity:.32;animation:rushriSunOrbit 24s linear infinite}.sun-logo:after{content:"";position:absolute;z-index:-1;inset:-5px;border-radius:50%;border:1px solid rgba(255,211,130,.34);box-shadow:inset 0 0 8px rgba(255,190,85,.2)}.sun-logo i{position:absolute;left:10px;top:8px;width:13px;height:8px;border-radius:50%;background:rgba(255,255,255,.62);filter:blur(1px);transform:rotate(-25deg)}.sun-logo-small{width:38px;height:38px}.sun-logo-small:before{inset:-7px}.sun-logo-small:after{inset:-4px}.sun-logo-small i{left:8px;top:6px;width:10px;height:7px}@keyframes rushriSunGlow{0%,100%{transform:scale(1);box-shadow:0 0 0 5px rgba(255,178,76,.07),0 0 18px rgba(255,133,56,.58),inset 0 1px 2px rgba(255,255,255,.78),inset 0 -5px 9px rgba(173,55,25,.18)}50%{transform:scale(1.035);box-shadow:0 0 0 8px rgba(255,178,76,.08),0 0 31px rgba(255,142,54,.88),inset 0 1px 2px rgba(255,255,255,.82),inset 0 -5px 9px rgba(173,55,25,.15)}}@keyframes rushriSunOrbit{to{transform:rotate(360deg)}}
.welcome-brand .sun-logo{margin:3px}.topbar .sun-logo{margin-left:1px}.brand:has(.sun-logo){gap:11px}

/* Two-person profile gate */
.profile-welcome-art{min-height:285px}.profile-panel{margin-top:-55px}.profile-box h2{margin-bottom:5px}.profile-grid{display:grid;gap:10px;margin-top:14px}.person-profile{width:100%;display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;text-align:left;padding:12px;border:1px solid rgba(255,255,255,.46);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.3),rgba(255,255,255,.09));box-shadow:0 13px 28px rgba(43,56,47,.08),inset 0 1px 0 rgba(255,255,255,.55);cursor:pointer;color:#26382f;backdrop-filter:blur(20px)}.person-profile>span{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;color:white;font:800 18px var(--display);letter-spacing:.5px;background:linear-gradient(145deg,#f2a133,#e66a15);box-shadow:0 10px 22px rgba(210,91,12,.22)}.person-ss>span{background:linear-gradient(145deg,#318bc5,#27579d);box-shadow:0 10px 22px rgba(35,90,157,.22)}.person-profile strong,.person-profile small{display:block}.person-profile strong{font-size:13px}.person-profile small{margin-top:4px;color:#748079;font-size:9px}.person-profile:active{transform:scale(.98)}.selected-person{display:flex;align-items:center;gap:10px;margin:0 0 13px;padding:10px;border-radius:17px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34)}.selected-person>span{width:39px;height:39px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#ef9d31,#df6618);color:white;font-weight:900}.selected-person strong,.selected-person small{display:block}.selected-person strong{font-size:11px}.selected-person small{font-size:8px;color:#738078;margin-top:2px}.back-profiles{border:0;background:transparent;color:#6b776f;font-size:9px;font-weight:800;padding:0 0 10px;display:flex;gap:5px;align-items:center;cursor:pointer}.back-profiles svg{transform:rotate(180deg)}.forgot-link{border:0;background:transparent;color:#b85a08;font-size:10px;font-weight:800;padding:7px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* Rushikesh business home */
.owner-hero{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;padding:23px 19px;border-radius:29px;background:linear-gradient(145deg,rgba(42,73,59,.44),rgba(179,154,106,.18));border:1px solid rgba(255,255,255,.36);color:white;box-shadow:0 19px 44px rgba(36,52,43,.13),inset 0 1px 0 rgba(255,255,255,.3);backdrop-filter:blur(18px)}.owner-hero h1{font:800 29px var(--display);letter-spacing:-1.4px;margin:7px 0}.owner-hero p{max-width:260px;margin:0;color:rgba(255,255,255,.73);font-size:10px;line-height:1.5}.owner-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.owner-totals article{padding:13px 11px;border-radius:18px;background:rgba(255,255,255,.24);border:1px solid rgba(255,255,255,.42);backdrop-filter:blur(18px)}.owner-totals small,.owner-totals strong{display:block}.owner-totals small{font-size:8px;color:#6c7870}.owner-totals strong{margin-top:6px;font:800 15px var(--display);color:#2a3c32}.owner-hint{font-size:8px;color:#758078}.business-lanes{display:grid;grid-template-columns:1fr 1fr;gap:9px}.business-lane{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;text-align:left;padding:12px;border-radius:20px;border:1px solid rgba(255,255,255,.44);background:rgba(255,255,255,.22);color:#405047;cursor:pointer;backdrop-filter:blur(18px)}.business-lane i{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:rgba(255,154,39,.14);color:#ce6200;font-style:normal}.business-lane strong,.business-lane small{display:block}.business-lane strong{font-size:10px;color:#2d4036}.business-lane small{margin-top:3px;font-size:8px;line-height:1.3;color:#737e77}

/* WhatsApp-assisted recovery */
.reset-flow{display:grid;gap:8px;margin:4px 0 17px}.reset-flow>div{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:9px;padding:10px;border-radius:15px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.38)}.reset-flow span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:rgba(255,143,30,.16);color:#bd5900;font-size:9px;font-weight:900}.reset-flow p{margin:0;font-size:9px;line-height:1.4;color:#657168}.whatsapp-link{display:block;margin-bottom:12px;padding:10px;text-align:center;border-radius:14px;background:rgba(55,184,92,.14);border:1px solid rgba(71,174,98,.22);color:#277440;font-size:10px;font-weight:900;text-decoration:none}.password-rule{font-size:8px;color:#737e76;margin:7px 2px 13px}.reset-list{display:grid;gap:8px;max-height:420px;overflow:auto}.reset-list article{display:grid;grid-template-columns:39px 1fr auto;gap:9px;align-items:center;padding:10px;border-radius:16px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4)}.reset-list article>span{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:#2f5d4c;color:white;font-weight:900}.reset-list strong,.reset-list small{display:block}.reset-list strong{font-size:10px}.reset-list small{font-size:8px;color:#748078;margin-top:3px}.reset-list .btn{min-height:34px;padding:7px 9px;font-size:8px}.reset-list em{font-size:8px;color:#4b8c62}.reset-loading{text-align:center;padding:35px;color:#778079}.code-sheet{text-align:center;padding-top:30px}.code-sheet h2{font:800 25px var(--display);margin:8px 0}.reset-code{margin:15px auto;padding:13px 17px;max-width:230px;border-radius:20px;background:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.55);font:800 35px var(--display);letter-spacing:9px;color:#d36400}.code-sheet>p{font-size:9px;line-height:1.5;color:#69746d;margin:0 auto 16px;max-width:280px}
@media(max-width:380px){.business-lanes{grid-template-columns:1fr}.owner-hero{grid-template-columns:1fr}.owner-hero .btn{justify-self:start}.owner-totals strong{font-size:13px}}

/* Shritesh: deliberately simple, one-hand interface */
.ss-home{display:grid;gap:13px}.ss-hello{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 17px;border-radius:27px;background:linear-gradient(145deg,rgba(42,86,70,.39),rgba(185,166,119,.15));border:1px solid rgba(255,255,255,.37);color:white;backdrop-filter:blur(18px);box-shadow:0 17px 39px rgba(39,52,43,.11),inset 0 1px 0 rgba(255,255,255,.3)}.ss-hello h1{font:800 27px var(--display);letter-spacing:-1.2px;margin:6px 0 3px}.ss-hello p{margin:0;color:rgba(255,255,255,.72);font-size:10px}.ss-score{width:63px;height:63px;border-radius:22px;display:grid;place-content:center;text-align:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.32)}.ss-score strong,.ss-score small{display:block}.ss-score strong{font:800 20px var(--display)}.ss-score small{font-size:8px;color:rgba(255,255,255,.69)}
.ss-big-actions{display:grid;gap:8px}.ss-big-actions>button{display:grid;grid-template-columns:52px 1fr auto;gap:11px;align-items:center;text-align:left;min-height:75px;padding:11px 13px;border-radius:22px;border:1px solid rgba(255,255,255,.45);background:linear-gradient(145deg,rgba(255,255,255,.3),rgba(255,255,255,.09));color:#56665d;box-shadow:0 12px 28px rgba(43,56,47,.07),inset 0 1px 0 rgba(255,255,255,.52);backdrop-filter:blur(18px);cursor:pointer}.ss-big-actions i{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:rgba(255,151,38,.14);color:#ce6200;font-style:normal}.ss-big-actions .rest-action i{background:rgba(82,187,120,.13);color:#278957}.ss-big-actions strong,.ss-big-actions small{display:block}.ss-big-actions strong{font:800 15px var(--display);color:#263a30}.ss-big-actions small{margin-top:4px;color:#748078;font-size:9px}
.ss-stage{display:grid;grid-template-columns:116px 1fr;gap:15px;align-items:center;padding:16px;border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,239,207,.1));border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(19px)}.ss-stage-circle{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#ff8b1d 0 var(--ss-progress),rgba(73,88,78,.11) var(--ss-progress) 100%);box-shadow:0 14px 28px rgba(70,57,41,.1)}.ss-stage-circle:before{content:"";position:absolute}.ss-stage-circle>div{width:88px;height:88px;border-radius:50%;display:grid;place-content:center;text-align:center;background:rgba(247,241,217,.82);border:1px solid rgba(255,255,255,.67);backdrop-filter:blur(10px)}.ss-stage-circle small,.ss-stage-circle strong{display:block}.ss-stage-circle small{font-size:8px;color:#6d786f}.ss-stage-circle strong{font:800 24px var(--display);color:#d66600}.ss-stage-copy h2{font:800 20px var(--display);letter-spacing:-.8px;margin:4px 0}.ss-stage-copy p{font-size:9px;line-height:1.45;color:#6f7a72;margin:0}.ss-stage-copy .journey-progress{margin:11px 0 8px}.ss-stage-copy>button{border:0;background:transparent;color:#bd5b06;font-size:8px;font-weight:900;padding:0;text-decoration:underline;cursor:pointer}
.ss-protect{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:13px;border-radius:20px;background:rgba(214,240,222,.18);border:1px solid rgba(255,255,255,.42)}.ss-protect>div{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:rgba(70,173,110,.13);color:#2a8c55}.ss-protect strong,.ss-protect small{display:block}.ss-protect strong{font-size:10px}.ss-protect small{font-size:8px;line-height:1.4;color:#6e7971;margin-top:3px}.ss-protect button{border:0;border-radius:11px;padding:8px;background:rgba(255,255,255,.27);color:#46725a;font-size:8px;font-weight:900}.ss-family-goal{padding:17px;border-radius:23px;background:linear-gradient(145deg,rgba(255,239,210,.28),rgba(255,255,255,.09));border:1px solid rgba(255,255,255,.43)}.ss-family-goal h2{font:800 18px var(--display);letter-spacing:-.6px;margin:5px 0}.ss-family-goal p{font-size:9px;line-height:1.5;color:#6e7971;margin:0 0 12px}
.ss-simple-screen>.simple-back{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#617067;font-size:9px;font-weight:900;padding:3px 0 17px;cursor:pointer}.simple-back svg{transform:rotate(180deg)}.ss-simple-screen>h1{font:800 31px var(--display);letter-spacing:-1.4px;margin:6px 0}.ss-simple-screen>p{font-size:10px;line-height:1.5;color:#6f7a72;margin:0 0 18px;max-width:360px}.daily-money-plan{margin-bottom:12px;padding:14px;border-radius:22px;background:linear-gradient(140deg,rgba(255,255,255,.36),rgba(207,239,219,.18));border:1px solid rgba(255,255,255,.56)}.daily-plan-head{display:flex;align-items:center;gap:10px}.daily-plan-head>div{width:43px;height:43px;border-radius:15px;display:grid;place-items:center;background:rgba(75,153,104,.12);color:#33895a}.daily-plan-head span,.daily-plan-head small,.daily-plan-head strong{display:block}.daily-plan-head small{font-size:8px;color:#718078}.daily-plan-head strong{font:800 25px var(--display);color:#31453b}.daily-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.daily-plan-grid article{padding:10px;border-radius:15px;background:rgba(255,255,255,.25)}.daily-plan-grid small,.daily-plan-grid strong,.daily-plan-grid em{display:block}.daily-plan-grid small{font-size:7px;color:#728078}.daily-plan-grid strong{font:800 17px var(--display);color:#34483d;margin:2px 0}.daily-plan-grid em{font-size:7px;color:#728078;font-style:normal}.daily-money-plan>p{font-size:8px;color:#728078;margin:9px 0 0}.daily-money-plan>button{width:100%;margin-top:10px;padding:10px;border:0;border-radius:13px;background:#398a5f;color:#fff;font-size:9px;font-weight:900}.monthly-total{display:flex;gap:11px;align-items:center;margin:0 0 12px;padding:14px;border-radius:20px;background:rgba(223,244,230,.25);border:1px solid rgba(255,255,255,.48);color:#31845a}.monthly-total>div{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.3)}.monthly-total span,.monthly-total small,.monthly-total strong,.monthly-total em{display:block}.monthly-total small{font-size:8px;color:#718078}.monthly-total strong{font:800 19px var(--display);color:#31453b;margin:2px 0}.monthly-total em{font-size:7px;line-height:1.4;color:#718078;font-style:normal}.simple-list{display:grid;gap:8px}.simple-list article{display:grid;grid-template-columns:47px 1fr auto;gap:10px;align-items:center;padding:12px;border-radius:20px;background:rgba(255,255,255,.23);border:1px solid rgba(255,255,255,.43)}.simple-list i{width:47px;height:47px;border-radius:16px;display:grid;place-items:center;background:rgba(255,153,40,.13);color:#ce6200;font-style:normal}.simple-list strong,.simple-list small{display:block}.simple-list strong{font-size:11px}.simple-list small{font-size:8px;color:#748078;margin-top:3px}.simple-list button{border:0;border-radius:11px;padding:8px;background:rgba(255,255,255,.28);color:#79664d;font-size:8px;font-weight:900}.simple-list .bill-plan-value{min-width:68px;text-align:right;color:#405c4d;font-size:10px;cursor:pointer}.bill-plan-value small{font-size:6px;color:#7c887f}.car-costs{margin-top:13px;padding:15px;border-radius:20px;background:rgba(255,231,190,.2);border:1px solid rgba(255,255,255,.44)}.car-costs h2{font:800 18px var(--display);margin:4px 0;color:#46534b}.car-costs p{font-size:8px;line-height:1.5;color:#718078;margin:0}.medical-note{display:flex;gap:11px;align-items:center;margin-top:9px;padding:14px;border-radius:19px;background:rgba(217,235,247,.2);border:1px solid rgba(255,255,255,.45);color:#477f9a}.medical-note strong,.medical-note small{display:block}.medical-note strong{font-size:10px;color:#394a43}.medical-note small{font-size:8px;line-height:1.45;color:#718078;margin-top:3px}.setup-head{margin-top:18px}.setup-costs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.setup-costs article{padding:11px;border-radius:16px;background:rgba(255,255,255,.21);border:1px solid rgba(255,255,255,.4)}.setup-costs strong,.setup-costs span{display:block}.setup-costs strong{font-size:9px;color:#3f5147}.setup-costs span{font-size:8px;color:#718078;margin-top:4px}.bill-range{max-width:80px;text-align:right;font-size:9px;font-weight:900;line-height:1.3;color:#53665c}.simple-message{display:flex;gap:10px;align-items:center;margin-top:13px;padding:13px;border-radius:18px;background:rgba(213,241,222,.18);border:1px solid rgba(255,255,255,.4);color:#32885a}.simple-message strong{color:#31433a;font-size:10px}.simple-message span{font-size:8px;line-height:1.45;color:#6e7a72}.goal-order{display:grid;gap:8px}.goal-order article{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:12px;border-radius:18px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);opacity:.65}.goal-order article.active{opacity:1;border-color:rgba(255,159,45,.35)}.goal-order span{width:37px;height:37px;border-radius:14px;display:grid;place-items:center;background:rgba(255,151,38,.14);color:#c65f00;font-weight:900}.goal-order strong,.goal-order small{display:block}.goal-order strong{font-size:10px}.goal-order small{font-size:8px;color:#748078;margin-top:3px}.goal-stage{margin-top:13px}.ss-more{display:grid;gap:8px}.ss-more>button{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;text-align:left;padding:11px;border-radius:20px;border:1px solid rgba(255,255,255,.43);background:rgba(255,255,255,.21);color:#526159;cursor:pointer}.ss-more i{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(255,153,40,.12);color:#ca6000;font-style:normal}.ss-more strong,.ss-more small{display:block}.ss-more strong{font-size:11px;color:#304139}.ss-more small{font-size:8px;color:#748078;margin-top:3px}
@media(max-width:360px){.ss-stage{grid-template-columns:96px 1fr}.ss-stage-circle{width:94px;height:94px}.ss-stage-circle>div{width:73px;height:73px}.ss-stage-circle strong{font-size:20px}}
.temporary-access-banner{display:flex;align-items:center;gap:9px;margin:7px 14px 0;padding:9px 12px;border-radius:15px;background:rgba(239,219,157,.28);border:1px solid rgba(255,255,255,.5);color:#87662b;backdrop-filter:blur(14px)}.temporary-access-banner span,.temporary-access-banner strong,.temporary-access-banner small{display:block}.temporary-access-banner strong{font-size:9px}.temporary-access-banner small{font-size:7px;color:#7d7461;margin-top:2px}.temporary-login-note{display:flex;align-items:center;gap:6px;margin:9px 0;padding:9px;border-radius:13px;background:rgba(239,219,157,.22);border:1px solid rgba(255,255,255,.43);font-size:8px;line-height:1.4;color:#76684e}.temporary-read-only .nav-add,.temporary-read-only [data-quick-kind],.temporary-read-only [data-edit-bill]{opacity:.48}
.ss-track-prompts{padding:15px;border-radius:22px;background:rgba(255,245,218,.2);border:1px solid rgba(255,255,255,.44)}.ss-track-prompts h2{font:800 18px var(--display);margin:4px 0 10px}.ss-track-prompts>div:last-child{display:grid;gap:6px}.ss-track-prompts button{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;text-align:left;padding:9px;border:0;border-radius:15px;background:rgba(255,255,255,.24);color:#526159}.ss-track-prompts i{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:rgba(255,153,40,.12);color:#c96006;font-style:normal}.ss-track-prompts strong,.ss-track-prompts small{display:block}.ss-track-prompts strong{font-size:9px}.ss-track-prompts small{font-size:7px;color:#748078;margin-top:2px}.tracking-done{display:flex;align-items:center;gap:8px;padding:12px;border-radius:17px;background:rgba(213,241,222,.18);border:1px solid rgba(255,255,255,.42);font-size:9px;color:#34845a}.budget-warning{display:flex;gap:9px;align-items:center;margin-bottom:10px;padding:12px;border-radius:17px;background:rgba(255,214,153,.22);border:1px solid rgba(255,255,255,.47);color:#bd6c14}.budget-warning strong,.budget-warning small{display:block}.budget-warning strong{font-size:9px;color:#674b2e}.budget-warning small{font-size:7px;line-height:1.45;color:#786b5c;margin-top:3px}.car-cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.car-cost-grid article{padding:9px;border-radius:14px;background:rgba(255,255,255,.22)}.car-cost-grid strong,.car-cost-grid span,.car-cost-grid small{display:block}.car-cost-grid strong{font-size:8px;color:#46534b}.car-cost-grid span{font-size:9px;font-weight:900;color:#744f28;margin-top:3px}.car-cost-grid small{font-size:6px;color:#7b7f75;margin-top:2px}.tracker-kind button:first-child{display:none}.tracker-kind button:last-child{grid-column:1/-1}.nothing-spent{width:100%;margin-top:7px;padding:10px;border:1px solid rgba(255,255,255,.46);border-radius:13px;background:rgba(255,255,255,.2);color:#65736b;font-size:9px;font-weight:900}
.budget-warning.confirmed{background:rgba(213,241,222,.2);color:#33885a}.budget-warning.confirmed strong{color:#355344}
.car-cost-grid article[role="button"]{cursor:pointer;transition:transform .18s ease,background .18s ease;border:1px solid transparent}.car-cost-grid article[role="button"]:active{transform:scale(.98);background:rgba(255,255,255,.38)}.car-cost-grid article[role="button"]:focus-visible{outline:2px solid rgba(196,105,26,.5);outline-offset:2px}
.car-recovery-plan{margin:0 0 11px;padding:15px;border-radius:22px;background:linear-gradient(145deg,rgba(255,221,202,.31),rgba(255,255,255,.16));border:1px solid rgba(255,255,255,.53)}.recovery-title{display:flex;gap:10px;align-items:center;color:#c65b30}.recovery-title span,.recovery-title small,.recovery-title strong{display:block}.recovery-title small{font-size:8px;color:#8b6c5c}.recovery-title strong{font:800 21px var(--display);color:#6d3d2d;margin-top:2px}.car-recovery-plan>p{font-size:8px;line-height:1.5;color:#786d65;margin:10px 0}.recovery-steps{display:grid;gap:5px}.recovery-steps span{display:flex;align-items:center;gap:7px;font-size:8px;color:#5d665f}.recovery-steps b{width:20px;height:20px;border-radius:8px;display:grid;place-items:center;background:rgba(205,91,45,.11);color:#b6512a}.recovery-options{display:grid;gap:6px;margin-top:11px}.recovery-options button{display:grid;grid-template-columns:70px 1fr;align-items:center;text-align:left;gap:8px;padding:9px;border-radius:14px;border:1px solid rgba(255,255,255,.46);background:rgba(255,255,255,.2);color:#526159}.recovery-options button.active{border-color:rgba(198,91,48,.42);background:rgba(255,237,226,.36)}.recovery-options strong{font-size:9px}.recovery-options small{font-size:7px;line-height:1.35;color:#776f68}
.chosen-recovery{margin:11px 0;padding:11px;border-radius:16px;background:rgba(255,255,255,.3);border:1px solid rgba(198,91,48,.2);display:grid;grid-template-columns:1fr 1fr;gap:7px}.chosen-recovery>strong{grid-column:1/-1;font-size:9px;color:#a14525}.chosen-recovery span{padding:8px;border-radius:12px;background:rgba(255,247,240,.5)}.chosen-recovery b,.chosen-recovery small{display:block}.chosen-recovery b{font-size:9px;color:#554a43}.chosen-recovery small{margin-top:2px;font-size:7px;color:#7e7169}.chosen-recovery em{grid-column:1/-1;font-size:7px;font-style:normal;color:#657069}
.ss-safe-today{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;margin:10px 0;padding:12px;border-radius:20px;border:1px solid rgba(255,255,255,.54);background:linear-gradient(145deg,rgba(255,255,255,.35),rgba(221,239,230,.22));box-shadow:0 12px 30px rgba(67,89,76,.08)}.ss-safe-today>div{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(76,145,110,.14);color:#2e7c58}.ss-safe-today span,.ss-safe-today small,.ss-safe-today strong,.ss-safe-today em{display:block}.ss-safe-today small{font-size:7px;color:#667169}.ss-safe-today strong{font:800 24px var(--display);color:#214d39}.ss-safe-today em{font-size:7px;font-style:normal;color:#68716c}.ss-safe-today button{border:0;border-radius:12px;padding:8px;background:rgba(255,255,255,.42);color:#35644d;font-size:8px}.ss-safe-today.needs-money>div{background:rgba(205,91,45,.12);color:#b6512a}.ss-safe-today.needs-money strong{color:#8d462b}
.daily-shortfall,.daily-safe{display:flex;align-items:center;gap:7px;margin:9px 0 0;padding:9px;border-radius:13px;font-size:8px;line-height:1.35}.daily-shortfall{background:rgba(255,231,219,.42);color:#985234}.daily-safe{background:rgba(220,243,230,.42);color:#347052}.payment-calendar{margin:11px 0;padding:14px;border-radius:22px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.5)}.payment-calendar .section-head{margin:0 0 10px}.payment-calendar .section-head h2{font-size:19px}.payment-calendar .section-head>span{font-size:7px;color:#607067}.payment-calendar-list{display:grid;gap:6px}.payment-calendar-list article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:9px;border-radius:14px;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.42)}.payment-calendar-list article>div strong,.payment-calendar-list article>div small{display:block}.payment-calendar-list article>div strong{font-size:8px;color:#4d5751}.payment-calendar-list article>div small{font-size:7px;color:#a05b3e;margin-top:2px}.payment-calendar-list article>span{font:800 11px var(--display);color:#344b3f}.payment-calendar-list article>button{border:0;border-radius:10px;padding:7px;background:rgba(197,91,46,.1);color:#9b4d2d;font-size:7px}.payment-calendar-list article.paid{opacity:.68;background:rgba(222,241,230,.32)}.payment-calendar-list article.paid>div small,.payment-calendar-list article.paid>button{color:#347052}.payment-calendar-list article.paid>button{background:rgba(76,145,110,.12)}.repeating-costs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.repeating-costs>strong{grid-column:1/-1;font-size:8px;color:#68716c}.repeating-costs span{padding:8px;border-radius:12px;background:rgba(234,242,236,.36)}.repeating-costs b,.repeating-costs small{display:block}.repeating-costs b{font-size:7px;color:#526159}.repeating-costs small{font-size:7px;color:#657069;margin-top:2px}
.ss-main-coach,.ss-cut-coach,.ss-work-rhythm{margin:10px 0;padding:13px;border-radius:22px;border:1px solid rgba(255,255,255,.52);background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(219,238,230,.19));box-shadow:0 15px 34px rgba(54,76,64,.08)}.ss-main-coach .section-head,.ss-cut-coach .section-head{margin:0 0 9px}.ss-main-coach h2,.ss-cut-coach h2{font-size:15px;letter-spacing:-.03em}.monday-boss{display:flex;gap:7px;align-items:center;margin:7px 0 9px;padding:9px;border-radius:14px;background:rgba(255,245,219,.52);color:#8b5a22;font-size:8px;line-height:1.35}.monday-boss strong{font-size:10px}.coach-ideas,.ss-cut-coach{display:grid;gap:7px}.coach-ideas article,.ss-cut-coach article{display:grid;grid-template-columns:25px 1fr;gap:7px;align-items:start;padding:9px;border-radius:15px;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.38)}.coach-ideas svg,.ss-cut-coach article>svg{color:#4e8d66;margin-top:1px}.coach-ideas strong,.coach-ideas small,.ss-cut-coach strong,.ss-cut-coach small{display:block}.coach-ideas strong,.ss-cut-coach strong{font-size:8px;color:#334b3e}.coach-ideas small,.ss-cut-coach small{font-size:7px;line-height:1.35;color:#657168;margin-top:2px}.work-rhythm-mini,.ss-work-rhythm{display:flex;align-items:center;gap:8px;color:#496457;font-size:8px}.ss-work-rhythm strong,.ss-work-rhythm small{display:block}.ss-work-rhythm small{font-size:7px;color:#69756d;margin-top:2px}.payment-calendar-list article.weekly-payment{background:rgba(255,246,222,.46);border-color:rgba(233,171,72,.35)}
.cash-challenge-setup,.cash-challenge{margin:13px 0;padding:15px;border-radius:22px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.5)}
.cash-challenge-setup .eyebrow{margin-bottom:4px}.cash-challenge-setup h2{font:800 20px var(--display);margin:0 0 6px;color:#2b3d35;letter-spacing:-.6px}.cash-challenge-setup p{font-size:9px;line-height:1.5;color:#6a7671;margin:0 0 13px}
.challenge-start-row{display:flex;gap:9px;align-items:center}.challenge-amount-input{display:flex;align-items:center;gap:5px;flex:1;padding:9px 11px;border-radius:13px;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.65)}.challenge-amount-input span{font-size:13px;font-weight:900;color:#4a5d51}.challenge-amount-input input{border:0;background:transparent;font:800 16px var(--display);color:#2b3d35;width:70px;outline:none;-moz-appearance:textfield}.challenge-amount-input input::-webkit-inner-spin-button{-webkit-appearance:none}
.challenge-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.challenge-header h2{font:800 18px var(--display);margin:3px 0 4px;color:#2b3d35;letter-spacing:-.5px}.challenge-header p{font-size:8px;color:#68776f;margin:0}.challenge-ring{width:54px;height:54px;flex-shrink:0}
.challenge-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.challenge-cell{border-radius:12px;padding:8px 3px;background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.5);color:#3d5248;font:800 11px var(--display);text-align:center;cursor:pointer;position:relative;transition:transform .12s ease,background .15s ease;min-height:42px;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1.1;gap:1px}
.challenge-cell:active{transform:scale(.91)}.challenge-cell.checked{background:rgba(55,140,100,.2);border-color:rgba(55,140,100,.38);color:#2a6b47}
.cell-check{font-size:9px;color:#3a9060}
.challenge-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:8px;color:#6e7870}
.challenge-footer .text-btn{border:0;background:transparent;color:#c07050;font-size:8px;font-weight:900;padding:0;cursor:pointer;text-decoration:underline}
.challenge-done{background:rgba(55,140,100,.14);border-color:rgba(55,140,100,.35)}
.ss-home-geo-row{border-top:1px solid rgba(255,255,255,.25);padding-top:10px;margin-top:4px}
.ss-home-geo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.ss-home-geo-label{font-size:13px;font-weight:700;color:#4a7a60;display:flex;align-items:center;gap:5px}
.ss-alarm-test-btn{background:rgba(63,191,134,.22);border:1px solid rgba(63,191,134,.5);border-radius:10px;padding:5px 12px;font:700 12px var(--display);color:#2a6644;cursor:pointer}
.ss-home-geo-btn{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.55);border-radius:13px;padding:10px 14px;font:700 13px var(--display);color:#3e5a4f;cursor:pointer;width:100%}
.ss-home-geo-set{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#2a6644;cursor:pointer;background:rgba(63,191,134,.12);border:1px solid rgba(63,191,134,.3);border-radius:13px;padding:10px 14px;width:100%;text-align:left}
.ss-reminder-toggle{display:flex;align-items:center;gap:6px;font:800 13px var(--display);cursor:pointer;border-radius:13px;padding:10px 14px;width:100%;text-align:left;margin-top:7px}
.ss-reminder-toggle.on{color:#2a6644;background:rgba(63,191,134,.16);border:1px solid rgba(63,191,134,.4)}
.ss-reminder-toggle.off{color:#9a4a3a;background:rgba(210,90,70,.12);border:1px solid rgba(210,90,70,.35)}
.ss-reminder-toggle:active{transform:translateY(1px)}
/* The saved home address, shown under the header whenever a reminder is set */
.ss-home-address{display:flex;align-items:flex-start;gap:7px;padding:9px 12px;margin-bottom:7px;border-radius:13px;background:rgba(63,191,134,.1);border:1px solid rgba(63,191,134,.28);color:#22503a;font:700 12.5px/1.35 var(--display)}
.ss-home-address svg{flex-shrink:0;margin-top:1px;color:#2a8b5a}
.ss-home-address span{word-break:break-word}


/* SS earnings logger */
#ss-earn-modal{position:fixed;inset:0;z-index:10001;pointer-events:none}
#ss-earn-modal.show{pointer-events:auto}
.ss-earn-backdrop{position:absolute;inset:0;background:rgba(8,24,16,.65);opacity:0;transition:opacity .32s ease}
#ss-earn-modal.show .ss-earn-backdrop{opacity:1}
.ss-earn-sheet{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(160deg,#122a1c,#0a1e12);border-radius:26px 26px 0 0;padding:18px 24px calc(env(safe-area-inset-bottom,0px)+28px);transform:translateY(100%);transition:transform .36s cubic-bezier(.2,.9,.3,1)}
#ss-earn-modal.show .ss-earn-sheet{transform:translateY(0)}
.ss-earn-handle{width:38px;height:4px;background:rgba(255,255,255,.2);border-radius:2px;margin:0 auto 22px}
.ss-earn-q{font:700 22px var(--display);color:#c8f0d8;margin:0 0 22px;text-align:center}
.ss-earn-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:28px}
.ss-earn-sym{font:800 44px var(--display);color:#3fbf86}
.ss-earn-input{font:800 56px var(--display);color:#fff;background:none;border:0;border-bottom:3px solid rgba(63,191,134,.5);width:180px;text-align:center;outline:none;padding-bottom:4px}
.ss-earn-input::placeholder{color:rgba(255,255,255,.2)}
/* Two-shift time picker on the earnings sheet - simple native time dials,
   second shift optional (one shift a day is fine). */
.ss-shift-times{margin:2px 0 18px}
.ss-shift-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.ss-shift-label{flex-shrink:0;width:52px;font:800 12px var(--display);color:rgba(255,255,255,.5)}
.ss-shift-input{flex:1;min-width:0;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.16);border-radius:12px;padding:9px 10px;color:#fff;font:800 13px var(--display);color-scheme:dark}
.ss-shift-to{flex-shrink:0;font-size:11px;color:rgba(255,255,255,.35);font-weight:700}
.ss-shift-add{display:block;margin:0 auto;background:none;border:0;color:rgba(255,255,255,.5);font:800 12px var(--display);cursor:pointer;padding:2px}
.ss-earn-cta{width:100%;padding:17px;border:0;border-radius:20px;background:linear-gradient(135deg,#3fbf86,#28a060);color:#fff;font:800 18px var(--display);cursor:pointer;margin-bottom:12px}
.ss-earn-later{width:100%;background:transparent;border:0;color:rgba(255,255,255,.35);font-size:15px;cursor:pointer;padding:8px}
.ss-day-chips{display:flex;gap:7px;margin-bottom:22px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.ss-day-chips::-webkit-scrollbar{display:none}
.ss-day-chip{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:3px;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.12);border-radius:14px;padding:9px 14px;cursor:pointer;min-width:64px;transition:background .18s,border-color .18s}
.ss-day-chip.selected{background:rgba(63,191,134,.22);border-color:rgba(63,191,134,.55)}
.ss-day-chip-label{font-size:12px;font-weight:800;color:rgba(255,255,255,.65)}
.ss-day-chip.selected .ss-day-chip-label{color:#a8ffb8}
.ss-day-chip-date{font-size:10px;font-weight:800;color:rgba(255,255,255,.38);line-height:1}
.ss-day-chip.selected .ss-day-chip-date{color:rgba(168,255,184,.72)}
.ss-day-chip-amt{font-size:12px;font-weight:800;color:#5de8a0}
.ss-day-chip-empty{font-size:11px;color:#ffb940;font-weight:700}
.ss-day-chip:not(.selected):has(.ss-day-chip-empty){border-style:dashed;border-color:rgba(255,185,64,.3)}
/* Link to back-fill any earlier date beyond the 5-day chip strip (needed for
   irregular logs like money sent home, which can be forgotten for a while). */
.ss-daypick-custom{display:flex;align-items:center;gap:6px;background:none;border:0;color:rgba(255,255,255,.5);font:800 12.5px var(--display);cursor:pointer;padding:0 0 14px;margin:-8px 0 0}
.ss-daypick-input{width:100%;box-sizing:border-box;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.16);border-radius:14px;padding:11px 14px;color:#fff;font:800 14px var(--display);margin-bottom:14px;color-scheme:dark}

/* SS earnings graph */
.ss-earn-graph{background:rgba(168,255,180,.1);border:1px solid rgba(140,255,160,.22);border-radius:22px;padding:20px 16px 14px;margin:0 0 12px}
.ss-eg-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px}
.ss-eg-eyebrow{font-size:10px;font-weight:800;color:#7edaa0;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}
.ss-eg-total{font:900 32px var(--display);color:#c6ffda;letter-spacing:-1.5px;line-height:1}
.ss-eg-trend-pill{background:rgba(168,255,180,.18);border:1px solid rgba(140,255,160,.35);border-radius:20px;padding:6px 11px;font-size:11px;font-weight:700;color:#a8ffb8;text-align:right;line-height:1.5;max-width:130px}
.ss-eg-bars{display:flex;align-items:flex-end;gap:6px;height:100px;flex:1;min-width:0;overflow:hidden}
.ss-eg-bars.ss-eg-slide-next{animation:ssEgSlideNext .32s cubic-bezier(.22,.8,.25,1) both}
.ss-eg-bars.ss-eg-slide-prev{animation:ssEgSlidePrev .32s cubic-bezier(.22,.8,.25,1) both}
@keyframes ssEgSlideNext{from{transform:translateX(26px);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes ssEgSlidePrev{from{transform:translateX(-26px);opacity:0}to{transform:translateX(0);opacity:1}}
.ss-eg-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}
.ss-eg-val{font-size:9px;font-weight:800;color:#9aeebc;min-height:12px;text-align:center;line-height:1}
.ss-eg-barwrap{flex:1;width:100%;display:flex;align-items:flex-end}
.ss-eg-bar{width:100%;border-radius:6px 6px 0 0;transform-origin:bottom;animation:ssBarScale .85s cubic-bezier(.2,1.2,.3,1) both;animation-delay:var(--bd,0s)}
@keyframes ssBarScale{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}
.ss-eg-bar.earned{background:rgba(100,230,150,.55)}
.ss-eg-bar.is-today{background:linear-gradient(180deg,#ffe066 0%,#5de8a0 100%)}
.ss-eg-bar.is-best{background:linear-gradient(180deg,#b8ffcc 0%,#5de8a0 100%)}
.ss-eg-bar.zero{background:rgba(168,255,180,.1);min-height:4px;border-radius:4px;animation:none}
.ss-eg-bar.future{background:transparent;border:1.5px dashed rgba(200,255,220,.28);border-radius:6px 6px 0 0;animation:none}
.ss-eg-col-tap{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;transition:background .15s}
.ss-eg-col-tap:active,.ss-eg-col-tap:focus-visible{background:rgba(255,255,255,.08)}
.ss-eg-col.is-today-col{background:rgba(255,224,102,.1);border-radius:10px;padding:2px 0}
.ss-eg-col.is-future-col{opacity:.55}
.ss-eg-col.is-future-col .ss-eg-day{color:rgba(200,255,220,.32)}
.ss-eg-day{font-size:9px;font-weight:700;color:rgba(200,255,220,.35);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.1}
.ss-eg-day.is-today{color:#a8ffb8;font-weight:900}
.ss-eg-date{font-style:normal;font-size:8px;font-weight:700;color:rgba(200,255,220,.3)}
.ss-eg-day.is-today .ss-eg-date{color:rgba(168,255,184,.7)}
/* Left/right week navigation - tap the arrows or swipe the bars themselves. */
.ss-eg-nav{display:flex;align-items:center;gap:4px}
.ss-eg-arrow{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:1px solid rgba(140,255,160,.3);background:rgba(168,255,180,.1);color:#a8ffb8;display:grid;place-items:center;cursor:pointer;transform:rotate(180deg)}
.ss-eg-arrow-next{transform:none}
.ss-eg-arrow:active{background:rgba(168,255,180,.22)}
.ss-eg-today-link{display:block;margin:10px auto 0;background:none;border:0;color:#7edaa0;font-size:11px;font-weight:800;cursor:pointer;text-decoration:underline}
.ss-eg-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid rgba(168,255,180,.15)}
.ss-eg-streak{font-size:13px;font-weight:800;color:#ffe066}
.ss-eg-streak-sub{font-size:12px;font-weight:700;color:#9aeebc}
.ss-cel-graph{margin-top:20px;width:100%}
.ss-cel-graph .ss-earn-graph{background:rgba(168,255,180,.12);border-color:rgba(140,255,160,.25)}

/* SS simple home */
.ss-sh-top{margin-bottom:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ss-sh-greet{min-width:0}
.ss-sh-top h1{font:900 34px var(--display);color:#d4f5e2;letter-spacing:-.5px;margin-top:4px}
/* Live bank balance pill (top-right of the greeting) */
.ss-balance{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px;border:0;cursor:pointer;
  padding:10px 14px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(255,255,255,.24));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 12px 26px rgba(20,30,24,.18);text-align:right}
.ss-balance:active{transform:translateY(1px)}
.ss-balance-label{font:800 10px var(--display);text-transform:uppercase;letter-spacing:.08em;color:#45564d}
.ss-balance-amt{font:900 22px var(--display);color:#0f5d3f;letter-spacing:-.5px;line-height:1}
/* Petrol daily quick-add tile */
.ss-petrol-tile{width:100%;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;margin-bottom:14px;
  padding:14px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.55);
  background:linear-gradient(145deg,rgba(255,210,120,.4),rgba(255,180,90,.22));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 12px 26px rgba(120,80,20,.14)}
.ss-petrol-tile:active{transform:translateY(1px)}
.ss-petrol-ic{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.4);color:#8a4b00}
.ss-petrol-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ss-petrol-main strong{font:900 15px var(--display);color:#132019}
.ss-petrol-main small{font:750 12px var(--display);color:#5a4526}
.ss-petrol-plus{flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.5);color:#8a4b00;font:900 20px var(--display)}
/* Daily essential tiles (petrol + food) with a 7-day spend strip */
.ss-daily-tile{margin-bottom:14px}
.ss-daily-tile .ss-petrol-tile{margin-bottom:0;border-radius:20px 20px 0 0}
.ss-daily-tile .ss-tile-food{background:linear-gradient(145deg,rgba(255,150,150,.34),rgba(255,120,110,.2))}
.ss-daily-tile .ss-tile-food .ss-petrol-ic,.ss-daily-tile .ss-tile-food .ss-petrol-plus{color:#a52a2a}
.ss-daily-week{background:linear-gradient(145deg,rgba(255,255,255,.44),rgba(255,255,255,.2));border:1px solid rgba(255,255,255,.5);border-top:0;border-radius:0 0 20px 20px;padding:10px 14px 12px}
.ss-dw-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}
.ss-dw-head span{font:800 10px var(--display);text-transform:uppercase;letter-spacing:.07em;color:#5a6b60}
.ss-dw-head strong{font:900 15px var(--display);color:#0f5d3f}
.ss-dw-strip{display:flex;gap:5px}
.ss-dw-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:10px;background:rgba(24,35,29,.05)}
.ss-dw-col.has{background:rgba(15,93,63,.12)}
.ss-dw-col.is-today{outline:1.5px solid rgba(15,122,74,.4)}
.ss-dw-col b{font:900 11px var(--display);color:#132019;line-height:1}
.ss-dw-col.has b{color:#0f5d3f}
.ss-dw-col i{font-style:normal;font:700 8px var(--display);color:#7a8a80;display:flex;flex-direction:column;align-items:center;line-height:1.15;text-align:center}
.ss-dw-col i u{text-decoration:none;font-size:9px;color:#5a6b60}
/* Green "paid on" pill next to a paid bill */
.ss-bill-name .ss-paid-on{display:inline-flex;align-items:center;gap:3px;color:#0f7a4a!important;font-weight:800!important;opacity:1!important;text-decoration:none!important}
/* Recent activity / logs */
.ss-log-seeall{background:transparent;border:0;cursor:pointer;font:800 12px var(--display);color:#0f5d3f;display:inline-flex;align-items:center;gap:3px}
.ss-log-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid rgba(24,35,29,.1)}
.ss-log-row:last-child{border-bottom:0}
.ss-log-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ss-log-name strong{font:800 14px var(--display);color:#132019;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-log-name small{font:750 11px var(--display);color:#5a6b60}
.ss-log-amt{flex-shrink:0;font:900 15px var(--display);letter-spacing:-.3px}
.ss-log-row.in .ss-log-amt{color:#0f7a4a}
.ss-log-row.out .ss-log-amt{color:#b8442e}
.ss-log-del{flex-shrink:0;width:26px;height:26px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(184,68,46,.3);background:rgba(184,68,46,.1);color:#b8442e;cursor:pointer}
.ss-log-del:active{transform:translateY(1px)}
/* Full logs screen */
.ss-logs-screen .ss-log-day{margin-bottom:18px}
.ss-logs-screen .ss-log-day-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:4px;padding-top:8px;border-top:1px solid rgba(0,0,0,.08)}
.ss-logs-screen .ss-log-day-head span{font:900 15px var(--display);color:#17231d}
.ss-logs-screen .ss-log-day-head small{font:750 12px var(--display);color:#5a6b60}
.ss-logs-screen .ss-log-name strong{white-space:normal}
/* Balance + logs strip on the detailed Bills tab */
.ss-bills-balance{display:flex;align-items:center;gap:12px;margin:14px 0 4px;flex-wrap:wrap}
.ss-bills-balance .ss-balance{flex-direction:row;align-items:center;gap:10px;text-align:left}
.ss-bills-logs-link{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:11px 16px;border-radius:16px;
  border:1px solid rgba(20,60,45,.18);background:rgba(20,90,63,.08);color:#0f5d3f;font:800 13px var(--display)}
.ss-bills-logs-link:active{transform:translateY(1px)}
.ss-sh-earn-btn{width:100%;padding:17px;border:0;border-radius:20px;background:linear-gradient(135deg,#3fbf86,#28a060);color:#fff;font:800 17px var(--display);cursor:pointer;margin-bottom:14px;letter-spacing:-.2px}
.ss-sh-earn-btn.is-logged{background:rgba(100,220,140,.15);border:1.5px solid rgba(100,220,140,.35);color:#a8ffb8;font-size:15px}
.ss-sh-bills-card{background:rgba(168,255,180,.08);border:1px solid rgba(140,255,160,.18);border-radius:22px;padding:18px 16px 10px;margin-bottom:14px}
.ss-sh-bills-hd{font:800 13px var(--display);color:#7edaa0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px}
.ss-bill-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid rgba(168,255,180,.1)}
.ss-bill-row:last-of-type{border-bottom:0}
.ss-bill-row.is-paid .ss-bill-name>strong{opacity:.5;text-decoration:line-through;text-decoration-color:rgba(100,200,130,.35)}
.ss-bill-name{flex:1;font-size:15px;font-weight:600;color:#d4f5e2;line-height:1.3}
.ss-bill-amt{font-size:15px;font-weight:700;color:#9aeebc;white-space:nowrap}
.ss-bill-toggle{flex-shrink:0;background:transparent;border:1px solid rgba(200,255,210,.25);border-radius:12px;padding:6px 13px;font:700 12px var(--display);color:rgba(200,255,210,.5);cursor:pointer;white-space:nowrap}
.ss-bill-toggle.is-paid{background:rgba(80,200,120,.2);border-color:rgba(100,220,140,.4);color:#7af0b0}
.ss-bills-summary{font-size:12px;font-weight:700;color:rgba(168,255,180,.45);text-align:center;padding:12px 0 4px}
.ss-sh-bills-all{width:100%;background:none;border:0;color:rgba(200,255,210,.3);font-size:13px;font-weight:600;padding:10px 0 4px;cursor:pointer}
.ss-var-card{background:rgba(255,200,100,.06);border:1px solid rgba(255,200,100,.14);border-radius:22px;padding:18px 16px 10px;margin-bottom:14px}
.ss-var-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid rgba(255,200,100,.08)}
.ss-var-row:last-child{border-bottom:0}
.ss-var-info{flex:1}
.ss-var-name{display:block;font-size:15px;font-weight:700;color:#f5dfa0;margin-bottom:2px}
.ss-var-hint{font-size:11px;color:rgba(255,200,100,.4);font-weight:500}
.ss-var-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.ss-var-total{font-size:12px;font-weight:700;color:rgba(255,200,100,.6);white-space:nowrap}
.ss-var-log-btn{background:rgba(255,200,100,.12);border:1px solid rgba(255,200,100,.28);border-radius:12px;padding:6px 14px;font:700 13px var(--display);color:rgba(255,220,120,.7);cursor:pointer;white-space:nowrap}
.ss-sv-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:16px;margin-bottom:14px}
.ss-sv-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.ss-sv-title{font-size:13px;font-weight:700;color:rgba(200,255,210,.5)}
.ss-sv-tally{font-size:16px;font-weight:800;color:rgba(200,255,210,.55)}
.ss-sv-of{font-size:12px;font-weight:600;color:rgba(200,255,210,.3)}
.ss-sv-track{height:5px;background:rgba(255,255,255,.08);border-radius:3px;margin-bottom:10px;overflow:hidden}
.ss-sv-fill{height:100%;background:rgba(100,220,140,.45);border-radius:3px;transition:width .6s ease}
.ss-sv-hint{font-size:12px;color:rgba(200,255,210,.35);font-weight:500;margin-bottom:12px;line-height:1.5}
.ss-sv-chips{display:flex;gap:8px;flex-wrap:wrap}
.ss-sv-chip{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:7px 14px;font:700 13px var(--display);color:rgba(200,255,210,.5);cursor:pointer}
.ss-sv-custom{color:rgba(255,255,255,.25)}
.ss-sh-links{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:16px}
.ss-sh-link{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:9px 14px;font:700 12px var(--display);color:rgba(255,255,255,.45);cursor:pointer}

/* SS celebration overlay */
#ss-celebrate-overlay{position:fixed;inset:0;z-index:10002;display:flex;align-items:center;justify-content:center;background:rgba(5,18,10,.82);opacity:0;transition:opacity .36s ease;pointer-events:none}
#ss-celebrate-overlay.show{opacity:1;pointer-events:auto}
.ss-cel-card{text-align:center;padding:40px 28px;animation:ssCelPop .5s cubic-bezier(.2,1.4,.4,1) both}
@keyframes ssCelPop{0%{transform:scale(.7);opacity:0}100%{transform:scale(1);opacity:1}}
.ss-cel-emoji{font-size:72px;margin-bottom:16px;filter:drop-shadow(0 0 24px rgba(255,200,80,.5))}
.ss-cel-amt{font:900 64px var(--display);color:#fff;letter-spacing:-2px;line-height:1}
.ss-cel-label{font-size:18px;color:#6fa882;font-weight:600;margin:6px 0 18px}
.ss-cel-streak{font-size:20px;font-weight:800;color:#ffb940;margin-bottom:10px}
.ss-cel-week{font-size:16px;color:#5fa878;font-weight:700;margin-bottom:22px}
.ss-cel-msg{font-size:16px;color:rgba(255,255,255,.55);line-height:1.6}

#ss-alarm-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:flex-end;justify-content:center;background:rgba(8,24,16,.7);opacity:0;transition:opacity .35s ease;pointer-events:none}
#ss-alarm-overlay.show{opacity:1;pointer-events:auto}
.ss-alarm-card{width:100%;max-width:480px;background:linear-gradient(160deg,#122a1c,#0a1e12);border-radius:28px 28px 0 0;padding:36px 24px calc(env(safe-area-inset-bottom,0px) + 32px);text-align:center;position:relative;overflow:hidden}
.ss-alarm-glow{position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(80,210,120,.18) 0%,transparent 70%);animation:ssGlowPulse 2.2s ease-in-out infinite}
@keyframes ssGlowPulse{0%,100%{transform:translateX(-50%) scale(1);opacity:.7}50%{transform:translateX(-50%) scale(1.15);opacity:1}}
.ss-alarm-emoji{font-size:60px;margin:0 0 14px;position:relative;z-index:1;filter:drop-shadow(0 0 18px rgba(80,210,120,.5))}
.ss-alarm-title{font:800 28px var(--display);color:#c8f0d8;margin:0 0 10px;position:relative;z-index:1;letter-spacing:-.5px}
.ss-alarm-sub{font-size:16px;color:#6fa882;line-height:1.65;margin:0 0 26px;position:relative;z-index:1}
.ss-alarm-cta{width:100%;padding:18px;border:0;border-radius:20px;background:linear-gradient(135deg,#3fbf86,#28a060);color:#fff;font:800 18px var(--display);cursor:pointer;position:relative;z-index:1;margin-bottom:14px;letter-spacing:-.2px;animation:ssCtaBeat 1.8s ease-in-out infinite}
@keyframes ssCtaBeat{0%,100%{box-shadow:0 8px 28px rgba(63,191,134,.4)}50%{box-shadow:0 8px 40px rgba(63,191,134,.7),0 0 60px rgba(63,191,134,.2)}}
.ss-alarm-streak{font-size:13px;color:#5fa878;font-weight:700;margin:-6px 0 14px;position:relative;z-index:1}
.ss-alarm-snooze{background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:12px 24px;color:rgba(255,255,255,.4);font-size:15px;cursor:pointer;position:relative;z-index:1}

.spend-advisor{margin:0 0 13px;padding:15px;border-radius:22px;background:rgba(255,255,255,.26);border:1px solid rgba(255,255,255,.54)}
.advisor-head{margin-bottom:10px}.advisor-head h2{font:800 18px var(--display);margin:3px 0 0;color:#2a3d35;letter-spacing:-.5px}
.advisor-bubble{padding:11px 13px;border-radius:16px;margin-bottom:10px;border:1px solid transparent}
.advisor-bubble p{font-size:9px;line-height:1.55;color:#526159;margin:0}.advisor-bubble strong.bubble-title{display:block;font-size:11px;margin-bottom:4px}
.advisor-ok{background:rgba(64,153,108,.16);border-color:rgba(64,153,108,.32)}.advisor-ok .bubble-title{color:#22663e}.advisor-ok p{color:#3d6650}
.advisor-no{background:rgba(197,78,46,.13);border-color:rgba(197,78,46,.28)}.advisor-no .bubble-title{color:#8c3820}.advisor-no p{color:#7a4433}
.advisor-warn{background:rgba(224,162,44,.16);border-color:rgba(224,162,44,.32)}.advisor-warn .bubble-title{color:#7a5a14}.advisor-warn p{color:#6e5526}
.advisor-info{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5)}.advisor-info p{color:#58726a}
.advisor-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.advisor-chip{border:0;border-radius:20px;padding:7px 11px;background:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.6);color:#3e5a4f;font-size:8px;font-weight:900;cursor:pointer;white-space:nowrap}
.advisor-chip:active{transform:scale(.94)}
.advisor-input-row{display:flex;gap:8px;align-items:center}
.advisor-input{flex:1;border:1px solid rgba(255,255,255,.6);border-radius:13px;padding:9px 12px;background:rgba(255,255,255,.42);font-size:9px;color:#2a3d35;outline:none}
.advisor-ask-btn{border:0;border-radius:13px;padding:9px 14px;background:#2a6644;color:#fff;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap}
.ssg-verdict-strip{display:block;width:100%;text-align:left;border:0;border-radius:18px;padding:12px 13px;margin:10px 0;cursor:pointer}
.ssg-verdict-strip.advisor-ok{background:rgba(64,153,108,.16);border:1px solid rgba(64,153,108,.3)}
.ssg-verdict-strip.advisor-no{background:rgba(197,78,46,.13);border:1px solid rgba(197,78,46,.26)}
.ssg-verdict-strip.advisor-warn{background:rgba(224,162,44,.15);border:1px solid rgba(224,162,44,.3)}
.verdict-main strong{display:block;font-size:11px;color:#243d30;margin-bottom:2px}
.verdict-main small{font-size:8px;color:#687871;line-height:1.4}
.advisor-no .verdict-main strong{color:#7a3020}.advisor-no .verdict-main small{color:#8a5040}
.advisor-warn .verdict-main strong{color:#6b4d10}.advisor-warn .verdict-main small{color:#7a6030}
.verdict-challenge{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:8px;color:#4e6e5e;border-top:1px solid rgba(255,255,255,.4);padding-top:7px}
.verdict-challenge span{line-height:1.3}

.kona-screen{padding:0 0 30px}
.back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;font-size:12px;color:var(--muted);padding:10px 0 4px;cursor:pointer}
.kona-hero-bar{display:flex;align-items:center;gap:12px;padding:10px 0 16px}
.kona-logo-dot{width:36px;height:36px;border-radius:50%}
.kona-hero-bar h1{font:800 22px var(--display);margin:2px 0 0;color:#2a3d35;letter-spacing:-.5px}
.kona-panel{background:rgba(255,255,255,.26);border:1px solid rgba(255,255,255,.54);border-radius:20px;padding:14px;margin-bottom:12px}
.kona-panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}
.kona-panel-head h2{font:800 18px var(--display);margin:3px 0 0;color:#2a3d35;letter-spacing:-.4px}
.kona-edit-btn{background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.7);border-radius:12px;padding:6px 13px;font:700 11px var(--display);color:#3e5a4f;cursor:pointer;white-space:nowrap}
.kona-exp-list{display:flex;flex-direction:column;gap:5px}
.kona-exp-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.3)}
.kona-exp-row:last-child{border-bottom:0}
.kona-exp-label{font-size:11px;color:#4a6259}
.kona-exp-amt{font:700 12px var(--display);color:#2a3d35}
.kona-exp-input{width:90px;border:1px solid rgba(255,255,255,.6);border-radius:10px;padding:5px 9px;background:rgba(255,255,255,.55);font:700 12px var(--display);color:#2a3d35;text-align:right}
.kona-save-btn{width:100%;margin-top:12px}
.kona-rev-breakdown{display:flex;flex-direction:column;gap:5px;margin:8px 0 10px;padding:8px 0;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3)}
.kona-rev-row-item{display:flex;align-items:center;gap:7px}
.kona-rev-tag{font-size:8px;font-weight:800;padding:2px 7px;border-radius:8px;letter-spacing:.04em;white-space:nowrap}
.kona-rev-auto{background:rgba(177,120,47,.2);color:#6b4810}
.kona-rev-manual{background:rgba(255,255,255,.4);color:#4a6259}
.kona-manual-add{padding-top:8px}
.kona-rev-row{display:flex;align-items:center;gap:6px;margin-top:6px}
.kona-rev-symbol{font:800 16px var(--display);color:#2a3d35}
.kona-rev-input{flex:1;border:1px solid rgba(255,255,255,.6);border-radius:12px;padding:8px 10px;background:rgba(255,255,255,.55);font:700 14px var(--display);color:#2a3d35;max-width:160px}
.kona-rev-save{background:#2a6644;border:0;border-radius:12px;padding:8px 14px;color:#fff;font:700 11px var(--display);cursor:pointer}
.kona-net{border-radius:18px;padding:13px 15px;margin-bottom:12px;display:flex;flex-direction:column;gap:3px}
.kona-net span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.kona-net strong{font:800 22px var(--display);letter-spacing:-.5px}
.kona-net small{font-size:9px;line-height:1.4;margin-top:2px}
.kona-net-ok{background:rgba(55,140,100,.16);border:1px solid rgba(55,140,100,.3)}.kona-net-ok span{color:#2a6644}.kona-net-ok strong{color:#1d5236}.kona-net-ok small{color:#3d7a57}
.kona-net-loss{background:rgba(197,78,46,.13);border:1px solid rgba(197,78,46,.26)}.kona-net-loss span{color:#8c3820}.kona-net-loss strong{color:#6e2814}.kona-net-loss small{color:#7a4433}
.kona-net-zero{background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.4)}.kona-net-zero span,.kona-net-zero strong,.kona-net-zero small{color:#58726a}
.kona-log-panel{padding:14px}
.kona-log-list{display:flex;flex-direction:column}
.kona-log-row{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.3)}
.kona-log-row:last-child{border-bottom:0}
.kona-log-meta{display:flex;align-items:center;gap:6px;margin-bottom:3px}
.kona-log-icon{font-size:11px}
.kona-log-time{font-size:9px;color:var(--muted);font-weight:600;letter-spacing:.03em}
.kona-log-desc{font-size:11px;color:#3a5249;font-weight:500;line-height:1.45;padding-left:17px}

/* Simplified Shritesh home — reuses the liquid-glass language */
.ss-hero-safe{padding:22px 18px;border-radius:26px;text-align:center;border:1px solid rgba(255,255,255,.5);background:linear-gradient(145deg,rgba(220,243,230,.5),rgba(255,255,255,.18));backdrop-filter:blur(22px) saturate(170%);box-shadow:0 18px 40px rgba(40,90,68,.12),inset 0 1px 0 rgba(255,255,255,.6)}
.ss-hero-safe small{display:block;font-size:11px;letter-spacing:.04em;color:#3c7d5e;text-transform:uppercase}
.ss-hero-safe strong{display:block;font:800 40px var(--display);letter-spacing:-1.8px;color:#1c5238;margin:5px 0 6px}
.ss-hero-safe em{display:block;font-style:normal;font-size:10px;line-height:1.5;color:#5e7268}
.ss-hero-safe.needs-money{background:linear-gradient(145deg,rgba(255,233,212,.5),rgba(255,255,255,.18))}
.ss-hero-safe.needs-money small{color:#a85a2c}.ss-hero-safe.needs-money strong{font-size:27px;color:#8d462b}.ss-hero-safe.needs-money em{color:#8a6a5b}
.ss-daily-dots{display:flex;align-items:center;gap:8px;padding:2px 8px}
.ss-daily-dots button{width:13px;height:13px;padding:0;border-radius:50%;border:1.5px solid rgba(120,140,128,.55);background:rgba(255,255,255,.25);cursor:pointer}
.ss-daily-dots button.on{background:#2e9c6f;border-color:#2e9c6f}
.ss-daily-dots small{margin-left:4px;font-size:9px;color:#6b7a71}
.ss-questions{border-radius:20px;border:1px solid rgba(255,255,255,.43);background:rgba(255,245,218,.2);overflow:hidden}
.ss-questions>summary{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:11px;cursor:pointer;list-style:none;color:#526159}
.ss-questions>summary::-webkit-details-marker{display:none}
.ss-questions summary i{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(255,153,40,.12);color:#ca6000;font-style:normal}
.ss-questions summary strong{display:block;font-size:11px;color:#304139}.ss-questions summary small{display:block;font-size:8px;color:#748078;margin-top:3px}
.ss-q-badge{font-size:9px;font-weight:900;color:#fff;background:#e35d2e;border-radius:999px;padding:2px 9px}
.ss-questions-body{display:grid;gap:6px;padding:0 11px 11px}
.ss-questions-body button{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;text-align:left;padding:9px;border:0;border-radius:15px;background:rgba(255,255,255,.24);color:#526159}
.ss-questions-body i{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:rgba(255,153,40,.12);color:#c96006;font-style:normal}
.ss-questions-body strong{display:block;font-size:9px}.ss-questions-body small{display:block;font-size:7px;color:#748078;margin-top:2px}

/* Profile photos */
.mini-avatar.has-photo,.avatar.has-photo,.person-profile span.has-photo,.selected-person span.has-photo{padding:0;overflow:hidden;background:none!important}
.mini-avatar.has-photo img,.avatar.has-photo img,.person-profile span.has-photo img,.selected-person span.has-photo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.avatar-preview{width:124px;height:124px;border-radius:50%;margin:8px auto 18px;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(255,255,255,.6);background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(221,239,230,.25));box-shadow:0 14px 32px rgba(40,90,68,.14)}
.avatar-preview img{width:100%;height:100%;object-fit:cover}
.avatar-preview-fallback{font:800 36px var(--display);color:#2a6248}
.avatar-sheet .btn{margin-top:8px}
.avatar-hint{display:flex;align-items:center;gap:6px;justify-content:center;margin-top:13px;font-size:9px;color:#728078}

/* ===== Shritesh home v2 — deep liquid glass + celebratory ring ===== */
.ss-glass{display:grid;gap:13px}
.ssg-hero{position:relative;display:flex;align-items:center;gap:10px;padding:20px 20px 22px;border-radius:32px;
 background:linear-gradient(150deg,rgba(255,255,255,.55),rgba(226,244,237,.24));border:1px solid rgba(255,255,255,.75);
 backdrop-filter:blur(30px) saturate(185%);-webkit-backdrop-filter:blur(30px) saturate(185%);
 box-shadow:0 30px 60px rgba(20,63,49,.18),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(75,120,103,.08)}
.ssg-hero:before{content:"";position:absolute;inset:1px 1px auto 1px;height:46%;border-radius:31px 31px 60% 60%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);pointer-events:none}
.ssg-hero-copy{flex:1;position:relative;z-index:1}
.ssg-hero-copy .eyebrow{color:#3c7d5e}
.ssg-hero-copy h1{font:800 27px var(--display);letter-spacing:-1.2px;line-height:1.04;margin:4px 0 12px;color:#16352b}
.ssg-safe{display:block;text-align:left;border:1px solid rgba(255,255,255,.7);border-radius:18px;padding:10px 13px;cursor:pointer;
 background:linear-gradient(145deg,rgba(220,243,230,.6),rgba(255,255,255,.28));box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.ssg-safe small{display:block;font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:#3c7d5e}
.ssg-safe strong{display:block;font:800 22px var(--display);letter-spacing:-1px;color:#1c5238;margin-top:2px}
.ssg-safe.needs{background:linear-gradient(145deg,rgba(255,231,212,.6),rgba(255,255,255,.28))}
.ssg-safe.needs small{color:#a85a2c}.ssg-safe.needs strong{font-size:18px;color:#8d462b}
.ssg-ring{position:relative;width:128px;height:128px;flex-shrink:0;border:0;background:transparent;cursor:pointer;padding:0;
 filter:drop-shadow(0 14px 26px rgba(70,57,41,.16))}
.ssg-ring svg{width:128px;height:128px;transform:rotate(-90deg)}
.ssg-ring-track{fill:none;stroke:rgba(255,255,255,.5);stroke-width:11}
.ssg-ring-fill{fill:none;stroke:url(#ssRingGrad);stroke-width:11;stroke-linecap:round;stroke-dasharray:327;
 stroke-dashoffset:calc(327 - 327 * var(--p) / 100);animation:ssRingSweep 1.25s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes ssRingSweep{from{stroke-dashoffset:327}}
.ssg-ring-core{position:absolute;inset:21px;border-radius:50%;display:grid;place-content:center;text-align:center;
 background:rgba(247,251,247,.78);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(10px);box-shadow:inset 0 1px 2px rgba(255,255,255,.9)}
.ssg-ring-core small{font-size:8px;color:#6d786f}
.ssg-ring-core strong{font:800 26px var(--display);letter-spacing:-1px;color:#d66600;line-height:1}
.ssg-ring-core em{font-style:normal;font-size:7px;color:#6f8b7c;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}
.ssg-ring-spark{position:absolute;top:4px;right:4px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
 color:#e08600;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.85);box-shadow:0 6px 14px rgba(210,130,0,.2);opacity:0}
.ssg-ring.celebrate .ssg-ring-spark{opacity:1;animation:ssSpark 2.4s ease-in-out infinite}
.ssg-ring.celebrate .ssg-ring-core strong{color:#1d9e6f}
@keyframes ssSpark{0%,100%{transform:scale(1) rotate(0);opacity:.85}50%{transform:scale(1.18) rotate(18deg);opacity:1}}
.ssg-ring:active{transform:scale(.97)}

.ssg-day3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ssg-chip{display:flex;flex-direction:column;align-items:center;gap:5px;padding:13px 6px;border-radius:20px;cursor:pointer;
 border:1px solid rgba(255,255,255,.7);background:linear-gradient(150deg,rgba(255,255,255,.42),rgba(255,255,255,.16));
 backdrop-filter:blur(20px) saturate(170%);box-shadow:0 10px 24px rgba(43,56,47,.07),inset 0 1px 0 rgba(255,255,255,.7);color:#3a4a41}
.ssg-chip i{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(255,151,38,.16);color:#ce6200}
.ssg-chip span{font-size:10px;font-weight:800}
.ssg-chip.done i{background:rgba(70,180,118,.18);color:#1d9e6f}
.ssg-chip.done{border-color:rgba(120,210,165,.55)}
.ssg-chip:active{transform:scale(.96)}

.ssg-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ssg-tile{position:relative;text-align:left;padding:15px;border-radius:24px;cursor:pointer;min-height:118px;
 border:1px solid rgba(255,255,255,.72);background:linear-gradient(150deg,rgba(255,255,255,.46),rgba(255,255,255,.16));
 backdrop-filter:blur(26px) saturate(180%);box-shadow:0 16px 36px rgba(47,77,66,.1),inset 0 1px 0 rgba(255,255,255,.78)}
.ssg-tile i{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;margin-bottom:10px;background:rgba(255,151,38,.15);color:#ce6200}
.ssg-tile strong{display:block;font:800 14px var(--display);color:#22382f}
.ssg-tile small{display:block;font-size:9px;color:#6f7d74;margin-top:3px}
.ssg-bar{display:block;height:6px;border-radius:6px;margin-top:10px;background:rgba(255,255,255,.5);overflow:hidden}
.ssg-bar span{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#ff9a3c,#3fbf86)}
.ssg-tile:active{transform:scale(.98)}

.ssg-paradise{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:13px;text-align:left;padding:14px 16px;border-radius:28px;cursor:pointer;
 border:1px solid rgba(255,255,255,.7);background:linear-gradient(150deg,rgba(255,239,210,.4),rgba(255,255,255,.16));
 backdrop-filter:blur(26px) saturate(180%);box-shadow:0 18px 40px rgba(80,60,30,.1),inset 0 1px 0 rgba(255,255,255,.75);color:#5b4a36}
.ssg-paradise-ring{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;
 background:conic-gradient(#f2913f calc(var(--p)*1%),rgba(255,255,255,.45) 0)}
.ssg-paradise-ring b{width:44px;height:44px;border-radius:50%;display:grid;place-content:center;background:rgba(255,250,243,.86);font:800 13px var(--display);color:#bd5b06}
.ssg-paradise-copy small{display:block;font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:#a8814c}
.ssg-paradise-copy strong{display:block;font:800 15px var(--display);letter-spacing:-.4px;color:#4a3826;margin-top:2px}
.ssg-paradise:active{transform:scale(.98)}
.ssg-questions{margin-top:1px}
@media(max-width:340px){.ssg-ring,.ssg-ring svg{width:108px;height:108px}.ssg-hero h1{font-size:24px}}

/* ── Home nudge banner ───────────────────────── */
.home-nudge{position:fixed;z-index:9000;bottom:calc(90px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%) translateY(28px);width:min(400px,calc(100% - 28px));opacity:0;transition:opacity .3s ease,transform .35s cubic-bezier(.2,.9,.3,1.1);pointer-events:none}
.home-nudge.show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
.home-nudge-card{background:rgba(255,255,255,.72);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid rgba(255,255,255,.85);border-radius:24px;box-shadow:0 20px 50px rgba(14,55,40,.18),inset 0 1px 0 rgba(255,255,255,.9);padding:16px 14px 14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;position:relative}
.home-nudge-spark{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#ff9a3c,#e35d2e);display:grid;place-items:center;color:white;flex:none;box-shadow:0 8px 18px rgba(227,93,46,.32)}
.home-nudge-copy{flex:1;min-width:0}
.home-nudge-copy strong{display:block;font:700 14px var(--display);color:#1b3028;letter-spacing:-.3px}
.home-nudge-copy small{display:block;font-size:11.5px;color:#5a7068;line-height:1.4;margin-top:2px}
.home-nudge-actions{display:flex;gap:8px;width:100%;margin-top:2px}
.home-nudge-actions button{flex:1;border:0;border-radius:13px;padding:10px 8px;font:700 12px var(--sans);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:.18s}
.home-nudge-actions button:first-child{background:linear-gradient(135deg,rgba(46,180,120,.18),rgba(46,180,120,.08));color:#15684c;border:1px solid rgba(46,180,120,.3)}
.home-nudge-actions button:last-child{background:linear-gradient(135deg,rgba(239,117,94,.18),rgba(239,117,94,.08));color:#8c3b2a;border:1px solid rgba(239,117,94,.3)}
.home-nudge-actions button:active{transform:scale(.96)}
.home-nudge-x{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:9px;border:0;background:rgba(0,0,0,.07);cursor:pointer;display:grid;place-items:center;color:#8a9991}
/* Home setup sheet helpers */
.home-status{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.6);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.7);border-radius:16px;padding:13px 15px;margin-bottom:14px;font-size:13px;font-weight:700;color:#8a9991}
.home-status.set{color:#1b6649;background:rgba(206,248,229,.5)}
.home-hint{display:flex;align-items:flex-start;gap:7px;font-size:11.5px;color:#8a9991;line-height:1.5;margin-top:12px;padding:0 2px}
.kona-purchase-list{display:grid;gap:6px}
.kona-purchase-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;padding:7px 11px;border-radius:13px;border:1px solid rgba(255,255,255,.44);background:rgba(255,255,255,.24);color:#2f4238;cursor:pointer}
.kona-purchase-row strong,.kona-purchase-row small,.kona-purchase-row b{display:block}.kona-purchase-row strong{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kona-purchase-row small{font-size:8.5px;color:#728078;margin-top:2px;line-height:1.3}.kona-purchase-row b{text-align:right;font-size:12.5px;color:#2d5d43;white-space:nowrap}.kona-purchase-row b small{font-size:7px;color:#728078}
.kona-purchase-row.needs-info{border-color:rgba(232,151,58,.55);background:rgba(232,151,58,.10)}
.needs-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e8973a;margin-right:5px;vertical-align:middle;box-shadow:0 0 0 3px rgba(232,151,58,.18)}
.kona-card{display:grid;gap:0}
.kona-card.open{border:1px solid rgba(45,93,67,.35);border-radius:14px;background:rgba(255,255,255,.46);overflow:hidden}
.kona-card.open .kona-card-head{border:0;background:transparent;border-radius:0}
.kona-card-head{width:100%}
.kona-card-body{padding:2px 11px 11px;display:grid;gap:9px}
.kona-card-body .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.kona-card-body .field{display:flex;flex-direction:column;gap:3px}
.kona-card-body label{font-size:8px;color:#8a7a63;text-transform:uppercase;letter-spacing:.06em;margin:0}
.kona-card-body input,.kona-card-body select{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:9px;padding:7px 8px;font-size:12px;color:#2f4238;font-family:inherit;width:100%}
.kona-card-body .kona-purchase-calc{margin:2px 0}
.kona-card-body .btn{margin-top:2px}
.kona-dish-breakdown{display:grid;gap:4px;margin-bottom:2px}
.kona-dish-line{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#5a6b60}
.kona-dish-line b{color:#2d5d43;white-space:nowrap}
.kona-purchase-calc{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.kona-purchase-calc span{padding:11px;border-radius:15px;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.45);font-size:9px;color:#657168}.kona-purchase-calc strong{display:block;margin-top:4px;font:800 15px var(--display);color:#2d4638}
@media(max-width:420px){.kona-purchase-calc{grid-template-columns:1fr}}
.kona-recipe-lines{display:grid;gap:8px;margin:13px 0}.kona-recipe-line{display:grid;grid-template-columns:1fr 92px 96px;gap:8px;padding:9px;border-radius:16px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.38)}
@media(max-width:420px){.kona-recipe-line{grid-template-columns:1fr}.kona-recipes .kona-purchase-row{grid-template-columns:1fr}.kona-recipes .kona-purchase-row b{text-align:left}}
.kona-panel-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.receipt-capture{display:grid;place-items:center;text-align:center;gap:6px;padding:18px;border-radius:18px;border:1px dashed rgba(90,105,96,.38);background:rgba(255,255,255,.25);cursor:pointer;color:#31443a}.receipt-capture input{position:absolute;width:1px;height:1px;opacity:0}.receipt-capture strong{font-size:12px}.receipt-capture small{font-size:9px;color:#748078}.receipt-preview{margin:12px 0;padding:12px;border-radius:16px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.44);font-size:10px;color:#718078}.receipt-preview img{display:block;width:100%;max-height:260px;object-fit:contain;border-radius:12px;margin-bottom:8px;background:#fff}.receipt-preview.empty{display:grid;place-items:center;min-height:72px}.receipt-ai-note{display:grid;gap:4px;margin:10px 0 14px;padding:11px 12px;border-radius:15px;background:rgba(255,236,204,.24);border:1px solid rgba(255,255,255,.45);color:#6c5a3e}.receipt-ai-note strong{font-size:10px}.receipt-ai-note span{font-size:9px;line-height:1.4;color:#746c5e}
@media(max-width:420px){.kona-panel-actions{justify-content:flex-start}.kona-panel-actions .kona-edit-btn{flex:1}}

.receipt-camera-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.receipt-file-btn{position:relative;overflow:hidden;display:grid;place-items:center}.receipt-file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.receipt-camera-box{display:grid;gap:9px;margin:10px 0}.receipt-camera-box.hidden{display:none}.receipt-camera-box video{display:block;width:100%;height:auto;max-height:74vh;object-fit:contain;border-radius:16px;background:#18221d}.receipt-camera-box>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:420px){.receipt-camera-actions,.receipt-camera-box>div{grid-template-columns:1fr}}

.receipt-ai-status{margin:8px 0 10px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.26);border:1px solid rgba(255,255,255,.46);font-size:10px;line-height:1.45;color:#496057}

.receipt-items-preview{margin:8px 0 12px;padding:11px 12px;border-radius:14px;background:rgba(230,247,238,.42);border:1px solid rgba(92,137,111,.28);font-size:10px;color:#2f5140}.receipt-items-preview.hidden{display:none}.receipt-items-preview strong{display:block;margin-bottom:7px;color:#244535}.receipt-items-preview ul,.receipt-item-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}.receipt-items-preview li,.receipt-item-list li{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start;padding:8px 9px;border-radius:11px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.48)}.receipt-items-preview b,.receipt-item-list b{white-space:nowrap;color:#2f6a48}.receipt-detail-panel{display:grid;gap:10px;margin:0 0 14px;padding:12px;border-radius:16px;background:rgba(241,248,244,.62);border:1px solid rgba(117,151,130,.24)}.receipt-detail-head{display:grid;grid-template-columns:1fr 82px;gap:10px;align-items:start}.receipt-detail-head h3{margin:2px 0 3px;font:800 17px var(--display);color:#253f32}.receipt-detail-head p{margin:0;font-size:10px;color:#617266}.receipt-detail-head img{width:82px;height:96px;object-fit:cover;border-radius:12px;background:#fff;border:1px solid rgba(90,105,96,.18)}.receipt-item-list strong{font-size:11px;color:#263c31}.receipt-item-list small{display:block;margin-top:2px;font-size:9px;color:#6d7a70}.receipt-raw{font-size:10px;color:#4d5d54}.receipt-raw summary{cursor:pointer;font-weight:800}.receipt-raw pre{max-height:210px;overflow:auto;white-space:pre-wrap;margin:8px 0 0;padding:10px;border-radius:12px;background:rgba(255,255,255,.55);font:10px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;color:#35443c}
@media(max-width:420px){.receipt-detail-head{grid-template-columns:1fr}.receipt-detail-head img{width:100%;height:150px;object-fit:contain}.receipt-items-preview li,.receipt-item-list li{grid-template-columns:1fr}.receipt-items-preview b,.receipt-item-list b{white-space:normal}}


/* ── Voice input button ── */
.voice-btn{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:none;background:rgba(255,255,255,.55);box-shadow:0 2px 8px rgba(0,0,0,.10);cursor:pointer;display:grid;place-items:center;color:#2f5140;transition:background .15s,transform .1s}
.voice-btn:active{transform:scale(.91);background:rgba(255,255,255,.8)}
.voice-pulse{display:block;width:14px;height:14px;border-radius:50%;background:#e35d2e;animation:voicePulse .7s ease-in-out infinite alternate}
@keyframes voicePulse{from{transform:scale(.8);opacity:.6}to{transform:scale(1.2);opacity:1}}
.quick-amount{display:flex;align-items:center;gap:8px}
.quick-amount input[name="amount"]{flex:1}

/* ── Gift scratch card (RS home) ── */
.gift-scratch-card{width:100%;margin-bottom:14px;border:none;padding:0;cursor:pointer;border-radius:20px;overflow:hidden;background:linear-gradient(115deg,#2f735d,#164b3b);box-shadow:0 8px 24px rgba(22,75,59,.32);position:relative}
.gift-scratch-inner{display:flex;align-items:center;gap:14px;padding:16px 18px;position:relative;z-index:1}
.gift-scratch-emoji{font-size:32px;line-height:1;flex-shrink:0}
.gift-scratch-left{display:flex;align-items:center;gap:14px;color:#fff}
.gift-scratch-left strong{display:block;font:700 16px var(--display);color:#fff}
.gift-scratch-left span{font-size:12px;color:rgba(255,255,255,.72)}
.gift-scratch-shimmer{position:absolute;right:0;top:0;bottom:0;width:55%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06) 40%,rgba(255,255,255,.14) 50%,rgba(255,255,255,.06) 60%,transparent);animation:shimmer 2.2s linear infinite}
@keyframes shimmer{from{transform:translateX(-40%)}to{transform:translateX(40%)}}

/* ── Gift reveal sheet ── */
.gift-reveal{text-align:center;padding-bottom:calc(env(safe-area-inset-bottom,0px)+24px)}
.gift-reveal-head{padding:20px 20px 12px}
.gift-emoji{font-size:52px;line-height:1;margin-bottom:8px}
.gift-reveal h2{margin:0 0 4px;font:800 24px var(--display)}
.gift-total{margin:0 0 12px;font-size:18px;font-weight:700;color:#164b3b}
.gift-lines{display:grid;gap:8px;margin:0 20px 18px;text-align:left}
.gift-line{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:14px;background:rgba(223,242,231,.6);border:1px solid rgba(46,115,93,.18);font-size:14px}
.gift-line strong{font-size:15px;font-weight:700;color:#154b3a;margin-right:4px}
.gift-dream{margin:0 20px 16px;font-size:13px;color:#5a6b60}

/* ── Receipt capture tip ── */
.receipt-shoot-tip{margin:2px 0 10px;padding:9px 12px;border-radius:13px;background:rgba(255,236,204,.30);border:1px solid rgba(255,255,255,.45);font-size:10.5px;line-height:1.45;color:#6c5a3e}
.receipt-camera-actions .receipt-file-btn{display:flex;align-items:center;justify-content:center;gap:6px}
.receipt-cam-label{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}
.receipt-cam-label input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}

/* ── Supplier recognition note (receipt scan) ── */
.receipt-supplier-note{margin:8px 0 10px;padding:11px 12px;border-radius:14px;background:rgba(223,242,231,.55);border:1px solid rgba(46,115,93,.30);color:#234b3a}
.receipt-supplier-note.hidden{display:none}
.receipt-supplier-note strong{display:flex;align-items:center;gap:6px;font-size:12px;color:#1a4b38}
.receipt-supplier-note small{display:block;margin-top:3px;font-size:10px;color:#5a6b60}
.supplier-flags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.supplier-flags span{font-size:10px;font-weight:700;color:#9a3b18;background:rgba(255,236,204,.55);border:1px solid rgba(227,93,46,.30);border-radius:9px;padding:4px 8px}

/* KONA sunset glass direction - restore point: RUSHRI 2.0 Claude - LOCKED BEFORE KONA GLASS 20260701-121001 */
:root{
  --kona-ink:#1d221d;
  --kona-soft:#f7efe0;
  --kona-glass:rgba(255,255,255,.34);
  --kona-glass-strong:rgba(255,255,255,.54);
  --kona-border:rgba(255,255,255,.58);
  --kona-shadow:0 22px 54px rgba(38,43,34,.18),inset 0 1px 0 rgba(255,255,255,.72);
  --accent:#ff8a1d;
  --accent-soft:#ffc46b;
  --ink:#18231d;
  --muted:#59635b;
  --green:#1e4f3f;
  --green-2:#d86a00;
  --paper:#b7b7a6;
  --surface:rgba(255,255,255,.48);
  --line:rgba(255,255,255,.56);
}
html{background:#9fa493}
body{
  color:var(--kona-ink);
  background:#a8aa98;
  background-image:
    linear-gradient(180deg,rgba(46,57,45,.16),rgba(238,224,195,.12) 42%,rgba(94,87,70,.24)),
    radial-gradient(circle at 16% 28%,rgba(255,220,142,.64),transparent 24%),
    radial-gradient(circle at 78% 20%,rgba(255,255,255,.26),transparent 26%),
    linear-gradient(135deg,#7f8c79 0%,#b9b79f 43%,#e4d6b8 58%,#927d67 100%);
  background-attachment:fixed;
}
body:before{
  content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 12%,rgba(255,255,255,.18) 12% 12.2%,transparent 12.2% 31%,rgba(255,255,255,.14) 31% 31.2%,transparent 31.2% 50%,rgba(255,255,255,.16) 50% 50.2%,transparent 50.2% 69%,rgba(255,255,255,.14) 69% 69.2%,transparent 69.2% 88%,rgba(255,255,255,.18) 88% 88.2%,transparent 88.2%) 0 0/100% 48% no-repeat,
    linear-gradient(180deg,rgba(48,58,48,.12) 0 48%,rgba(255,244,218,.18) 48% 64%,rgba(64,57,47,.2) 64%);
}
body:after{
  content:"";position:fixed;inset:-2%;z-index:-2;pointer-events:none;
  background:
    radial-gradient(circle at 21% 33%,rgba(255,247,224,.8),transparent 19%),
    radial-gradient(circle at 72% 38%,rgba(255,177,64,.28),transparent 21%),
    linear-gradient(110deg,rgba(255,255,255,.08),rgba(255,249,230,.22) 44%,transparent 72%);
  filter:blur(18px) saturate(116%);
}
.app-shell{
  max-width:1180px;
  background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,247,224,.1));
  border:1px solid rgba(255,255,255,.34);
  backdrop-filter:blur(22px) saturate(128%);
  box-shadow:0 34px 88px rgba(38,43,34,.24),inset 0 1px 0 rgba(255,255,255,.45);
}
.topbar{background:linear-gradient(180deg,rgba(57,65,54,.24),rgba(255,255,255,0));backdrop-filter:blur(16px) saturate(125%)}
.brand,.brand small{color:white;text-shadow:0 2px 14px rgba(27,34,27,.26)}
.brand-mark,.finance-logo-mark{background:linear-gradient(145deg,rgba(255,172,54,.92),rgba(230,99,0,.82))!important;color:white!important;border:1px solid rgba(255,255,255,.52)!important;box-shadow:0 12px 28px rgba(210,92,0,.28),inset 0 1px 0 rgba(255,255,255,.52)!important}
.icon-btn,.close-btn,.quick span{
  background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(255,255,255,.16));
  border:1px solid rgba(255,255,255,.54);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 10px 24px rgba(39,45,36,.1);
  backdrop-filter:blur(18px) saturate(132%);
}
.hero,.entity-hero,.welcome-art{
  background:
    linear-gradient(135deg,rgba(52,63,52,.2),rgba(255,242,212,.09)),
    linear-gradient(145deg,rgba(255,255,255,.26),rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.42);
  color:white;
  backdrop-filter:blur(18px) saturate(124%);
  box-shadow:0 24px 58px rgba(40,47,38,.18),inset 0 1px 0 rgba(255,255,255,.42);
}
.hero{min-height:318px;border-radius:30px;overflow:hidden}.hero:before{background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 72%)}
.hero h1,.entity-hero h1,.welcome-copy h1{color:white;text-shadow:0 4px 24px rgba(30,36,29,.3)}
.hero p,.entity-hero p,.welcome-copy p{color:rgba(255,255,255,.78)}
.hero .eyebrow,.welcome-copy .eyebrow{color:rgba(255,240,211,.86)}
.level-pill,.game-hero .stage-kicker,.login-lock{
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.28);
  color:#fff;
  backdrop-filter:blur(16px) saturate(125%);
}
.metric,.settlement-card,.activity-list,.ledger-card,.stat-card,.more-card,.member-pill,.profile-choice,.receipt-detail-panel,.receipt-preview,.receipt-ai-status,.receipt-ai-note,.kona-panel,.kona-card,.daily-calm,.home-nudge-card,.reminder-card,.journey-board,.biometric-card,.biometric-login,.csv-drop,.import-row{
  background:linear-gradient(145deg,rgba(255,255,255,.46),rgba(255,255,255,.17));
  border:1px solid rgba(255,255,255,.58);
  box-shadow:var(--kona-shadow);
  backdrop-filter:blur(24px) saturate(142%);
}
.metric,.ledger-card,.more-card,.stat-card{border-radius:22px}.activity-list{border-radius:24px}.venture-card{border-radius:22px;border:1px solid rgba(255,255,255,.5);box-shadow:0 18px 38px rgba(42,47,37,.13),inset 0 1px 0 rgba(255,255,255,.64)}
.venture-card.kona{background:linear-gradient(145deg,rgba(255,186,88,.68),rgba(255,255,255,.2))}.venture-card.home,.venture-card.family{background:linear-gradient(145deg,rgba(255,255,255,.4),rgba(255,255,255,.14))}
.btn-primary,.nav-add,.hero-btn{background:linear-gradient(145deg,#ffad39,#ef7100)!important;color:#fff!important;border:1px solid rgba(255,255,255,.44)!important;box-shadow:0 14px 30px rgba(219,93,0,.28),inset 0 1px 0 rgba(255,255,255,.45)!important}
.btn-light,.btn-ghost,.btn-danger,.chip,.text-btn{
  background:rgba(255,255,255,.28);
  border:1px solid rgba(255,255,255,.55);
  color:#4b3827;
  backdrop-filter:blur(18px) saturate(130%);
}
.chip.active,.type-tab.active{background:rgba(255,255,255,.58);color:#d36500;border-color:rgba(255,255,255,.7)}
.bottom-nav{
  background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(255,255,255,.16));
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 20px 52px rgba(31,54,44,.2),inset 0 1px 0 rgba(255,255,255,.78);
  backdrop-filter:blur(32px) saturate(155%);
}
.nav-btn{color:#686f68}.nav-btn.active{color:#df6b00}.nav-btn.active svg{filter:drop-shadow(0 4px 8px rgba(223,107,0,.25))}
.screen-header h1,.section-head h2,.metric-value,.settlement-amount strong,.ledger-card .amount,.stat-card strong,.more-card h3,.activity h4,.login-box h2,.journey-board-head h2{color:#19241e}
.subtitle,.screen-header p,.metric-note,.activity p,.ledger-card p,.more-card p,.login-box>p{color:#5b645d}
.field input,.field select,.field textarea,.amount-wrap,.type-tabs,.search-box input{
  background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(255,255,255,.18));
  border:1px solid rgba(255,255,255,.62);
  color:#1d2a22;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  backdrop-filter:blur(20px) saturate(135%);
}
.sheet{
  background:linear-gradient(155deg,rgba(255,251,239,.74),rgba(225,218,194,.5));
  border:1px solid rgba(255,255,255,.62);
  backdrop-filter:blur(40px) saturate(148%);
}
.welcome{background:linear-gradient(165deg,rgba(92,104,89,.44),rgba(217,207,179,.28) 55%,rgba(246,233,210,.32));backdrop-filter:blur(18px) saturate(116%)}
.login-box{background:linear-gradient(145deg,rgba(255,255,255,.44),rgba(255,255,255,.16));border-color:rgba(255,255,255,.62);box-shadow:0 24px 56px rgba(36,43,34,.18),inset 0 1px 0 rgba(255,255,255,.76)}
.receipt-items-preview,.receipt-item-list li{background:rgba(255,255,255,.32);border-color:rgba(255,255,255,.52)}
@media(min-width:801px){.topbar{background:linear-gradient(180deg,rgba(57,65,54,.22),transparent)}}
@media(max-width:520px){.app-shell{background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,247,224,.07));border:0;box-shadow:none}.hero{min-height:300px;border-radius:28px}.bottom-nav{bottom:12px}}

/* KONA glass readability pass for RS home */
.ss-hello{
  background:linear-gradient(145deg,rgba(48,60,49,.34),rgba(255,244,214,.13))!important;
  border:1px solid rgba(255,255,255,.45)!important;
  box-shadow:0 22px 50px rgba(37,45,35,.18),inset 0 1px 0 rgba(255,255,255,.45)!important;
}
.ss-hello h1{color:#fff!important;text-shadow:0 4px 22px rgba(20,27,20,.45);font-weight:900}
.ss-hello p{color:rgba(255,255,255,.88)!important;text-shadow:0 2px 12px rgba(20,27,20,.36);font-weight:700}
.ss-hello .eyebrow{color:rgba(255,234,199,.9)!important;text-shadow:0 2px 10px rgba(20,27,20,.25)}
.ss-metric,.ss-work-card,.ss-simple-card,.ss-list-card,.ss-sh-card,.ss-glass-card{
  background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(255,255,255,.19))!important;
  border:1px solid rgba(255,255,255,.6)!important;
  box-shadow:0 18px 42px rgba(40,47,38,.13),inset 0 1px 0 rgba(255,255,255,.72)!important;
  backdrop-filter:blur(24px) saturate(140%);
}
.ss-metric small,.ss-work-card p,.ss-simple-card p,.ss-list-card p{color:#59635b!important}.ss-metric strong,.ss-work-card h3,.ss-simple-card h3,.ss-list-card h3{color:#19241e!important}

/* KONA glass owner home selectors */
.owner-hero{
  background:linear-gradient(145deg,rgba(48,60,49,.34),rgba(255,244,214,.13))!important;
  border:1px solid rgba(255,255,255,.45)!important;
  box-shadow:0 22px 50px rgba(37,45,35,.18),inset 0 1px 0 rgba(255,255,255,.45)!important;
  backdrop-filter:blur(22px) saturate(130%)!important;
}
.owner-hero h1{color:#fff!important;text-shadow:0 4px 22px rgba(20,27,20,.45);font-weight:900!important}.owner-hero p{color:rgba(255,255,255,.88)!important;text-shadow:0 2px 12px rgba(20,27,20,.36);font-weight:700!important}.owner-hero .eyebrow{color:rgba(255,234,199,.9)!important;text-shadow:0 2px 10px rgba(20,27,20,.25)}
.owner-totals>*,.owner-work-card,.owner-card,.owner-list,.owner-section-card{
  background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(255,255,255,.19))!important;
  border:1px solid rgba(255,255,255,.6)!important;
  box-shadow:0 18px 42px rgba(40,47,38,.13),inset 0 1px 0 rgba(255,255,255,.72)!important;
  backdrop-filter:blur(24px) saturate(140%)!important;
}
.owner-totals small,.owner-work-card p,.owner-card p{color:#59635b!important}.owner-totals strong,.owner-work-card h3,.owner-card h3{color:#19241e!important}

/* Designer photo-glass pass from 2026-07-01 mockup */
:root{
  --mock-glass:rgba(255,255,255,.38);
  --mock-glass-soft:rgba(255,255,255,.22);
  --mock-glass-strong:rgba(255,255,255,.62);
  --mock-border:rgba(255,255,255,.62);
  --mock-ink:#1b211d;
  --mock-muted:#5f665f;
  --mock-shadow:0 24px 60px rgba(29,34,28,.18),inset 0 1px 0 rgba(255,255,255,.75);
  --accent:#ff9328;
  --green:#1f4c3d;
  --green-2:#d86a00;
  --ink:var(--mock-ink);
  --muted:var(--mock-muted);
  --surface:rgba(255,255,255,.46);
  --line:rgba(255,255,255,.58);
}
html{background:#a9aca2}
body{
  background-color:#a9aca2;
  background-image:
    linear-gradient(180deg,rgba(20,30,22,.34),rgba(226,238,228,.06) 44%,rgba(24,38,28,.40)),
    radial-gradient(circle at 76% 18%,rgba(150,210,160,.30),transparent 26%),
    url('assets/rushri-app-bg.jpg');
  background-size:cover,cover,cover;
  background-position:center,center,center top;
  background-attachment:fixed;
}
body:before{
  content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 32%,rgba(0,0,0,.22));
  background-size:cover;
  background-position:center;
  mix-blend-mode:soft-light;
  opacity:.5;
}
body:after{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(circle at 18% 20%,rgba(230,255,236,.30),transparent 20%),
    radial-gradient(circle at 82% 12%,rgba(150,220,160,.26),transparent 19%),
    linear-gradient(90deg,rgba(255,255,255,.10),rgba(255,255,255,.04) 52%,rgba(0,0,0,.10));
  backdrop-filter:blur(3px) saturate(116%);
}
.app-shell{
  background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.07))!important;
  border:1px solid rgba(255,255,255,.35)!important;
  backdrop-filter:blur(20px) saturate(125%)!important;
  box-shadow:0 38px 100px rgba(25,32,26,.28),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
.topbar{background:linear-gradient(180deg,rgba(42,49,42,.36),rgba(42,49,42,0))!important;backdrop-filter:blur(16px) saturate(128%)!important}.brand{color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.34)}
.sun-logo,.sun-logo-small,.brand-mark,.finance-logo-mark{box-shadow:0 10px 28px rgba(255,141,36,.32),inset 0 1px 0 rgba(255,255,255,.6)!important}
.icon-btn,.avatar,.close-btn,.quick span{
  background:linear-gradient(145deg,rgba(255,255,255,.42),rgba(255,255,255,.13))!important;
  border:1px solid rgba(255,255,255,.56)!important;
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 12px 30px rgba(25,31,26,.16)!important;
  backdrop-filter:blur(22px) saturate(140%)!important;
}
.hero,.owner-hero,.ss-hello,.entity-hero,.welcome-art,.game-hero{
  min-height:clamp(280px,38vh,410px);
  background:
    linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08)),
    linear-gradient(145deg,rgba(36,43,36,.32),rgba(255,233,190,.1))!important;
  border:1px solid rgba(255,255,255,.5)!important;
  border-radius:34px!important;
  box-shadow:0 26px 70px rgba(24,30,24,.22),inset 0 1px 0 rgba(255,255,255,.58)!important;
  backdrop-filter:blur(22px) saturate(135%)!important;
  overflow:hidden;
}
.hero:before,.owner-hero:before,.ss-hello:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 54%);pointer-events:none}.hero:after{display:none!important}
.hero h1,.owner-hero h1,.ss-hello h1,.entity-hero h1,.welcome-copy h1{color:#fff!important;text-shadow:0 5px 28px rgba(0,0,0,.42)!important;letter-spacing:-1.6px}.hero p,.owner-hero p,.ss-hello p,.entity-hero p,.welcome-copy p{color:rgba(255,255,255,.88)!important;text-shadow:0 2px 14px rgba(0,0,0,.38)!important;font-weight:700}.eyebrow,.hero .eyebrow,.owner-hero .eyebrow,.ss-hello .eyebrow{color:rgba(255,241,216,.9)!important;text-shadow:0 2px 12px rgba(0,0,0,.28)}
.metric,.settlement-card,.activity-list,.ledger-card,.stat-card,.more-card,.member-pill,.profile-choice,.venture-card,.owner-totals>*,.owner-work-card,.owner-card,.owner-list,.owner-section-card,.ss-metric,.ss-work-card,.ss-simple-card,.ss-list-card,.ss-sh-card,.ss-glass-card,.kona-panel,.kona-card,.receipt-detail-panel,.receipt-preview,.receipt-ai-status,.receipt-ai-note,.daily-calm,.home-nudge-card,.reminder-card,.journey-board,.biometric-card,.biometric-login,.csv-drop,.import-row{
  background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(255,255,255,.2))!important;
  border:1px solid rgba(255,255,255,.68)!important;
  box-shadow:var(--mock-shadow)!important;
  backdrop-filter:blur(28px) saturate(150%)!important;
}
.metric,.owner-totals>*,.stat-card{border-radius:20px!important}.venture-card,.owner-work-card,.profile-choice,.ledger-card,.more-card,.kona-panel{border-radius:24px!important}.activity-list{border-radius:26px!important}
.metric-icon,.venture-icon,.activity-icon,.more-icon,.receipt-item-list li,.daily-action,.stage-node>span{background:rgba(255,255,255,.32)!important;border:1px solid rgba(255,255,255,.48)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.62)!important}
.metric-value,.settlement-amount strong,.ledger-card .amount,.stat-card strong,.owner-totals strong,.ss-metric strong,.activity h4,.more-card h3,.section-head h2,.screen-header h1,.kona-panel h2,.kona-card h3{color:#18211d!important;text-shadow:none!important}.metric-note,.activity p,.ledger-card p,.more-card p,.owner-totals small,.owner-work-card p,.ss-metric small,.kona-panel p{color:#62685f!important}
.btn-primary,.nav-add,.hero-btn,.login-primary{background:linear-gradient(145deg,#ffad43,#f27000)!important;color:#fff!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 16px 34px rgba(223,101,0,.32),inset 0 1px 0 rgba(255,255,255,.48)!important}.btn-light,.btn-ghost,.btn-danger,.chip,.text-btn,.level-pill{background:rgba(255,255,255,.34)!important;border:1px solid rgba(255,255,255,.62)!important;color:#4b3c2f!important;backdrop-filter:blur(20px) saturate(140%)!important}.chip.active,.type-tab.active{background:rgba(255,255,255,.68)!important;color:#d86500!important}
.field input,.field select,.field textarea,.amount-wrap,.type-tabs,.search-box input,.quick-amount,input,select,textarea{
  background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(255,255,255,.22))!important;
  border:1px solid rgba(255,255,255,.7)!important;
  color:#1c251f!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.74)!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
}
.bottom-nav{
  height:68px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(255,255,255,.18))!important;
  border:1px solid rgba(255,255,255,.7)!important;
  border-radius:999px!important;
  box-shadow:0 24px 60px rgba(20,30,24,.22),inset 0 1px 0 rgba(255,255,255,.82)!important;
  backdrop-filter:blur(34px) saturate(165%)!important;
}
.nav-btn{color:#5f665f!important}.nav-btn.active{color:#e06b00!important}.nav-add{border-radius:50%!important;border:1px solid rgba(255,255,255,.7)!important}
.sheet,.login-box{
  background:linear-gradient(155deg,rgba(255,255,255,.66),rgba(255,255,255,.28))!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 28px 76px rgba(24,31,25,.24),inset 0 1px 0 rgba(255,255,255,.78)!important;
  backdrop-filter:blur(42px) saturate(160%)!important;
}
.welcome{background:transparent!important}.welcome-panel{backdrop-filter:none}.welcome-art{background-image:linear-gradient(180deg,rgba(255,255,255,.12),rgba(0,0,0,.20)),url('assets/rushri-app-bg.jpg')!important;background-size:cover!important;background-position:center top!important}.login-box h2{color:#17211c!important}.login-box>p{color:#5a625b!important}
@media(min-width:900px){body{padding:18px 0}.app-shell{width:min(430px,100%);min-height:calc(100dvh - 36px);border-radius:48px!important;overflow:hidden}.topbar{padding-left:16px;padding-right:16px}.bottom-nav{width:min(390px,calc(100% - 30px))!important}}
@media(max-width:520px){body{background-position:center top}.app-shell{background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.06))!important}.hero,.owner-hero,.ss-hello{min-height:260px;border-radius:30px!important}.bottom-nav{width:calc(100% - 22px)!important}}

/* Expense Studio: isolated shared project and asset planner */
.person-expense>span{background:linear-gradient(145deg,#34776c,#183f39)!important;box-shadow:0 10px 22px rgba(24,73,64,.24)!important}
.expense-studio{display:grid;gap:14px;padding-bottom:20px;color:#1b2a23}
.expense-studio button{font-family:inherit}
.expense-hero,.expense-detail-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;min-height:205px;padding:25px;border-radius:30px;background:linear-gradient(145deg,rgba(21,72,61,.94),rgba(44,118,99,.78)),url('assets/rushri-app-bg.jpg') center/cover;color:#fff;box-shadow:0 22px 48px rgba(22,62,51,.22)}
.expense-hero:after,.expense-detail-hero:after{content:"";position:absolute;width:190px;height:190px;border:45px solid rgba(255,226,165,.1);border-radius:50%;right:-90px;top:-100px;pointer-events:none}
.expense-hero>*,.expense-detail-hero>*{position:relative;z-index:1}
.expense-hero h1,.expense-detail-hero h1{margin:5px 0 8px;font:800 33px/1 var(--display);letter-spacing:-1.6px;color:#fff!important}
.expense-hero p,.expense-detail-hero p{max-width:250px;margin:0;color:rgba(255,255,255,.76)!important;font-size:10px;line-height:1.55}
.expense-hero .btn{flex:0 0 auto;padding:11px 13px;border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.18);backdrop-filter:blur(12px)}
.expense-detail-hero{min-height:174px;align-items:center}
.expense-detail-hero>button{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.38);border-radius:15px;background:rgba(255,255,255,.15);color:#fff;cursor:pointer}
.expense-spend-card{display:grid;grid-template-columns:132px minmax(0,1fr);gap:15px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.72);border-radius:27px;background:radial-gradient(circle at 8% 10%,rgba(255,226,167,.38),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.7),rgba(229,239,219,.46));box-shadow:0 17px 36px rgba(34,61,49,.12),inset 0 1px 0 rgba(255,255,255,.84)}
.expense-money-orbit{position:relative;width:146px;min-height:146px;display:grid;align-items:start}
.expense-spend-ring{position:relative;width:132px;height:132px;padding:0;border:0;background:transparent;cursor:pointer}.expense-spend-ring svg{width:132px;height:132px;transform:rotate(-90deg)}.expense-spend-track,.expense-spend-fill{fill:none;stroke-width:10}.expense-spend-track{stroke:rgba(47,87,73,.13)}.expense-spend-fill{stroke:url(#expenseSpendGradient);stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:calc(327 - (327 * var(--p))/100);transition:stroke-dashoffset .45s ease}.expense-spend-ring:active{transform:scale(.97)}
.expense-spend-core{position:absolute;inset:20px;display:grid;place-content:center;text-align:center;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(250,251,242,.86);box-shadow:0 7px 22px rgba(34,70,57,.12),inset 0 1px 0 #fff}.expense-spend-core small,.expense-spend-core strong,.expense-spend-core em{display:block}.expense-spend-core small{color:#52645a;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.45px}.expense-spend-core strong{max-width:88px;margin:4px auto;color:#bd6328;font:800 13px/1.15 var(--display);overflow-wrap:anywhere}.expense-spend-core em{color:#557166;font-size:7px;font-style:normal}.expense-spend-card.level-good .expense-spend-core strong{color:#24735c}
.expense-incoming-orbit{position:absolute;right:-1px;bottom:0;width:64px;height:64px;padding:6px;border:0;border-radius:50%;background:conic-gradient(from -90deg,#58bcc2 calc(var(--p)*1%),rgba(111,179,181,.15) 0);box-shadow:0 0 0 4px rgba(246,252,246,.88),0 0 20px rgba(76,178,183,.42),0 10px 20px rgba(41,92,79,.18);cursor:pointer;animation:expenseIncomingGlow 3.2s ease-in-out infinite}.expense-incoming-orbit:before{content:"";position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle at 33% 25%,rgba(255,255,255,.98),rgba(221,245,238,.94));box-shadow:inset 0 1px 0 #fff}.expense-incoming-orbit>span{position:relative;z-index:1;display:grid;place-content:center;height:100%;color:#286d70;text-align:center}.expense-incoming-orbit small,.expense-incoming-orbit strong,.expense-incoming-orbit em{display:block}.expense-incoming-orbit small{font-size:6px;font-weight:900;letter-spacing:.5px;text-transform:uppercase}.expense-incoming-orbit strong{max-width:48px;margin:2px auto;font:800 8px/1.05 var(--display);overflow-wrap:anywhere}.expense-incoming-orbit em{font-size:5.5px;font-style:normal;color:#55766e}.expense-incoming-orbit.is-complete{background:conic-gradient(#55a982 0 100%);box-shadow:0 0 0 4px rgba(246,252,246,.88),0 0 16px rgba(72,163,124,.34),0 10px 20px rgba(41,92,79,.15)}.expense-incoming-orbit:active{transform:scale(.95)}@keyframes expenseIncomingGlow{50%{filter:brightness(1.06);box-shadow:0 0 0 4px rgba(246,252,246,.92),0 0 27px rgba(76,178,183,.55),0 10px 20px rgba(41,92,79,.18)}}
.expense-spend-copy{min-width:0}.expense-spend-copy>small{color:#a15e26;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.65px}.expense-spend-copy h2{margin:4px 0 5px;color:#1d3128;font:800 19px/1.05 var(--display);letter-spacing:-.5px}.expense-spend-copy>p{margin:0;color:#3e5449;font-size:10px;line-height:1.45}.expense-spend-copy>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.expense-spend-copy>div span{min-width:0;padding:7px 8px;border-radius:11px;background:rgba(255,255,255,.55)}.expense-spend-copy>div small,.expense-spend-copy>div strong{display:block}.expense-spend-copy>div small{color:#65756c;font-size:7px}.expense-spend-copy>div strong{margin-top:2px;overflow:hidden;color:#29463b;font-size:9px;text-overflow:ellipsis}.expense-spend-copy>button{margin-top:8px;padding:0;border:0;background:transparent;color:#286552;font-size:9px;font-weight:900;cursor:pointer}
.expense-incoming-overview{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-top:2px}.expense-incoming-overview>button{min-width:0;padding:9px 8px;border:1px solid rgba(255,255,255,.74);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.61),rgba(216,240,229,.42));color:#29473c;text-align:left;cursor:pointer}.expense-incoming-overview small,.expense-incoming-overview strong,.expense-incoming-overview em{display:block}.expense-incoming-overview small{color:#60756b;font-size:7px;font-weight:900;text-transform:uppercase}.expense-incoming-overview strong{margin-top:3px;overflow:hidden;font:800 10px var(--display);text-overflow:ellipsis}.expense-incoming-overview em{margin-top:2px;color:#3b7769;font-size:6.5px;font-style:normal}.expense-incoming-overview>button:last-child{box-shadow:inset 0 0 14px rgba(82,190,190,.1)}.expense-incoming-overview>button:last-child strong{color:#286d70}
.expense-spend-help{margin:0 0 13px;color:#3f554a;font-size:11px;line-height:1.55}
.expense-receive-card{background:radial-gradient(circle at 92% 8%,rgba(108,188,193,.23),transparent 40%),linear-gradient(145deg,rgba(241,250,245,.78),rgba(213,234,222,.54))}.expense-receive-fill{stroke:url(#expenseReceiveGradient)}.expense-receive-core strong,.expense-receive-card.level-good .expense-receive-core strong{color:#286d70}.expense-receive-copy>small{color:#31757a}
.expense-receive-peek{grid-column:1/-1;display:grid;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:17px;background:rgba(255,255,255,.4)}.expense-receive-peek>button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border:0;border-bottom:1px solid rgba(45,91,76,.09);background:transparent;color:#263d34;text-align:left;cursor:pointer}.expense-receive-peek>button:last-child{border-bottom:0}.expense-receive-peek span{min-width:0}.expense-receive-peek strong,.expense-receive-peek small,.expense-receive-peek b{display:block}.expense-receive-peek span>strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.expense-receive-peek small{margin-top:3px;color:#51675c;font-size:9px;line-height:1.35}.expense-receive-peek b{flex:0 0 auto;color:#2c6658;font-size:10px;text-align:right}.expense-receive-peek b small{font-size:8px;font-weight:500}
.expense-receive-sheet{background:linear-gradient(160deg,rgba(239,247,234,.99),rgba(211,232,218,.99))!important}.expense-receive-total{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.expense-receive-total span{min-width:0;padding:11px 9px;border:1px solid rgba(255,255,255,.82);border-radius:16px;background:rgba(255,255,255,.58)}.expense-receive-total small,.expense-receive-total strong{display:block}.expense-receive-total small{color:#597066;font-size:8px;font-weight:900;text-transform:uppercase}.expense-receive-total strong{margin-top:4px;overflow:hidden;color:#234a3d;font:800 12px var(--display);text-overflow:ellipsis}
.expense-receivable-list{display:grid;gap:8px;margin-top:12px}.expense-receivable-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:13px;border:1px solid rgba(255,255,255,.82);border-radius:18px;background:rgba(255,255,255,.58);color:#20382e;text-align:left;cursor:pointer}.expense-receivable-row>span{min-width:0}.expense-receivable-row strong,.expense-receivable-row small{display:block}.expense-receivable-row>span>strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.expense-receivable-row small{margin-top:3px;color:#50675c;font-size:9px;line-height:1.35}.expense-receivable-row i,.expense-receive-progress i{display:block;height:5px;margin-top:8px;overflow:hidden;border-radius:99px;background:rgba(43,91,75,.12)}.expense-receivable-row i b,.expense-receive-progress i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4da1b2,#2f795f)}.expense-receivable-row em{font-style:normal;text-align:right}.expense-receivable-row em strong{color:#2d6658;font-size:11px}.expense-receivable-row em small{white-space:nowrap}
.expense-receive-empty{display:grid;gap:4px;margin-top:12px;padding:16px;border:1px dashed rgba(41,91,74,.2);border-radius:18px;background:rgba(255,255,255,.34);color:#28483c}.expense-receive-empty strong{font-size:12px}.expense-receive-empty span{color:#4d6459;font-size:10px;line-height:1.5}.expense-receive-progress{margin:-2px 0 12px}.expense-receive-progress i{height:7px}.expense-receive-progress span{display:block;margin-top:5px;color:#426054;font-size:10px;text-align:center}.expense-receive-complete{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;border-radius:16px;background:rgba(47,132,95,.12);color:#236147;font-size:11px;font-weight:900}
.expense-receipt-list{display:grid;overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:18px;background:rgba(255,255,255,.43)}.expense-receipt-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:0;border-bottom:1px solid rgba(43,83,69,.09);background:transparent;color:#263d34;text-align:left;cursor:pointer}.expense-receipt-list button:last-child{border-bottom:0}.expense-receipt-list strong,.expense-receipt-list small{display:block}.expense-receipt-list strong{font-size:11px}.expense-receipt-list small{margin-top:3px;color:#53685d;font-size:9px}.expense-receipt-list b{color:#2b6b58;font-size:11px;white-space:nowrap}.expense-receive-tools{display:grid;gap:7px;margin-top:12px}.expense-receive-tools button{padding:10px;border:1px solid rgba(40,83,68,.13);border-radius:13px;background:rgba(255,255,255,.54);color:#2b5f50;font-size:10px;font-weight:900;cursor:pointer}.expense-receive-tools button.danger{color:#a14e43;background:rgba(255,231,225,.48)}
.expense-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.expense-summary article{min-width:0;padding:14px;border:1px solid rgba(255,255,255,.6);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.45),rgba(246,239,214,.2));box-shadow:0 12px 28px rgba(40,59,49,.08),inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:blur(18px)}
.expense-summary small,.expense-summary strong{display:block}.expense-summary small{margin-bottom:5px;color:#737d75;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.expense-summary strong{overflow:hidden;color:#19271f;font:800 16px var(--display);text-overflow:ellipsis}
.expense-source-note,.expense-insight{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid rgba(255,255,255,.53);border-radius:19px;background:rgba(255,247,219,.27);box-shadow:inset 0 1px 0 rgba(255,255,255,.65);color:#36574c}
.expense-source-note span,.expense-source-note strong,.expense-source-note small,.expense-insight span,.expense-insight small,.expense-insight strong{display:block}.expense-source-note strong{font-size:9px}.expense-source-note small{margin-top:3px;color:#68746b;font-size:8px;line-height:1.45}
.expense-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:4px 1px 9px}.expense-section-head h2{margin:3px 0 0;font:800 18px var(--display);letter-spacing:-.5px}.expense-section-head>button{border:0;background:transparent;color:#396b5e;font-size:9px;font-weight:900;cursor:pointer}
.expense-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.expense-template-grid button{min-height:82px;padding:13px;border:1px solid rgba(255,255,255,.6);border-radius:18px;background:rgba(255,255,255,.28);text-align:left;color:#24352d;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.64)}
.expense-template-grid button:last-child:nth-child(odd){grid-column:1/-1}.expense-template-grid strong,.expense-template-grid small{display:block}.expense-template-grid strong{font-size:10px}.expense-template-grid small{margin-top:5px;color:#718078;font-size:8px;line-height:1.35}
.expense-empty{padding:20px;border:1px solid rgba(255,255,255,.58);border-radius:25px;background:rgba(255,255,255,.24);box-shadow:0 16px 34px rgba(38,58,47,.1),inset 0 1px 0 rgba(255,255,255,.7);backdrop-filter:blur(18px)}
.expense-empty-mark{display:grid;place-items:center;width:48px;height:48px;margin-bottom:13px;border-radius:17px;background:#315f55;color:#fff}.expense-empty h2{margin:0 0 6px;font:800 20px var(--display)}.expense-empty>p{margin:0 0 15px;color:#68756d;font-size:9px;line-height:1.55}
.expense-project-list{display:grid;gap:9px}.expense-project-card{width:100%;display:grid;grid-template-columns:43px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.59);border-radius:21px;background:linear-gradient(145deg,rgba(255,255,255,.4),rgba(239,234,207,.16));box-shadow:0 12px 27px rgba(35,54,44,.09),inset 0 1px 0 rgba(255,255,255,.72);text-align:left;color:#24332b;cursor:pointer}
.expense-project-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:15px;background:linear-gradient(145deg,#477b70,#214d45);color:#fff;font:800 11px var(--display)}.expense-project-copy{min-width:0}.expense-project-copy>small,.expense-project-copy>strong,.expense-project-copy>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-project-copy>small{color:#7a837d;font-size:7px;text-transform:uppercase;letter-spacing:.4px}.expense-project-copy>strong{margin:3px 0;color:#203029;font-size:11px}.expense-project-copy>span{color:#68756d;font-size:8px}.expense-project-copy>i{display:block;height:4px;margin-top:7px;overflow:hidden;border-radius:99px;background:rgba(39,83,71,.12)}.expense-project-copy>i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e28736,#447d6e)}.expense-project-end{display:grid;justify-items:end;gap:5px;color:#668078}.expense-project-end b{font-size:9px}
.expense-contingency{padding:10px 13px;border-radius:15px;background:rgba(255,255,255,.23);border:1px solid rgba(255,255,255,.5);color:#647168;font-size:8px}.expense-contingency strong{color:#263a31}
.expense-insight{background:linear-gradient(145deg,rgba(255,238,196,.33),rgba(255,255,255,.22));color:#9a5b20}.expense-insight small{margin-bottom:3px;color:#9a6a3b;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.65px}.expense-insight strong{color:#4a4437;font-size:9px;line-height:1.5}
.expense-action-row{display:grid;grid-template-columns:1.2fr .8fr;gap:9px}.expense-action-row .btn{justify-content:center;margin:0;padding:11px 10px}
.expense-sections{display:grid;gap:10px}.expense-category{overflow:hidden;border:1px solid rgba(255,255,255,.58);border-radius:23px;background:linear-gradient(145deg,rgba(255,255,255,.36),rgba(239,234,207,.14));box-shadow:0 14px 30px rgba(36,55,45,.08),inset 0 1px 0 rgba(255,255,255,.7)}
.expense-category header>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:0;border-bottom:1px solid rgba(64,84,73,.08);background:rgba(255,255,255,.12);text-align:left;color:#26362e;cursor:pointer}.expense-category header span,.expense-category header strong,.expense-category header small{display:block}.expense-category header span:last-child{text-align:right}.expense-category header strong{margin-top:2px;font-size:11px}.expense-category header small{color:#7b847e;font-size:7px}.expense-category header b{font-size:10px}
.expense-item-row{width:100%;display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px 13px;border:0;border-bottom:1px solid rgba(62,83,72,.07);background:transparent;text-align:left;color:#29382f;cursor:pointer}.expense-item-row>span:nth-child(2){min-width:0}.expense-item-row strong,.expense-item-row small,.expense-item-row b{display:block}.expense-item-row strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.expense-item-row small{margin-top:3px;color:#7a847d;font-size:7px}.expense-item-row>span:last-child{text-align:right}.expense-item-row b{font-size:9px}
.expense-status{width:7px;height:7px;border-radius:50%;background:#a6aaa7}.expense-status-quoted{background:#d9a13c}.expense-status-ordered{background:#3e88a2}.expense-status-progress{background:#dc713e}.expense-status-done{background:#4f956e}
.expense-add-item{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:10px;border:0;background:rgba(255,255,255,.12);color:#447064;font-size:8px;font-weight:900;cursor:pointer}.expense-no-items{margin:0;padding:14px;color:#7c857e;font-size:8px;text-align:center}
.expense-payment-list{display:grid;overflow:hidden;border:1px solid rgba(255,255,255,.57);border-radius:21px;background:rgba(255,255,255,.25)}.expense-payment-list article,.expense-payment-list>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:0;border-bottom:1px solid rgba(60,80,68,.08);background:transparent;text-align:left;color:#28372f}.expense-payment-list>*:last-child{border-bottom:0}.expense-payment-list span,.expense-payment-list strong,.expense-payment-list small{display:block}.expense-payment-list strong{font-size:9px}.expense-payment-list small{margin-top:3px;color:#78827b;font-size:7px}.expense-payment-list b{font-size:9px;white-space:nowrap}
.expense-project-tools{display:grid;gap:7px;padding:2px}.expense-project-tools button{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:1px solid rgba(255,255,255,.48);border-radius:15px;background:rgba(255,255,255,.18);color:#596a61;font-size:8px;font-weight:800;cursor:pointer}.expense-project-tools button.danger{color:#a34f43;background:rgba(244,214,206,.18)}
.expense-sheet .form-grid{grid-template-columns:1fr 1fr}.expense-sheet [hidden]{display:none!important}.expense-live-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 13px;padding:12px 13px;border-radius:17px;background:rgba(49,95,85,.09);border:1px solid rgba(49,95,85,.12)}.expense-live-preview span,.expense-live-preview strong,.expense-live-preview small{display:block}.expense-live-preview span{font-size:9px}.expense-live-preview strong{margin-top:2px;color:#285449;font-size:13px}.expense-live-preview small{color:#77827a;font-size:7px;text-align:right}.expense-confirm .btn{margin-top:8px}
.expense-hero p,.expense-detail-hero p{color:rgba(255,255,255,.94)!important;font-size:12px;line-height:1.5}
.expense-summary small{color:#4f5d55;font-size:10px}.expense-summary strong{font-size:17px}
.expense-debt-strip{display:grid;grid-template-columns:auto 1fr 1fr;gap:12px;align-items:center;padding:14px 15px;border:1px solid rgba(255,255,255,.68);border-radius:20px;background:linear-gradient(135deg,rgba(35,81,69,.88),rgba(72,118,98,.72));color:#fff;box-shadow:0 12px 26px rgba(31,68,57,.14)}.expense-debt-strip>span small,.expense-debt-strip>span strong{display:block}.expense-debt-strip small{color:rgba(255,255,255,.78);font-size:9px}.expense-debt-strip strong{margin-top:4px;font-size:14px}
.expense-source-note{background:rgba(248,250,241,.68);border-color:rgba(255,255,255,.9)}.expense-source-note strong{color:#24382e;font-size:11px}.expense-source-note small{color:#2f4439;font-size:10px;line-height:1.5}
.expense-section-head .eyebrow{font-size:9px}.expense-section-head h2{font-size:20px}.expense-section-head>button{font-size:11px}
.expense-empty{background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(237,243,229,.46));border-color:rgba(255,255,255,.88)}.expense-empty>p{color:#253a2f;font-size:12px;line-height:1.55}
.expense-template-grid button{min-height:94px;padding:15px;background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(238,242,229,.45));border-color:rgba(255,255,255,.82)}
.expense-template-grid strong{color:#1e3027;font-size:14px}.expense-template-grid small{color:#475a50;font-size:11px;line-height:1.45}
.expense-smart-start{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 17px;border:1px solid rgba(255,255,255,.58);border-radius:22px;background:linear-gradient(135deg,#173f37,#347b68);box-shadow:0 14px 30px rgba(21,61,52,.18),inset 0 1px 0 rgba(255,255,255,.2);color:#fff;text-align:left;cursor:pointer}
.expense-smart-start span,.expense-smart-start small,.expense-smart-start strong,.expense-smart-start em{display:block}.expense-smart-start small{color:#ffd998;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.expense-smart-start strong{margin:4px 0;font:800 15px var(--display)}.expense-smart-start em{color:rgba(255,255,255,.88);font-size:11px;font-style:normal;line-height:1.4}
.expense-living-guide{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.66);border-radius:24px;background:radial-gradient(circle at 15% 10%,rgba(255,211,129,.24),transparent 38%),linear-gradient(135deg,#102f2a,#245f53 62%,#367c67);box-shadow:0 18px 38px rgba(20,60,51,.22),inset 0 1px 0 rgba(255,255,255,.2);color:#fff;text-align:left;cursor:pointer}.expense-living-guide>span:nth-child(2){min-width:0}.expense-living-guide small,.expense-living-guide strong,.expense-living-guide em{display:block}.expense-living-guide small{color:#ffd792;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.8px}.expense-living-guide strong{margin:4px 0;font:800 16px var(--display)}.expense-living-guide em{color:rgba(255,255,255,.84);font-size:10px;font-style:normal;line-height:1.45}.expense-guide-orb{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:17px;background:linear-gradient(145deg,#f3a94b,#e2732d);box-shadow:0 8px 20px rgba(226,115,45,.28)}.expense-guide-orb i{position:absolute;right:-2px;top:-2px;width:10px;height:10px;border:2px solid #19463c;border-radius:50%;background:#7de7a7;box-shadow:0 0 0 3px rgba(125,231,167,.18);animation:expenseAlive 2s ease-in-out infinite}
.expense-guide-sheet{background:linear-gradient(160deg,rgba(239,246,232,.98),rgba(213,232,214,.98))!important}.expense-guide-alive{display:grid;grid-template-columns:auto auto;gap:5px 12px;align-items:center;margin-bottom:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.8);border-radius:18px;background:rgba(255,255,255,.52)}.expense-guide-alive span{display:flex;align-items:center;gap:7px;color:#1d634e;font-size:10px;font-weight:900;text-transform:uppercase}.expense-guide-alive span i,.expense-guide-result-head span i,.expense-guide-thinking>i{width:8px;height:8px;border-radius:50%;background:#36b978;box-shadow:0 0 0 4px rgba(54,185,120,.13);animation:expenseAlive 2s ease-in-out infinite}.expense-guide-alive strong{justify-self:end;color:#243b31;font-size:11px}.expense-guide-alive em{grid-column:1/-1;color:#4b5f55;font-size:10px;font-style:normal}.expense-guide-chips{display:flex;gap:7px;overflow-x:auto;margin-bottom:12px;padding-bottom:2px}.expense-guide-chips button{flex:0 0 auto;padding:8px 12px;border:1px solid rgba(40,84,70,.16);border-radius:999px;background:rgba(255,255,255,.7);color:#285b4c;font-size:10px;font-weight:900;cursor:pointer}.expense-guide-sheet textarea{min-height:84px;resize:vertical}.expense-guide-welcome,.expense-guide-thinking{display:flex;align-items:flex-start;gap:10px;margin-top:13px;padding:13px;border:1px solid rgba(255,255,255,.78);border-radius:18px;background:rgba(255,255,255,.45);color:#2b5245}.expense-guide-welcome span,.expense-guide-welcome strong,.expense-guide-welcome small,.expense-guide-thinking span,.expense-guide-thinking strong,.expense-guide-thinking small{display:block}.expense-guide-welcome strong,.expense-guide-thinking strong{font-size:11px}.expense-guide-welcome small,.expense-guide-thinking small{margin-top:3px;color:#455c51;font-size:10px;line-height:1.45}.expense-guide-thinking>i{flex:0 0 auto;margin:4px}
.expense-guide-result{display:grid;gap:11px;margin-top:13px;padding:14px;border:1px solid rgba(255,255,255,.82);border-radius:22px;background:rgba(255,255,255,.56);box-shadow:0 12px 28px rgba(35,70,56,.09)}.expense-guide-result-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.expense-guide-result-head span{display:flex;align-items:center;gap:7px;color:#21634f;font-size:9px;font-weight:900;text-transform:uppercase}.expense-guide-result-head small{color:#775626;font-size:9px;font-weight:900}.expense-guide-result h3{margin:0;color:#1b3027;font:800 15px/1.4 var(--display)}.expense-guide-block{display:grid;gap:6px;padding-top:10px;border-top:1px solid rgba(49,79,66,.11)}.expense-guide-block>small,.expense-guide-sources>small{color:#7f5727;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.55px}.expense-guide-block p{display:flex;align-items:flex-start;gap:8px;margin:0;color:#314a3f;font-size:11px;line-height:1.45}.expense-guide-block p b{display:grid;flex:0 0 auto;place-items:center;width:18px;height:18px;border-radius:7px;background:#2c6a58;color:#fff;font-size:9px}.expense-guide-price,.expense-guide-warning{display:flex;align-items:flex-start;gap:8px;padding:11px;border-radius:15px;background:rgba(255,232,185,.52);color:#59462f;font-size:10px;line-height:1.45}.expense-guide-warning{background:rgba(223,242,228,.7);color:#315446}.expense-guide-sources{display:grid;gap:6px}.expense-guide-sources a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.62);color:#245847;font-size:10px;font-weight:800;text-decoration:none}.expense-guide-actions{display:grid;grid-template-columns:1.2fr .8fr;gap:8px}.expense-guide-actions .btn{justify-content:center;margin:0;padding:11px 8px;font-size:10px}@keyframes expenseAlive{0%,100%{transform:scale(.92);opacity:.72}50%{transform:scale(1.13);opacity:1}}
.expense-project-card{background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(239,243,228,.42));border-color:rgba(255,255,255,.86)}.expense-project-copy>small{color:#52635a;font-size:9px}.expense-project-copy>strong{font-size:13px}.expense-project-copy>span{color:#43564c;font-size:11px}.expense-project-end b{max-width:62px;color:#365a50;font-size:10px;text-align:right}
.expense-contingency{color:#46584e;font-size:10px}.expense-insight{background:linear-gradient(145deg,rgba(255,239,201,.7),rgba(255,255,255,.52));border-color:rgba(255,255,255,.84)}.expense-insight small{color:#815323;font-size:9px}.expense-insight strong{color:#342f28;font-size:11px;line-height:1.55}
.expense-category{background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(239,243,229,.4));border-color:rgba(255,255,255,.84)}.expense-item-row{background:rgba(255,255,255,.13)}
.expense-category header strong{font-size:13px}.expense-category header small{color:#52635a;font-size:10px}.expense-category header b{font-size:12px}
.expense-item-row{padding:13px}.expense-item-row strong{font-size:11px;white-space:normal;line-height:1.35}.expense-item-row small{color:#53645b;font-size:10px;line-height:1.35}.expense-item-row b{font-size:11px}.expense-add-item,.expense-no-items{font-size:11px}
.expense-payment-list strong{font-size:11px}.expense-payment-list small{color:#52635a;font-size:10px}.expense-payment-list b{font-size:11px}.expense-project-tools button{padding:12px;font-size:11px}
.expense-sheet .field label{color:#34483e;font-size:12px}.expense-sheet .field input,.expense-sheet .field select,.expense-sheet .field textarea{font-size:14px;background:rgba(255,255,255,.76);border-color:rgba(255,255,255,.92)}
.expense-live-preview span{font-size:11px}.expense-live-preview strong{font-size:15px}.expense-live-preview small{color:#47594f;font-size:10px;line-height:1.4}
.expense-asset-form{display:grid;gap:13px;margin:13px 0;padding:14px;border:1px solid rgba(255,255,255,.72);border-radius:22px;background:rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.expense-smart-answer,.expense-question-note{display:grid;gap:3px;padding:13px 14px;border-radius:17px;background:linear-gradient(145deg,rgba(255,231,179,.62),rgba(255,255,255,.5));border:1px solid rgba(255,255,255,.82);color:#2e4037}.expense-smart-answer small{color:#9a5b21;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.65px}.expense-smart-answer strong{font-size:15px}.expense-smart-answer span,.expense-question-note span{color:#46584f;font-size:11px;line-height:1.45}
.expense-question-note strong{font-size:12px}.expense-loan-fields{display:grid;gap:12px}.form-span-2{grid-column:1/-1}
.expense-house-form{display:grid;gap:12px;margin:12px 0}.expense-sheet .field-help{display:block;margin-top:6px;color:#53675d;font-size:10px;line-height:1.45}.expense-house-brief{display:grid;grid-template-columns:1fr 1fr;gap:8px}.expense-house-brief>div{padding:13px;border:1px solid rgba(255,255,255,.78);border-radius:18px;background:rgba(255,255,255,.43)}.expense-house-brief small,.expense-house-brief strong,.expense-house-brief span{display:block}.expense-house-brief small{color:#62746a;font-size:9px;font-weight:800}.expense-house-brief strong{margin:4px 0;color:#243a30;font-size:12px;line-height:1.4}.expense-house-brief span{color:#52655b;font-size:10px;line-height:1.4}.expense-house-brief>div:nth-child(n+3){grid-column:1/-1}
.expense-asset-health{display:grid;gap:10px;padding:15px;border:1px solid rgba(255,255,255,.62);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.42),rgba(230,239,220,.24));box-shadow:0 14px 30px rgba(35,55,45,.08),inset 0 1px 0 rgba(255,255,255,.72)}
.expense-studio>.back-btn{width:max-content;padding:9px 12px;border:1px solid rgba(255,255,255,.8);border-radius:14px;background:rgba(255,255,255,.64);color:#1e4438;font-size:11px;box-shadow:0 7px 18px rgba(28,60,50,.09)}.expense-asset-health .expense-section-head>button{padding:7px 10px;border:1px solid rgba(44,88,75,.16);border-radius:11px;background:rgba(255,255,255,.66);color:#245847}
.expense-health-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.expense-health-grid article{min-width:0;padding:13px;border:1px solid rgba(255,255,255,.78);border-radius:17px;background:rgba(255,255,255,.66)}.expense-health-grid small,.expense-health-grid strong,.expense-health-grid span{display:block}.expense-health-grid small{color:#536259;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.45px}.expense-health-grid strong{margin:5px 0;color:#17271f;font:800 15px/1.25 var(--display)}.expense-health-grid span{color:#3d5046;font-size:10px;line-height:1.35}.expense-health-grid .gain strong{color:#226047}.expense-health-grid .loss strong{color:#a34938}.expense-asset-health>p{margin:0;color:#2f4439;font-size:11px;line-height:1.5}
.bottom-nav[aria-label="Expense Studio navigation"] .nav-btn{color:#43564c;opacity:1}.bottom-nav[aria-label="Expense Studio navigation"] .nav-btn small{color:#43564c;font-size:9px;opacity:1}.bottom-nav[aria-label="Expense Studio navigation"] .nav-btn.active,.bottom-nav[aria-label="Expense Studio navigation"] .nav-btn.active small{color:#d76b20}
.person-profile strong{font-size:14px}.person-profile small{color:#46574e;font-size:11px;line-height:1.35}.signin-privacy{color:#46574e;font-size:10px}.profile-box>p{color:#46574e!important;font-size:12px}.profile-welcome .welcome-copy p{color:rgba(255,255,255,.94)!important;font-size:12px!important;line-height:1.5}
@media(max-width:360px){.expense-hero,.expense-detail-hero{padding:20px}.expense-hero h1,.expense-detail-hero h1{font-size:29px}.expense-hero{display:grid}.expense-hero .btn{width:max-content}.expense-spend-card{grid-template-columns:116px minmax(0,1fr);gap:11px;padding:13px}.expense-money-orbit{width:128px;min-height:132px}.expense-spend-ring,.expense-spend-ring svg{width:116px;height:116px}.expense-spend-core{inset:18px}.expense-incoming-orbit{width:58px;height:58px}.expense-spend-copy h2{font-size:17px}.expense-spend-copy>p{font-size:9px}.expense-summary strong{font-size:14px}.expense-sheet .form-grid,.expense-house-brief{grid-template-columns:1fr}.expense-house-brief>div{grid-column:1!important}}

/* RS home restored-layout compatibility: prevent visual card overlap after returning to the 18:17 UI. */
.owner-home{
  display:grid;
  gap:16px;
  min-width:0;
}
.owner-home > *{
  min-width:0;
}
.owner-hero{
  position:relative;
  min-width:0;
  margin:0!important;
  z-index:1;
}
.owner-hero > div,
.owner-hero h1,
.owner-hero p{
  min-width:0;
  overflow-wrap:anywhere;
}
.owner-totals{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  margin:0!important;
  position:relative;
  z-index:1;
}
.owner-totals article{
  min-width:0!important;
  overflow:hidden!important;
}
.owner-totals small,
.owner-totals strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.business-lanes{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  min-width:0;
}
.business-lane{
  min-width:0!important;
  overflow:hidden!important;
}
.business-lane div,
.business-lane strong,
.business-lane small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.business-lane strong,
.business-lane small{
  white-space:nowrap;
}
.owner-home .section-head{
  margin:8px 0 0!important;
  min-width:0;
}
.owner-home .activity-list{
  min-width:0;
  overflow:hidden;
}
@media(max-width:420px){
  .owner-home{gap:14px}
  .owner-hero{grid-template-columns:1fr!important;gap:16px!important;min-height:auto!important}
  .owner-hero .btn{justify-self:start;max-width:100%}
  .owner-totals{grid-template-columns:1fr!important}
  .owner-totals strong{font-size:18px!important}
  .business-lanes{grid-template-columns:1fr!important}
  .business-lane{grid-template-columns:42px minmax(0,1fr) 18px!important}
}
/* Login/home entry overlap fix: keep restored UI, but stop panels from floating over the hero. */
.welcome{
  overflow:auto!important;
  align-content:start!important;
}
.welcome-art{
  flex:none!important;
  margin:0!important;
}
.welcome-panel,
.profile-panel{
  position:relative!important;
  z-index:2!important;
  margin-top:14px!important;
  padding:0 15px 96px!important;
  overflow:visible!important;
}
.login-box,
.profile-box{
  width:100%!important;
  margin:0 auto!important;
}
@media(min-width:521px){
  .welcome-panel,
  .profile-panel{margin-top:14px!important}
}
@media(max-height:720px){
  .welcome-panel,
  .profile-panel{margin-top:12px!important}
}
@media(max-width:520px){
  .welcome-panel,
  .profile-panel{margin-top:12px!important;padding-left:15px!important;padding-right:15px!important}
}
.ss-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.ss-list-head .ss-sh-bills-hd{margin:0}
.ss-list-actions{display:flex;gap:7px;flex-shrink:0}
.ss-list-actions button{width:32px;height:32px;border-radius:999px;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.16);color:#eef8f2;display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 1px 1px rgba(255,255,255,.34),0 10px 24px rgba(0,0,0,.14)}
.ss-list-actions button:active{transform:translateY(1px)}
.ss-bill-name strong,.ss-bill-name small{display:block}
.ss-bill-name small{font-size:10px;font-weight:700;color:rgba(220,255,232,.58);margin-top:2px;text-decoration:none}
.ss-empty-mini{padding:12px 0;color:rgba(230,255,238,.52);font-size:12px;font-weight:700;text-align:center}
.remove-list{display:grid;gap:8px;margin-top:8px}
.remove-list button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:13px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.12);color:var(--ink);cursor:pointer}
.remove-list strong,.remove-list small{display:block}
.remove-list strong{font-size:14px;color:#26372f}
.remove-list small{font-size:11px;color:#65746b;margin-top:3px}
.ss-cleared-card{margin:-2px 0 14px;padding:15px 16px;border-radius:22px;background:rgba(120,220,155,.11);border:1px solid rgba(170,255,196,.24);box-shadow:inset 0 1px 1px rgba(255,255,255,.18)}
.ss-cleared-title{display:flex;align-items:center;gap:8px;font:800 12px var(--display);text-transform:uppercase;letter-spacing:.05em;color:#a8f5c4;margin-bottom:10px}
.ss-cleared-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid rgba(170,255,196,.12)}
.ss-cleared-row span,.ss-cleared-row strong,.ss-cleared-row small{display:block}
.ss-cleared-row strong{font-size:14px;color:#e7fff0}
.ss-cleared-row small{font-size:10px;color:rgba(220,255,232,.56);margin-top:2px}
.ss-cleared-row b{font-size:14px;color:#9af0b8;white-space:nowrap}
.ss-cleared-card p{margin:10px 0 0;font-size:11px;line-height:1.45;color:rgba(230,255,238,.66);font-weight:700}
/* SS LA clock and room/walk logs */
.ss-balance-stack{display:flex;flex-direction:column;align-items:flex-end;gap:9px;flex-shrink:0}
/* Every SS header badge (balance / LA time / bank saves) shares this one pill
   shape — owner wants all three identical, just recolored per badge. */
.ss-la-clock{--p:0;position:relative;width:130px;height:60px;display:grid;place-items:center;filter:drop-shadow(0 13px 24px rgba(17,34,26,.2))}
.ss-la-clock-ring{position:absolute;inset:0;border-radius:30px;background:conic-gradient(from -90deg,rgba(255,205,94,.98) calc(var(--p)*1%),rgba(255,255,255,.36) 0);box-shadow:inset 0 1px 1px rgba(255,255,255,.9),0 10px 24px rgba(20,30,24,.16)}
.ss-la-clock-ring:after{content:"";position:absolute;inset:9px;border-radius:21px;background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(235,246,238,.42));border:1px solid rgba(255,255,255,.75);backdrop-filter:blur(16px) saturate(150%)}
.ss-la-clock-core{position:relative;z-index:1;text-align:center;display:grid;gap:0;place-items:center;color:#173026}
.ss-la-clock-core small{font:900 7px var(--display);text-transform:uppercase;letter-spacing:.08em;color:#5c6d62}
.ss-la-clock-core strong{font:900 16px var(--display);letter-spacing:-.8px;line-height:1;color:#14261f}
.ss-la-clock-core span{font:900 7.5px var(--display);color:#0f6a49;text-transform:uppercase}
/* Balance pill — fills toward monthly need, orange→green
   (never a harsh red — low balance still reads as "needs attention", not alarming). */
.ss-bal-ring{--fill:#f2994a;border:0;padding:0;background:transparent;cursor:pointer}
.ss-bal-ring:active{transform:translateY(1px)}
.ss-bal-ring .ss-la-clock-ring{background:conic-gradient(from -90deg,var(--fill) calc(var(--p)*1%),rgba(255,255,255,.4) 0)}
.ss-bal-ring.level-empty{--fill:#e8763a}
.ss-bal-ring.level-low{--fill:#f2994a}
.ss-bal-ring.level-mid{--fill:#e8c23e}
.ss-bal-ring.level-good{--fill:#b5d94a}
.ss-bal-ring.level-full{--fill:#2fae66}
.ss-bal-ring .ss-la-clock-core span{color:#5c6d62}
.ss-bal-ring.level-good .ss-la-clock-core span,.ss-bal-ring.level-full .ss-la-clock-core span{color:#0f6a49}
.ss-bal-ring.level-low .ss-la-clock-core span,.ss-bal-ring.level-empty .ss-la-clock-core span{color:#b0611f}
/* Bank round-up savings pill — same shape, blue accent. */
.ss-bank-ring{--fill:#4a90d9}
.ss-bank-ring .ss-la-clock-ring{background:conic-gradient(from -90deg,var(--fill) calc(var(--p)*1%),rgba(255,255,255,.4) 0)}
.ss-bank-ring.level-low{--fill:#7ab0e6}
.ss-bank-ring.level-mid{--fill:#4a90d9}
.ss-bank-ring.level-good{--fill:#2f6fc4}
.ss-bank-ring .ss-la-clock-core span{color:#2f6fc4}
/* Row pairing two pills side by side (LA time + bank saves, safe-today + the
   reserved slot) below the full-width balance pill. Pills shrink a touch so
   two fit the header width together. */
.ss-mini-ring-row{display:flex;align-items:center;gap:8px}
.ss-mini-ring-row .ss-la-clock{width:104px;height:52px}
.ss-mini-ring-row .ss-la-clock-ring:after{inset:7px;border-radius:19px}
.ss-mini-ring-row .ss-la-clock-core strong{font-size:14px}
.ss-mini-ring-row .ss-la-clock-core small{font-size:6.5px}
.ss-mini-ring-row .ss-la-clock-core span{font-size:6.5px}
/* Safe-to-spend-today pill — purple accent, distinct from balance/bank. */
.ss-safe-ring{--fill:#8a6fd8}
.ss-safe-ring .ss-la-clock-ring{background:conic-gradient(from -90deg,var(--fill) calc(var(--p)*1%),rgba(255,255,255,.4) 0)}
.ss-safe-ring.level-low{--fill:#e8763a}
.ss-safe-ring.level-mid{--fill:#8a6fd8}
.ss-safe-ring.level-good{--fill:#6a4fc2}
.ss-safe-ring .ss-la-clock-core span{color:#6a4fc2}
.ss-safe-ring.level-low .ss-la-clock-core span{color:#b0611f}
/* Money sent home pill — teal accent; tap to log a transfer (logged whenever
   it actually happens, not on a fixed schedule). */
.ss-sent-ring{--fill:#2a9d8f;border:0;padding:0;background:transparent;cursor:pointer}
.ss-sent-ring:active{transform:translateY(1px)}
.ss-sent-ring .ss-la-clock-ring{background:conic-gradient(from -90deg,var(--fill) calc(var(--p)*1%),rgba(255,255,255,.4) 0)}
.ss-sent-ring.level-mid{--fill:#7fbdb5}
.ss-sent-ring.level-good{--fill:#2a9d8f}
.ss-sent-ring .ss-la-clock-core span{color:#1f7a6f}
/* Best earning-time suggestion - rose accent, sits beside Balance up top. */
.ss-best-ring{--fill:#d16ba5}
.ss-best-ring .ss-la-clock-ring{background:conic-gradient(from -90deg,var(--fill) calc(var(--p)*1%),rgba(255,255,255,.4) 0)}
.ss-best-ring.level-low{--fill:#e0a0c8}
.ss-best-ring.level-mid{--fill:#d16ba5}
.ss-best-ring.level-good{--fill:#b8478a}
.ss-best-ring .ss-la-clock-core span{color:#b8478a}
@media(max-width:380px){.ss-la-clock{width:112px;height:52px}.ss-la-clock-core strong{font-size:14px}.ss-balance{padding:9px 11px}.ss-balance-amt{font-size:19px}.ss-mini-ring-row .ss-la-clock{width:92px;height:46px}.ss-mini-ring-row .ss-la-clock-core strong{font-size:12.5px}}
.ss-room-card{margin-bottom:14px}
.ss-room-row{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(24,35,29,.1)}
.ss-room-row:last-child{border-bottom:0}
.ss-room-row>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(20,90,63,.1);color:#0f6a49}
.ss-room-row strong,.ss-room-row small{display:block}.ss-room-row strong{font:900 13px var(--display);color:#132019}.ss-room-row small{font:750 10px var(--display);color:#54655b;margin-top:2px}
#ss-walk-overlay{position:fixed;inset:0;z-index:10001;display:grid;place-items:center;background:rgba(11,20,16,.36);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:.28s ease;padding:18px}
#ss-walk-overlay.show{opacity:1;pointer-events:auto}.ss-walk-card{width:min(360px,100%);border-radius:30px;padding:24px 20px 18px;text-align:center;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(234,244,237,.46));border:1px solid rgba(255,255,255,.82);box-shadow:0 28px 70px rgba(10,24,18,.32),inset 0 1px 0 rgba(255,255,255,.9);color:#17231d}.ss-walk-orb{width:72px;height:72px;margin:0 auto 13px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#fff,#d8f4e5 48%,#7edca8);color:#0f6a49;box-shadow:0 14px 30px rgba(20,90,63,.18),inset 0 1px 1px #fff}.ss-walk-card h2{font:900 24px var(--display);margin:0 0 6px}.ss-walk-card p{font:750 12px/1.5 var(--display);color:#52645a;margin:0 0 17px}.ss-walk-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ss-walk-actions button{border:1px solid rgba(255,255,255,.72);border-radius:16px;padding:12px 8px;font:900 12px var(--display);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}#ss-walk-yes{background:linear-gradient(145deg,#35b976,#168153);color:white}#ss-walk-no{background:rgba(255,255,255,.52);color:#293a31}
.ss-walk-actions-3{grid-template-columns:1fr}#ss-walk-work{background:linear-gradient(145deg,#3fbf86,#28a060);color:white}

/* Quiet ink palette: one readable hierarchy across every translucent surface. */
:root{
  --ink:#30423a;
  --muted:#53655d;
  --green:#47685e;
  --green-2:#5a776e;
  --lime:#bcc9b6;
  --accent:#a4775d;
  --accent-soft:#c4a087;
  --quiet-ink:#30423a;
  --quiet-muted:#53655d;
  --quiet-ivory:#ece8de;
  --quiet-ivory-muted:#d1d5cc;
  --quiet-sage:#5d7d72;
  --quiet-clay:#9a7058;
  --quiet-danger:#87564d;
}
body,.app-shell,.screen,.sheet,.login-box,.profile-box,.expense-studio{color:var(--quiet-ink)}
.screen-header h1,.section-head h2,.metric-value,.settlement-amount strong,.ledger-card .amount,.stat-card strong,.more-card h3,.activity h4,.login-box h2,.profile-box h2,.expense-summary strong,.expense-section-head h2,.ss-simple-screen>h1{
  color:var(--quiet-ink)!important;
}
.subtitle,.screen-header p,.metric-note,.activity p,.ledger-card p,.more-card p,.login-box>p,.profile-box>p,.signin-privacy,.field label,.field-help{
  color:var(--quiet-muted)!important;
}
.screen>.eyebrow,.ss-simple-screen>.eyebrow,.expense-section-head .eyebrow,.sheet .eyebrow{
  color:var(--quiet-sage)!important;
  text-shadow:none!important;
}
.hero h1,.owner-hero h1,.ss-hello h1,.entity-hero h1,.welcome-copy h1,.expense-hero h1,.expense-detail-hero h1{
  color:var(--quiet-ivory)!important;
  -webkit-text-fill-color:var(--quiet-ivory)!important;
  text-shadow:0 3px 18px rgba(19,29,24,.38)!important;
}
.hero p,.owner-hero p,.ss-hello p,.entity-hero p,.welcome-copy p,.expense-hero p,.expense-detail-hero p{
  color:var(--quiet-ivory-muted)!important;
  -webkit-text-fill-color:var(--quiet-ivory-muted)!important;
  text-shadow:0 2px 12px rgba(19,29,24,.34)!important;
}
.hero .eyebrow,.owner-hero .eyebrow,.ss-hello .eyebrow,.welcome-copy .eyebrow,.expense-hero .eyebrow,.expense-detail-hero .eyebrow{
  color:#d8cdbd!important;
  -webkit-text-fill-color:#d8cdbd!important;
  text-shadow:0 2px 10px rgba(19,29,24,.3)!important;
}
.btn-primary,.nav-add,.hero-btn,.login-primary{
  background:linear-gradient(145deg,#b18467,#91634e)!important;
  color:#f2ede4!important;
  -webkit-text-fill-color:#f2ede4!important;
  border-color:rgba(255,255,255,.42)!important;
  box-shadow:0 12px 28px rgba(87,58,45,.22),inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.brand-mark,.finance-logo-mark{
  background:linear-gradient(145deg,#d3a05e,#ad7046)!important;
  color:#f4eee4!important;
  box-shadow:0 10px 24px rgba(98,64,41,.2),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
.btn-light,.btn-ghost,.chip,.text-btn,.type-tab.active{color:#4f5f58!important}
.nav-btn{color:#5e6a64!important}.nav-btn.active,.bottom-nav[aria-label="Expense Studio navigation"] .nav-btn.active,.bottom-nav[aria-label="Expense Studio navigation"] .nav-btn.active small{color:var(--quiet-clay)!important}
.positive,.expense-health-grid .gain strong,.expense-receive-complete{color:var(--quiet-sage)!important}
.negative,.expense-health-grid .loss strong,.expense-project-tools button.danger,.expense-receive-tools button.danger{color:var(--quiet-danger)!important}

.person-profile,.profile-choice,.selected-person{color:var(--quiet-ink)!important}
.person-profile strong,.profile-choice strong,.selected-person strong{color:var(--quiet-ink)!important}
.person-profile small,.profile-choice small,.selected-person small,.back-profiles{color:var(--quiet-muted)!important}
.person-profile>span,.selected-person>span{background:linear-gradient(145deg,#b78a67,#91604b)!important;box-shadow:0 9px 20px rgba(88,60,47,.18)!important}
.person-ss>span{background:linear-gradient(145deg,#67879a,#4e6879)!important;box-shadow:0 9px 20px rgba(52,72,83,.18)!important}
.person-expense>span{background:linear-gradient(145deg,#638279,#425f57)!important;box-shadow:0 9px 20px rgba(43,67,60,.18)!important}
.login-box .login-lock,.profile-box .login-lock{
  background:rgba(72,91,82,.1)!important;
  border-color:rgba(72,91,82,.16)!important;
  color:#52645c!important;
  -webkit-text-fill-color:#52645c!important;
}

.ss-simple-screen>p,.ss-logs-screen .ss-log-day-head small,.ss-log-name small,.ss-room-row small{color:var(--quiet-muted)!important}
.ss-logs-screen .ss-log-day-head span,.ss-log-name strong,.ss-room-row strong{color:var(--quiet-ink)!important}
.ss-simple-screen>.simple-back,.ss-log-seeall,.ss-bills-logs-link{color:var(--quiet-sage)!important}
.ss-log-row.in .ss-log-amt{color:#4f7466!important}.ss-log-row.out .ss-log-amt{color:#895a4e!important}
.ss-glass{color:var(--quiet-ink)!important}
.ss-glass .ss-sh-top h1{
  color:#e4e5dc!important;
  -webkit-text-fill-color:#e4e5dc!important;
  text-shadow:0 3px 16px rgba(18,28,23,.42)!important;
}
.ss-glass .ss-sh-top .eyebrow,.ss-glass .ss-sh-top p,.ss-glass .ss-sh-top small{
  color:#ccd2c9!important;
  -webkit-text-fill-color:#ccd2c9!important;
  text-shadow:0 2px 10px rgba(18,28,23,.34)!important;
}
.ss-glass .ss-sh-bills-card,.ss-glass .ss-var-card,.ss-glass .ss-sv-card{
  background:linear-gradient(145deg,rgba(255,255,255,.46),rgba(255,255,255,.22))!important;
  border-color:rgba(255,255,255,.58)!important;
}
.ss-glass .ss-sh-bills-hd,.ss-glass .ss-bill-name,.ss-glass .ss-var-name,.ss-glass .ss-sv-title,.ss-glass .ss-sv-tally,.ss-glass .ss-safe-today strong,.ss-glass .ss-main-coach strong,.ss-glass .coach-ideas strong{
  color:var(--quiet-ink)!important;
  -webkit-text-fill-color:var(--quiet-ink)!important;
  text-shadow:none!important;
}
.ss-glass .ss-bill-amt,.ss-glass .ss-var-total,.ss-glass .ss-safe-today em{color:var(--quiet-sage)!important;-webkit-text-fill-color:var(--quiet-sage)!important}
.ss-glass .ss-bills-summary,.ss-glass .ss-sh-bills-all,.ss-glass .ss-var-hint,.ss-glass .ss-sv-of,.ss-glass .ss-sv-hint,.ss-glass .ss-sv-custom,.ss-glass .ss-safe-today small,.ss-glass .ss-main-coach small,.ss-glass .coach-ideas small,.ss-glass .work-rhythm-mini,.ss-bill-name small,.ss-empty-mini{
  color:var(--quiet-muted)!important;
  -webkit-text-fill-color:var(--quiet-muted)!important;
  text-shadow:none!important;
}
.ss-glass .ss-bill-toggle,.ss-glass .ss-sh-link,.ss-glass .ss-var-log-btn,.ss-glass .ss-sv-chip,.ss-glass .ss-sh-earn-btn,#ss-walk-yes,#ss-walk-work{
  background:linear-gradient(145deg,#668177,#4d685f)!important;
  border-color:rgba(255,255,255,.42)!important;
  color:#efebe2!important;
  -webkit-text-fill-color:#efebe2!important;
  text-shadow:none!important;
}

.expense-spend-copy h2,.expense-receive-copy h2,.expense-template-grid strong,.expense-project-copy>strong,.expense-category header>button,.expense-item-row,.expense-payment-list article,.expense-payment-list>button,.expense-health-grid strong{
  color:var(--quiet-ink)!important;
}
.expense-spend-copy>p,.expense-source-note small,.expense-empty>p,.expense-template-grid small,.expense-project-copy>small,.expense-project-copy>span,.expense-category header small,.expense-item-row small,.expense-payment-list small,.expense-live-preview small,.expense-house-brief small,.expense-house-brief span,.expense-health-grid small,.expense-health-grid span{
  color:var(--quiet-muted)!important;
}
.expense-spend-core small,.expense-spend-core em,.expense-spend-copy>div small,.expense-summary small,.expense-receive-total small,.expense-receivable-row small,.expense-receipt-list small,.bottom-nav[aria-label="Expense Studio navigation"] .nav-btn small{
  color:var(--quiet-muted)!important;
}
.expense-spend-copy>div strong,.expense-receive-total strong,.expense-receivable-row strong,.expense-receipt-list strong{color:var(--quiet-ink)!important}
.expense-spend-copy>small,.expense-receive-copy>small,.expense-insight small,.expense-smart-answer small,.expense-guide-result-head small,.expense-guide-block>small,.expense-guide-sources>small{
  color:#806a59!important;
}
.expense-spend-copy>button,.expense-section-head>button,.expense-add-item,.expense-studio>.back-btn,.expense-asset-health .expense-section-head>button{color:var(--quiet-sage)!important}
.expense-spend-core strong,.expense-spend-card.level-good .expense-spend-core strong,.expense-receive-core strong,.expense-receive-card.level-good .expense-receive-core strong{color:var(--quiet-sage)!important}
.expense-status-quoted{background:#a68a62}.expense-status-ordered{background:#718895}.expense-status-progress{background:#a9795f}.expense-status-done{background:#698477}
.expense-debt-strip,.expense-smart-start,.expense-living-guide{color:var(--quiet-ivory)!important}
.expense-debt-strip small,.expense-smart-start em,.expense-living-guide em{color:var(--quiet-ivory-muted)!important}
.expense-smart-start small,.expense-living-guide small{color:#d6c3aa!important}
.expense-guide-orb{background:linear-gradient(145deg,#b88b67,#95634e)!important;box-shadow:0 8px 20px rgba(91,61,47,.2)!important}
.expense-guide-orb i,.expense-guide-alive span i,.expense-guide-result-head span i,.expense-guide-thinking>i{background:#718f82!important;box-shadow:0 0 0 4px rgba(113,143,130,.14)!important}

/* Expense rings: cash drains, receipts fill, and labels stay inside the core. */
.expense-spend-ring{
  --ring-start:#b7c8c0;
  --ring-mid:#8ea69b;
  --ring-end:#687e75;
  --ring-glow:rgba(104,126,117,.34);
  isolation:isolate;
  transition:transform .22s ease,filter .22s ease;
}
.expense-spend-ring.ring-good{--ring-start:#b8d3bd;--ring-mid:#79a58d;--ring-end:#4d7668;--ring-glow:rgba(91,142,117,.42)}
.expense-spend-ring.ring-mid{--ring-start:#e3c99d;--ring-mid:#b69c72;--ring-end:#73897d;--ring-glow:rgba(177,148,99,.38)}
.expense-spend-ring.ring-low{--ring-start:#d3aaa0;--ring-mid:#ad7b70;--ring-end:#7c665f;--ring-glow:rgba(166,107,94,.36)}
.expense-spend-ring.ring-empty{--ring-start:#c3cbc6;--ring-mid:#9ba9a2;--ring-end:#7b8983;--ring-glow:rgba(112,131,122,.2)}
.expense-receive-ring.ring-empty{--ring-start:#c1ced0;--ring-mid:#91a6a8;--ring-end:#718587;--ring-glow:rgba(103,133,137,.22)}
.expense-receive-ring.ring-low{--ring-start:#a9d4d1;--ring-mid:#6fa4a0;--ring-end:#557b76;--ring-glow:rgba(88,151,146,.36)}
.expense-receive-ring.ring-mid{--ring-start:#b9ddd3;--ring-mid:#72aa98;--ring-end:#4d7b6e;--ring-glow:rgba(83,159,137,.42)}
.expense-receive-ring.ring-good{--ring-start:#d7d6a4;--ring-mid:#8db493;--ring-end:#4e7968;--ring-glow:rgba(100,157,125,.46)}
.expense-spend-ring::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:9px;
  border-radius:50%;
  background:conic-gradient(from -90deg,var(--ring-start) var(--ring-progress),transparent var(--ring-progress));
  filter:blur(7px);
  opacity:.36;
  transform:translateY(4px) scale(.96);
  animation:expense-ring-glow 3s ease-in-out infinite;
  pointer-events:none;
}
.expense-spend-ring svg{position:relative;z-index:1;overflow:visible}
.expense-spend-depth,.expense-spend-track,.expense-spend-fill,.expense-spend-shine{fill:none}
.expense-spend-depth{stroke:rgba(37,55,47,.2);stroke-width:14;transform:translate(0,2px)}
.expense-spend-track{stroke:rgba(53,79,68,.13);stroke-width:12}
.expense-spend-fill,.expense-spend-shine{
  stroke-linecap:round;
  stroke-dasharray:327;
  stroke-dashoffset:calc(327 - (327 * var(--p))/100);
  animation:expense-ring-fill .8s cubic-bezier(.2,.75,.25,1) both;
  transition:stroke-dashoffset .55s cubic-bezier(.2,.75,.25,1),stroke .35s ease;
}
.expense-spend-fill{stroke:url(#expenseSpendGradient)!important;stroke-width:11.5;filter:drop-shadow(0 0 4px var(--ring-glow)) drop-shadow(0 2px 1px rgba(38,54,47,.24))}
.expense-receive-fill{stroke:url(#expenseReceiveGradient)!important}
.expense-spend-shine{stroke:rgba(255,255,255,.5);stroke-width:2;transform:translate(0,-1px);opacity:.75}
.expense-spend-core{
  z-index:2;
  inset:19px;
  padding:10px 7px;
  overflow:hidden;
  grid-template-columns:minmax(0,1fr);
  place-content:initial;
  align-content:center;
  justify-items:center;
  background:radial-gradient(circle at 34% 27%,rgba(255,255,255,.98),rgba(244,246,239,.92) 49%,rgba(220,229,221,.88) 100%);
  box-shadow:0 11px 19px rgba(41,63,53,.18),inset 0 2px 2px rgba(255,255,255,.98),inset 0 -7px 12px rgba(82,106,94,.13);
}
.expense-spend-core small{max-width:100%;margin:0 auto;font-size:8px;line-height:1.04;letter-spacing:.3px}
.expense-spend-core small span{display:block}
.expense-spend-core strong{width:100%;max-width:78px;margin:5px auto 4px!important;font-size:14px!important;line-height:1!important;overflow:hidden;overflow-wrap:normal;white-space:nowrap}
.expense-spend-core em{max-width:100%;overflow:hidden;font-size:7.5px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
.expense-spend-ring:hover,.expense-spend-ring:focus-visible{transform:translateY(-2px) scale(1.02);filter:saturate(1.08)}
.expense-spend-ring:focus-visible{outline:2px solid rgba(82,112,99,.55);outline-offset:4px}
.expense-spend-ring:active{transform:translateY(1px) scale(.97)}
@keyframes expense-ring-fill{from{stroke-dashoffset:327;opacity:.35}to{opacity:1}}
@keyframes expense-ring-glow{50%{opacity:.52;transform:translateY(4px) scale(1)}}
@media(prefers-reduced-motion:reduce){
  .expense-spend-fill,.expense-spend-shine,.expense-spend-ring::before{animation:none}
}