@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Paytone+One&display=swap";:root{--ink:#251522;--cream:#fff8ea;--paper:#fffcf5;--plum:#a72c70;--orange:#f2a047;--lime:#c7e449;--blue:#93a5f6;--pink:#f7c1d7;--red:#d94d46;--border:2.5px solid var(--ink);--shadow:5px 5px 0 var(--ink);color:var(--ink);background:var(--cream);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,Trebuchet MS,sans-serif}*{box-sizing:border-box}html{background:var(--cream)}body{min-width:320px;min-height:100svh;margin:0}body,button,input,select{font-family:inherit}button,input,select{font-size:16px}button{color:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #6f7ee1}img{max-width:100%}h1,h2,h3,p{margin:0}#root{min-height:100svh}.icon{flex:none;display:block}.button{border:var(--border);border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:51px;padding:0 18px;font-weight:800;transition:transform .14s,box-shadow .14s;display:inline-flex}.button:hover{transform:translate(-1px,-1px)}.button:active{box-shadow:none;transform:translate(3px,3px)}.button:disabled{cursor:wait;opacity:.62;transform:none}.button--primary{background:var(--plum);color:#fff;box-shadow:4px 4px 0 var(--ink)}.button--outline{background:var(--paper);box-shadow:4px 4px 0 var(--ink)}.button--wide{width:100%}.brand{flex-direction:column;align-items:center;display:flex}.brand img{object-fit:contain;width:min(100%,340px);height:150px;display:block}.brand__copy{text-align:center;margin-top:-15px;line-height:1}.brand__copy span{font-size:16px;font-weight:800;display:block;transform:rotate(-1deg)}.brand__copy strong{color:var(--plum);letter-spacing:-1.6px;margin-top:5px;font:38px/1.05 Paytone One,Arial Black,sans-serif;display:block}.brand--compact{flex:none;align-items:flex-start;width:64px;height:48px;overflow:hidden}.brand--compact img{object-fit:contain;object-position:left center;width:79px;height:50px}.login-page{min-height:100svh;padding:max(24px, env(safe-area-inset-top)) 18px max(28px, env(safe-area-inset-bottom));background:radial-gradient(circle at 1px 1px, #25152229 1.2px, transparent 1.3px) 0 0 / 20px 20px, var(--cream);place-items:center;display:grid;position:relative;overflow:hidden}.login-orbit{pointer-events:none;border:var(--border);position:fixed}.login-orbit--one{background:var(--lime);width:150px;height:150px;box-shadow:8px 8px 0 var(--ink);border-radius:50%;top:-48px;right:-50px}.login-orbit--two{background:var(--orange);width:100px;height:100px;box-shadow:7px 7px 0 var(--ink);bottom:-50px;left:-44px;transform:rotate(18deg)}.login-card{z-index:1;border:var(--border);width:min(100%,430px);box-shadow:9px 9px 0 var(--ink);background:#fffcf5f7;border-radius:24px;padding:22px 22px 18px;position:relative}.eyebrow{letter-spacing:1.5px;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.eyebrow span{border:1.8px solid var(--ink);background:var(--lime);border-radius:50%;width:9px;height:9px}.login-intro{text-align:center;color:#66525f;max-width:320px;margin:12px auto 20px;font-size:14px;line-height:1.45}.login-form,.action-sheet form{flex-direction:column;gap:14px;display:flex}.login-form label,.action-sheet label{flex-direction:column;gap:7px;display:flex}.login-form label>span,.action-sheet label>span,.action-sheet legend{letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:800}.action-sheet label small{color:#7d6976;text-transform:lowercase;font-weight:600}.login-form input,.action-sheet input,.action-sheet select{border:2px solid var(--ink);width:100%;min-height:50px;color:var(--ink);background:#fff;border-radius:11px;padding:0 13px;font-weight:600}.mode-switch{background:var(--pink);border:2px solid var(--ink);border-radius:12px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.mode-switch button{background:0 0;border:0;border-radius:8px;min-height:38px;font-weight:800}.mode-switch button.active{background:var(--paper);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.form-error{border:2px solid var(--ink);color:#7e1611;background:#ffd5d0;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:700}.invite-guidance{border:2px dashed var(--plum);background:var(--blue);color:#5d4855;border-radius:11px;margin:0;padding:10px 12px;font-size:12px;font-weight:700;line-height:1.45}.demo-access{border-top:2px dashed #b3a3aa;margin-top:18px;padding-top:15px}.demo-access>span{text-align:center;color:#75626d;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.demo-access>div{justify-content:center;gap:8px;display:flex}.demo-access button{border:1.8px solid var(--ink);background:#fff;border-radius:999px;min-height:34px;padding:0 10px;font-size:12px;font-weight:800}.prototype-note{text-align:center;color:#907d88;margin-top:13px;font-size:10px}.app-shell{min-height:100svh;padding-bottom:calc(84px + env(safe-area-inset-bottom));background:radial-gradient(circle at 1px 1px, #25152217 1px, transparent 1.1px) 0 0 / 22px 22px, var(--cream)}.page-header{max-width:780px;min-height:105px;padding:max(20px, env(safe-area-inset-top)) 20px 18px;background:var(--cream);border-bottom:2px solid var(--ink);align-items:center;gap:12px;margin:0 auto;display:flex;position:relative}.page-header__identity{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.page-header__identity p{color:var(--plum);letter-spacing:1.2px;margin-bottom:2px;font-size:9px;font-weight:800;line-height:1}.page-header__identity h1{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.6px;font:25px/1.1 Paytone One,Arial Black,sans-serif;overflow:hidden}.page-header__scribble{color:#7d6a76;font-size:10px;font-weight:700;position:absolute;bottom:8px;right:76px;transform:rotate(-3deg)}.icon-button{border:2px solid var(--ink);background:var(--pink);width:43px;height:43px;box-shadow:3px 3px 0 var(--ink);border-radius:12px;place-items:center;display:grid}.content{width:min(100%,780px);margin:0 auto;padding:21px 18px 38px}.member-hero,.admin-summary{gap:15px;display:grid}.balance-card,.admin-total{border:var(--border);min-height:190px;box-shadow:var(--shadow);background:var(--orange);border-radius:20px;padding:22px;position:relative;overflow:hidden}.balance-card:after,.admin-total:after{content:"";border:2px solid var(--ink);background:var(--plum);border-radius:50%;width:126px;height:126px;position:absolute;bottom:-45px;right:-34px}.balance-card>div:first-child,.admin-total>*{z-index:1;position:relative}.balance-card>div>p,.admin-total__top p{letter-spacing:1.3px;margin-bottom:6px;font-size:11px;font-weight:800}.balance-card h2,.admin-total h2{letter-spacing:-1px;font:38px/1.1 Paytone One,Arial Black,sans-serif}.balance-card__coin{z-index:2;border:2px solid var(--ink);background:var(--lime);width:57px;height:57px;box-shadow:3px 3px 0 var(--ink);border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid;position:absolute;top:20px;right:20px;transform:rotate(8deg)}.balance-card__hint{z-index:2;max-width:245px;font-size:13px;font-weight:700;line-height:1.35;position:absolute;bottom:21px;left:22px}.balance-card--low{background:var(--pink)}.balance-card--negative{background:#ff9b83}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-card{border:var(--border);min-width:0;min-height:149px;box-shadow:4px 4px 0 var(--ink);border-radius:17px;padding:16px;position:relative}.stat-card--lime{background:var(--lime)}.stat-card--blue{background:var(--blue)}.stat-card__icon{border:2px solid var(--ink);background:var(--paper);border-radius:9px;place-items:center;width:35px;height:35px;margin-bottom:13px;display:grid;transform:rotate(-3deg)}.stat-card p{letter-spacing:1px;font-size:9px;font-weight:900}.stat-card strong{text-overflow:ellipsis;white-space:nowrap;margin:3px 0 2px;font:22px/1.15 Paytone One,Arial Black,sans-serif;display:block;overflow:hidden}.stat-card>span{color:#56464f;font-size:11px;font-weight:600;display:block}.history-section,.quick-section,.people-section,.profile-section{margin-top:32px}.history-section--page,.people-section,.profile-section{margin-top:4px}.section-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.section-heading p{color:var(--plum);letter-spacing:1.4px;margin-bottom:2px;font-size:9px;font-weight:900}.section-heading h2{letter-spacing:-.5px;font:25px/1.1 Paytone One,Arial Black,sans-serif}.text-button,.small-add{white-space:nowrap;background:0 0;border:0;align-items:center;gap:2px;font-size:12px;font-weight:800;display:flex}.small-add{border:2px solid var(--ink);background:var(--lime);min-height:36px;box-shadow:3px 3px 0 var(--ink);border-radius:9px;gap:5px;padding:0 11px}.transaction-list,.people-list{flex-direction:column;gap:12px;display:flex}.transaction{border:2px solid var(--ink);background:var(--paper);min-width:0;min-height:102px;box-shadow:3px 3px 0 var(--ink);border-radius:15px;align-items:flex-start;gap:12px;padding:14px;display:flex}.transaction__icon{border:2px solid var(--ink);background:var(--orange);border-radius:11px;flex:none;place-items:center;width:43px;height:43px;display:grid}.transaction--topup .transaction__icon{background:var(--lime)}.transaction__body{flex:1;min-width:0}.transaction__title-row{justify-content:space-between;gap:8px;display:flex}.transaction h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;line-height:1.2;overflow:hidden}.transaction__title-row strong{color:#b22929;white-space:nowrap;font-size:14px}.transaction__title-row strong.positive{color:#337414}.transaction__body>p{color:#71616a;margin-top:3px;font-size:12px;font-weight:600}.transaction__body>p.transaction__user{border:1.5px solid var(--ink);background:var(--pink);color:var(--ink);border-radius:999px;margin-top:5px;margin-right:6px;padding:2px 7px;font-size:10px;display:inline-block}.transaction__body>span{color:#8b7982;align-items:center;gap:5px;margin-top:8px;font-size:10px;font-weight:700;display:flex}.empty-state{text-align:center;border:2px dashed #9f8c96;border-radius:16px;padding:30px 18px}.empty-state>div{font-size:30px}.empty-state h3{margin:8px 0 4px}.empty-state p{color:#75646e;font-size:13px}.filter-chips{gap:8px;margin:-2px 0 15px;display:flex}.filter-chips span{border:1.5px solid var(--ink);background:var(--pink);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.profile-card{border:var(--border);background:var(--paper);box-shadow:var(--shadow);text-align:center;border-radius:20px;padding:25px 20px 20px}.profile-card__avatar,.person-card__avatar{border:2px solid var(--ink);background:var(--orange);border-radius:50%;place-items:center;font:22px/1 Paytone One,Arial Black,sans-serif;display:grid}.profile-card__avatar{width:72px;height:72px;box-shadow:4px 4px 0 var(--ink);margin:0 auto 13px;font-size:31px}.profile-card h2{font:26px/1.2 Paytone One,Arial Black,sans-serif}.profile-card>p{color:#806e78;margin:4px 0 22px;font-size:13px}.profile-card__meta{text-align:left;border-top:1.5px solid #cbbdc3;justify-content:space-between;gap:12px;padding:13px 0;font-size:13px;display:flex}.profile-card__meta span{color:#74626c}.profile-card .button{margin-top:15px}.fine-print{color:#816f79;text-align:center;margin:22px 12px;font-size:11px;line-height:1.5}.bottom-nav{z-index:20;width:min(100% - 24px,520px);height:66px;left:50%;bottom:max(10px, env(safe-area-inset-bottom));border:var(--border);background:var(--ink);border-radius:17px;grid-template-columns:repeat(3,1fr);padding:5px;display:grid;position:fixed;transform:translate(-50%);box-shadow:5px 5px #a72c7099}.bottom-nav button{color:#fff;background:0 0;border:0;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;display:flex}.bottom-nav button span{font-size:9px;font-weight:800}.bottom-nav button.active{background:var(--plum);border:2px solid #fff}.admin-summary{grid-template-columns:1.45fr .85fr}.admin-total{background:var(--blue);min-height:184px}.admin-total__top{justify-content:space-between;align-items:center;display:flex}.admin-total__top span{border:1.5px solid var(--ink);background:var(--lime);border-radius:999px;padding:3px 8px;font-size:9px;font-weight:900}.admin-total>p{margin-top:8px;font-size:12px;font-weight:700}.admin-total__washer{border:2px solid var(--ink);background:var(--paper);border-radius:14px;place-items:center;width:54px;height:54px;display:grid;bottom:17px;right:18px;transform:rotate(5deg);z-index:2!important;position:absolute!important}.admin-summary>.stat-card{min-height:184px}.quick-grid{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.quick-action{border:var(--border);min-height:105px;box-shadow:4px 4px 0 var(--ink);border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:12px 8px;font-size:12px;font-weight:900;transition:transform .12s,box-shadow .12s;display:flex}.quick-action:active{box-shadow:none;transform:translate(3px,3px)}.quick-action span{border:2px solid var(--ink);background:var(--paper);border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.quick-action--orange{background:var(--orange)}.quick-action--lime{background:var(--lime)}.quick-action--blue{background:var(--blue)}.quick-action--pink{background:var(--pink)}.person-card{border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);border-radius:16px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px;display:grid}.person-card__avatar{width:45px;height:45px;font-size:20px}.person-card:nth-child(3n+2) .person-card__avatar{background:var(--lime)}.person-card:nth-child(3n) .person-card__avatar{background:var(--blue)}.person-card__body{min-width:0}.person-card__body h3{font-size:15px}.person-card__body p{color:#786771;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 5px;font-size:11px;overflow:hidden}.person-card__body span{font-size:10px;font-weight:700}.person-card__balance{text-align:right}.person-card__balance span{color:#87747f;text-transform:uppercase;font-size:9px;font-weight:800;display:block}.person-card__balance strong{white-space:nowrap;font-size:14px}.person-card__balance strong.low{color:#b52c26}.person-card__actions{grid-column:2/-1;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.person-card__actions button{border:1.8px solid var(--ink);background:var(--pink);border-radius:8px;min-height:34px;font-size:11px;font-weight:800}.person-card__actions button:nth-child(2){background:var(--lime)}.person-card__actions button.danger{color:#7e1611;background:#ffd5d0}.sheet-backdrop{z-index:100;background:#2515229e;justify-content:center;align-items:flex-end;padding-top:40px;animation:.16s ease-out fade-in;display:flex;position:fixed;inset:0}.action-sheet{width:min(100%,540px);max-height:calc(100svh - 36px);padding:14px 20px max(26px, env(safe-area-inset-bottom));border:var(--border);background:var(--cream);box-shadow:0 -6px 0 var(--plum);border-bottom:0;border-radius:25px 25px 0 0;animation:.22s cubic-bezier(.2,.8,.2,1) sheet-up;position:relative;overflow:auto}.sheet-handle{background:var(--ink);border-radius:99px;width:48px;height:5px;margin:0 auto 12px}.sheet-close{border:2px solid var(--ink);background:var(--pink);border-radius:10px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:23px;right:18px}.sheet-heading{margin-bottom:21px;padding-right:48px}.sheet-heading p{color:var(--plum);letter-spacing:1.4px;font-size:9px;font-weight:900}.sheet-heading h2{margin:2px 0 3px;font:27px/1.15 Paytone One,Arial Black,sans-serif}.sheet-heading span{color:#796772;font-size:12px}.action-sheet fieldset{border:0;margin:0;padding:0}.action-sheet legend{margin-bottom:7px}.choice-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.choice-button{border:2px solid var(--ink);text-align:left;background:#fff;border-radius:11px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:66px;padding:9px 34px 9px 12px;display:flex;position:relative}.choice-button.active{background:var(--lime);box-shadow:3px 3px 0 var(--ink)}.choice-button>span{font-size:13px;font-weight:800}.choice-button small{color:#6f5e68;margin-top:2px;font-size:10px;font-weight:700}.choice-button i{border:1.8px solid var(--ink);background:var(--paper);border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.price-preview{border:2px dashed var(--plum);background:var(--pink);border-radius:11px;justify-content:space-between;align-items:center;min-height:55px;padding:10px 13px;display:flex}.price-preview span{font-size:12px;font-weight:700}.price-preview strong{font:18px/1 Paytone One,Arial Black,sans-serif}.amount-chips{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:-5px;display:grid}.amount-chips button{border:1.8px solid var(--ink);background:var(--paper);border-radius:8px;min-height:35px;font-size:11px;font-weight:800}.amount-chips button.active{background:var(--lime);box-shadow:2px 2px 0 var(--ink)}.invite-note{border:1.8px solid var(--ink);background:var(--blue);border-radius:10px;align-items:flex-start;gap:9px;padding:11px;display:flex}.invite-note p{font-size:11px;line-height:1.4}.status-card{text-align:center}.status-card h2{margin:6px 0 8px;font:27px/1.15 Paytone One,Arial Black,sans-serif}.status-card>p{color:#66525f;max-width:320px;margin:0 auto 18px;font-size:13px;line-height:1.5}.status-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.toast{z-index:150;min-height:45px;left:50%;top:max(16px, env(safe-area-inset-top));border:2px solid var(--ink);background:var(--lime);box-shadow:4px 4px 0 var(--ink);white-space:nowrap;border-radius:11px;align-items:center;gap:7px;padding:8px 14px;font-size:12px;font-weight:800;animation:.22s ease-out toast-in;display:flex;position:fixed;transform:translate(-50%)}@keyframes sheet-up{0%{opacity:0;transform:translateY(30px)}}@keyframes fade-in{0%{opacity:0}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-12px)}}@media (width>=650px){.member-hero{grid-template-columns:1.4fr 1fr}.member-hero .stats-grid{grid-template-columns:1fr}.member-hero .stat-card{grid-template-rows:auto auto auto;grid-template-columns:45px 1fr;align-items:center;column-gap:10px;min-height:auto;display:grid}.member-hero .stat-card__icon{grid-row:1/4;margin:0}.transaction-list,.people-list{grid-template-columns:1fr 1fr;align-items:start;display:grid}.admin-summary .stat-card strong{font-size:26px}}@media (width<=440px){.login-card{padding:19px 16px 16px}.brand img{height:125px}.brand__copy strong{font-size:clamp(29px,9vw,36px)}.page-header{padding-inline:15px}.page-header__identity h1{font-size:22px}.page-header__scribble{display:none}.content{padding-inline:14px}.balance-card h2,.admin-total h2{font-size:clamp(28px,9.2vw,38px)}.admin-summary{grid-template-columns:1fr}.admin-summary>.stat-card{min-height:124px}.admin-summary>.stat-card .stat-card__icon{margin-bottom:8px}}@media (width<=355px){.brand--compact{width:53px}.page-header__identity{gap:6px}.page-header__identity h1{font-size:19px}.balance-card__coin{display:none}.stats-grid{grid-template-columns:1fr}.quick-action{min-height:96px;font-size:10px}.person-card{grid-template-columns:42px minmax(0,1fr)}.person-card__avatar{width:40px;height:40px}.person-card__balance{text-align:left;grid-column:2}.choice-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}