:root{color:#1f2622;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f6f4ee;--ink:#1f2622;--muted:#737a75;--green:#1e6047;--green-soft:#d9e7d8;--lime:#d8ef8c;--line:#232d271f;background:#dfe5df;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}html{overscroll-behavior:none;background:#dfe5df}body{overscroll-behavior:none;min-width:320px;margin:0;position:fixed;inset:0}button,input,select,textarea{font:inherit}button{color:inherit}button:not(:disabled){cursor:pointer}button:disabled{opacity:.55;cursor:wait}.app-shell{place-items:stretch center;width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.phone-canvas{background:var(--paper);grid-template-rows:minmax(0,1fr) auto;width:100%;max-width:520px;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.app-scroll{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:calc(20px + env(safe-area-inset-top)) 20px 28px;overflow:hidden auto}.topbar,.balance-heading,.section-heading,.allowance-copy,.request-row,.activity-row,.primary-action,.after-purchase{align-items:center;display:flex}.topbar{justify-content:space-between;margin-bottom:30px}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:0;font-size:24px;line-height:1.15}h2{letter-spacing:-.035em;margin-bottom:0;font-size:19px;line-height:1.2}.icon-button,.sheet-close{border:1px solid var(--line);background:#ffffff8c;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:relative}.notification-dot{border:2px solid var(--paper);background:#ef6c56;border-radius:50%;width:8px;height:8px;position:absolute;top:9px;right:9px}.notification-banner{background:var(--green-soft);width:100%;min-height:48px;color:var(--green);text-align:left;border:1px solid #1e604729;border-radius:13px;align-items:center;gap:9px;margin:-12px 0 22px;padding:10px 12px;display:flex}.notification-banner>span{color:#315444;flex:1;font-size:10px;font-weight:750;line-height:1.4}.notification-banner.blocked,.notification-banner.error,.notification-banner.server{color:#a64438;background:#f6e5e0;border-color:#a444382e}.notification-banner.blocked>span,.notification-banner.error>span,.notification-banner.server>span{color:#8a4037}.balance-section{border-bottom:1px solid var(--line);margin:0 -20px;padding:0 20px 26px}.balance-heading{justify-content:space-between}.balance-label{color:var(--muted);margin-bottom:3px;font-size:14px;font-weight:600}.balance-value{letter-spacing:-.075em;margin-bottom:0;font-size:clamp(45px,13vw,64px);font-weight:800;line-height:1}.coin-mark{background:var(--lime);border-radius:50%;place-items:center;width:54px;height:54px;display:grid;transform:rotate(7deg);box-shadow:inset 0 0 0 7px #ffffff52}.coin-mark span{font-size:21px;font-weight:800}.balance-breakdown{color:var(--muted);align-items:center;gap:10px;margin:15px 0 21px;font-size:12px;display:flex}.balance-breakdown b{color:var(--ink)}.balance-divider{background:#9da49e;border-radius:50%;width:3px;height:3px}.allowance-track{background:#e1e1da;border-radius:10px;height:7px;overflow:hidden}.allowance-track span{background:var(--green);border-radius:inherit;height:100%;display:block}.allowance-copy{justify-content:space-between;margin-top:9px;font-size:12px}.allowance-copy span{color:var(--muted);align-items:center;gap:6px;display:flex}.primary-action{text-align:left;background:var(--green);color:#fff;border:0;border-radius:19px;gap:12px;width:100%;min-height:82px;margin:18px 0 28px;padding:14px 14px 14px 12px;box-shadow:0 12px 30px #1e60472e}.primary-action>span:nth-child(2){flex:1;gap:3px;display:grid}.primary-action b{font-size:15px}.primary-action small{color:#ffffffb3;font-size:11px}.primary-icon{background:var(--lime);width:48px;height:48px;color:var(--ink);border-radius:15px;flex:0 0 48px;place-items:center;display:grid}.content-section{margin-bottom:31px}.section-heading{justify-content:space-between;margin-bottom:15px}.text-button{min-width:44px;min-height:44px;color:var(--green);background:0 0;border:0;padding:0;font-size:12px;font-weight:800}.request-list{border-top:1px solid var(--line)}.request-row{border-bottom:1px solid var(--line);gap:12px;min-height:74px}.category-icon,.activity-icon{background:#ebe6d8;border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.request-copy{flex:1;gap:4px;min-width:0;display:grid}.request-copy strong,.activity-row strong{font-size:13px}.request-copy span,.activity-row span,.activity-row div span{color:var(--muted);font-size:11px}.request-copy span{align-items:center;gap:5px;display:flex}.request-copy i{background:#e1a742;border-radius:50%;width:6px;height:6px;display:block}.request-row>b{font-size:13px}.month-total{letter-spacing:-.04em;font-size:22px;font-weight:800}.spending-bars{gap:13px;display:grid}.spending-row{grid-template-columns:82px 1fr 52px;align-items:center;gap:9px;font-size:11px;display:grid}.spending-row>span{color:var(--muted)}.spending-row>div{background:#e4e2da;border-radius:20px;height:9px;overflow:hidden}.spending-row i{background:var(--green);border-radius:inherit;height:100%;display:block}.spending-row:nth-child(2) i{background:#8aa556}.spending-row b{text-align:right}.insight{background:var(--green-soft);color:#315444;border-radius:14px;align-items:flex-start;gap:8px;margin:18px 0 0;padding:13px;font-size:11px;font-weight:600;line-height:1.55;display:flex}.insight svg{flex:none;margin-top:1px}.activity-section{margin-bottom:0}.activity-row{border-top:1px solid var(--line);gap:11px;min-height:68px}.activity-row>div{flex:1;gap:3px;display:grid}.activity-icon{background:#e9e6dc}.activity-icon.income{color:var(--green);background:var(--green-soft)}.activity-row>b{font-size:12px}.activity-row>b.positive{color:var(--green)}.bottom-nav{z-index:10;width:100%;min-height:calc(72px + env(safe-area-inset-bottom));padding:8px 12px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);background:#f6f4eef0;grid-template-columns:repeat(4,1fr);display:grid;position:relative}.bottom-nav button{color:#858a86;background:0 0;border:0;align-content:center;justify-items:center;gap:4px;min-height:56px;font-size:9px;font-weight:700;display:grid}.bottom-nav button.active{color:var(--green)}.sheet-backdrop{z-index:50;background:#141c1761;place-items:end center;display:grid;position:absolute;inset:0}.bottom-sheet{width:100%;max-width:520px;max-height:calc(100% - env(safe-area-inset-top) - 8px);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:15px 20px calc(24px + env(safe-area-inset-bottom));background:#fbfaf6;border-radius:26px 26px 0 0;animation:.22s ease-out sheet-in;position:relative;overflow-y:auto;box-shadow:0 -20px 70px #0f18132e}@keyframes sheet-in{0%{opacity:.5;transform:translateY(24px)}}.sheet-handle{background:#d4d2cc;border-radius:5px;width:38px;height:5px;margin:0 auto 20px}.sheet-close{background:#eeece5;border:0;width:42px;height:42px;position:absolute;top:20px;right:16px}.bottom-sheet h2{margin-bottom:24px;font-size:27px}.bottom-sheet label{color:#5d655f;gap:7px;margin-bottom:15px;font-size:11px;font-weight:800;display:grid}.bottom-sheet input,.bottom-sheet select,.bottom-sheet textarea{border:1px solid var(--line);width:100%;min-height:52px;color:var(--ink);background:#fff;border-radius:13px;outline:none;padding:13px 14px;font-size:16px}.bottom-sheet textarea{resize:vertical}.bottom-sheet input:focus,.bottom-sheet select:focus,.bottom-sheet textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #1e604717}.form-grid{grid-template-columns:1fr 1.2fr;gap:10px;display:grid}.after-purchase{background:#eeece5;border-radius:13px;justify-content:space-between;margin:6px 0 14px;padding:14px;font-size:12px}.after-purchase strong{font-size:16px}.form-submit{background:var(--green);color:#fff;border:0;border-radius:14px;width:100%;min-height:56px;font-weight:800}.success-state{text-align:center;padding:15px 6px 6px}.success-state>span{background:var(--green-soft);width:66px;height:66px;color:var(--green);border-radius:21px;place-items:center;margin:0 auto 19px;display:grid}.success-state h2{margin-bottom:10px}.success-state>p:not(.eyebrow){color:var(--muted);max-width:330px;margin:0 auto 25px;font-size:13px;line-height:1.6}.auth-page{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;background:var(--paper);grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);width:100%;height:100%;min-height:0;display:grid;overflow-y:auto}.auth-intro{background:var(--green);color:#fff;flex-direction:column;justify-content:center;min-height:100vh;padding:clamp(36px,7vw,96px);display:flex;position:relative;overflow:hidden}.auth-intro:after{content:"";background:var(--lime);opacity:.1;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-150px;right:-150px}.brand-lockup{align-items:center;gap:12px;font-size:18px;display:flex;position:absolute;top:42px;left:clamp(36px,7vw,96px)}.brand-mark{background:var(--lime);width:46px;height:46px;color:var(--ink);border-radius:50%;place-items:center;font-weight:900;display:grid;box-shadow:inset 0 0 0 6px #ffffff4d}.auth-intro>.eyebrow{color:#ffffff94}.auth-intro h1{letter-spacing:-.07em;max-width:640px;margin:0 0 26px;font-size:clamp(48px,6vw,86px);line-height:.98}.auth-intro>p:not(.eyebrow){color:#ffffffb8;max-width:520px;font-size:clamp(15px,1.35vw,19px);line-height:1.6}.auth-demo-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff2b;border-radius:20px;gap:5px;width:min(360px,100%);margin-top:44px;padding:19px 21px;display:grid}.auth-demo-card>span,.auth-demo-card>small{color:#fff9;font-size:11px}.auth-demo-card>strong{letter-spacing:-.05em;font-size:35px}.auth-demo-card>i{background:#ffffff26;border-radius:8px;height:6px;margin:11px 0 6px;overflow:hidden}.auth-demo-card>i b{border-radius:inherit;background:var(--lime);height:100%;display:block}.auth-panel{place-items:center;padding:34px clamp(24px,6vw,92px);display:grid}.auth-panel>form,.auth-panel{align-content:center}.auth-panel>form{width:100%;max-width:430px}.auth-panel h2{margin-bottom:26px;font-size:31px}.auth-panel label{color:#5d655f;gap:7px;margin-bottom:15px;font-size:11px;font-weight:800;display:grid}.auth-panel input{border:1px solid var(--line);background:#fff;border-radius:13px;outline:none;width:100%;min-height:54px;padding:13px 14px;font-size:16px}.auth-panel input:focus{border-color:var(--green);box-shadow:0 0 0 3px #1e604717}.segmented-control{background:#eae8e1;border-radius:13px;grid-template-columns:1fr 1fr;width:100%;max-width:430px;margin-bottom:25px;padding:4px;display:grid}.segmented-control button{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:10px;font-size:12px;font-weight:800}.segmented-control button.active{color:var(--ink);background:#fff;box-shadow:0 2px 7px #1e262114}.auth-link{width:100%;min-height:48px;color:var(--green);background:0 0;border:0;margin-top:9px;font-size:12px;font-weight:800}.form-error{color:#a64438;background:#f6e5e0;border-left:3px solid #d45f4e;border-radius:7px;padding:11px 12px;font-size:12px}.auth-shell{background:var(--green);color:#fff;text-align:center;place-content:center;justify-items:center;width:100%;height:100%;min-height:0;padding:30px;display:grid;overflow-y:auto}.auth-shell .brand-mark{width:64px;height:64px;margin-bottom:18px}.auth-shell .eyebrow{color:#fff9}.page-section{padding-bottom:20px}.page-title{border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:24px}.page-title h2{font-size:32px}.page-title>p:not(.eyebrow){color:var(--muted);max-width:430px;margin:12px 0 0;font-size:13px;line-height:1.55}.detailed-list{border-top:0;gap:12px;display:grid}.history-filters{scrollbar-width:none;gap:7px;margin:-4px 0 18px;padding-bottom:2px;display:flex;overflow-x:auto}.history-filters::-webkit-scrollbar{display:none}.history-filters button{border:1px solid var(--line);min-height:38px;color:var(--muted);background:#fff;border-radius:20px;flex:none;padding:0 13px;font-size:10px;font-weight:800}.history-filters button.active{border-color:var(--green);background:var(--green);color:#fff}.request-detail{border:1px solid var(--line);background:#fff;border-radius:17px;padding:17px;position:relative}.request-detail>div{color:var(--muted);align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.request-detail h3{margin:10px 80px 4px 0;font-size:16px}.request-detail>strong{font-size:15px;position:absolute;top:45px;right:17px}.request-detail>p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.request-detail>button{color:#a64438;background:0 0;border:0;min-height:42px;padding:10px 0 0;font-size:11px;font-weight:800}.status-dot{background:#d4a446;border-radius:50%;width:7px;height:7px;display:inline-block}.status-dot.purchased{background:var(--green)}.status-dot.declined,.status-dot.cancelled{background:#a7aaa7}.settings-page{align-content:start;display:grid}.settings-row{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:13px;width:100%;min-height:70px;padding:12px 2px;display:flex}.settings-row>svg:first-child{color:var(--green);flex:none}.settings-row>span{flex:1;gap:4px;display:grid}.settings-row b{font-size:13px}.settings-row small{color:var(--muted);font-size:10px;line-height:1.45}.settings-row.danger>svg,.settings-row.danger b{color:#a64438}.toast{z-index:80;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));color:#fff;background:#28312c;border-radius:13px;width:calc(100% - 40px);max-width:480px;padding:13px 15px;font-size:12px;line-height:1.45;position:absolute;transform:translate(-50%);box-shadow:0 10px 32px #141c1740}.empty-state{background:var(--green-soft);border-radius:16px;align-items:flex-start;gap:12px;padding:19px;display:flex}.empty-state>span{width:30px;height:30px;color:var(--green);background:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.empty-state>div{gap:4px;display:grid}.empty-state strong{font-size:12px}.empty-state p{color:#53655c;margin:0;font-size:10px;line-height:1.5}.empty-state.compact{border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding-inline:0}.avatar-button,.round-add{background:var(--green-soft);width:46px;height:46px;color:var(--green);border:0;border-radius:50%;font-weight:800}.parent-summary{background:var(--line);border:1px solid var(--line);border-radius:18px;grid-template-columns:1.7fr 1fr;gap:1px;margin-bottom:29px;display:grid;overflow:hidden}.parent-summary>div{background:#fff;padding:18px}.parent-summary p{color:var(--muted);margin-bottom:7px;font-size:11px}.parent-summary strong{letter-spacing:-.05em;font-size:29px}.parent-request{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:12px;padding:16px;box-shadow:0 8px 22px #1e26210a}.request-kicker,.request-main,.decision-context,.decision-actions{align-items:center;display:flex}.request-kicker{color:var(--muted);justify-content:space-between;font-size:10px;font-weight:700}.request-kicker span{color:var(--green)}.request-main{justify-content:space-between;gap:15px;padding:15px 0}.request-main h3{margin:0 0 5px;font-size:18px}.request-main p{color:var(--muted);margin:0;font-size:10px;line-height:1.45}.request-main>strong{white-space:nowrap;font-size:19px}.decision-context{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:11px 0;font-size:9px}.decision-context b{color:var(--ink)}.decision-actions{gap:8px}.decision-actions button{border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:47px;font-size:11px;font-weight:800;display:flex}.decline-button{background:#eeece5;flex:.85}.purchase-button{background:var(--green);color:#fff;flex:1.15}.children-section{margin-top:30px}.round-add{place-items:center;width:44px;height:44px;display:grid}.child-card{border-top:1px solid var(--line);padding:10px 0 13px}.child-row{align-items:center;gap:11px;min-height:62px;display:flex}.child-avatar{background:var(--lime);border-radius:14px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.child-row>div{gap:4px;display:grid}.child-row>div:first-of-type{flex:1}.child-row strong{font-size:13px}.child-row small{color:var(--muted);font-size:9px}.child-balance{text-align:right}.child-top-up{background:var(--green-soft);width:100%;min-height:44px;color:var(--green);border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.top-up-balance{color:var(--muted);background:#eeece5;border-radius:13px;justify-content:space-between;align-items:center;margin:-10px 0 17px;padding:13px 14px;font-size:11px;display:flex}.top-up-balance strong{color:var(--ink);font-size:16px}.quick-amounts{grid-template-columns:repeat(3,1fr);gap:8px;margin:-5px 0 16px;display:grid}.quick-amounts button{border:1px solid var(--line);min-height:44px;color:var(--green);background:#fff;border-radius:11px;font-size:11px;font-weight:800}.top-up-result{background:var(--green-soft);color:#315444}.form-help{color:var(--muted);margin:-4px 0 18px;font-size:11px;line-height:1.55}.invite-url{word-break:break-all;-webkit-user-select:all;user-select:all;background:#eeece5;border-radius:11px;padding:12px}@media (width>=700px){.app-shell{padding:28px 0}.phone-canvas{border-radius:28px;height:100%;min-height:0;box-shadow:0 26px 80px #1f262226}.bottom-nav{border-radius:0 0 28px 28px}.bottom-sheet{border-radius:26px;margin-bottom:18px}}@media (width<=780px){.auth-page{display:block}.auth-intro{justify-content:flex-start;min-height:390px;padding:90px 24px 32px}.brand-lockup{top:22px;left:24px}.auth-intro h1{font-size:clamp(44px,14vw,64px)}.auth-intro>p:not(.eyebrow){font-size:14px}.auth-demo-card{display:none}.auth-panel{padding:30px 20px calc(38px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}