:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f6f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.content{max-width:900px;margin:auto;padding:0 22px 110px}.view-header{display:flex;align-items:end;justify-content:space-between;padding:46px 4px 22px}.view-header h1{font-size:34px;margin:0;letter-spacing:-1px}.view-header p{margin:6px 0 0;color:#7b8290}.circle,.icon{border:0;background:#fff;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;box-shadow:0 4px 18px #1d2a4a12}.list,.settings{display:grid;gap:10px}.list-item{width:100%;border:1px solid #e9ebf2;background:#fff;border-radius:18px;padding:14px;display:flex;align-items:center;gap:13px;text-align:left;color:inherit}.list-item:hover{border-color:#ccd2e2}.avatar{width:46px;height:46px;border-radius:14px;background:#eef1ff;display:grid;place-items:center;color:#4b5fd1}.grow{flex:1;display:grid;gap:4px}.grow strong{font-size:16px}.grow small,.setting small{color:#8b91a0}.pending{font-size:11px;font-style:normal;background:#fff4d6;color:#986800;padding:4px 7px;border-radius:20px}.empty{padding:55px 20px;text-align:center;color:#8b91a0;background:#fff;border-radius:20px;border:1px dashed #d9dce6}.tabbar{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(620px,calc(100% - 24px));height:72px;background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #e7e9ef;border-radius:24px;box-shadow:0 12px 40px #18203a22;display:grid;grid-template-columns:repeat(4,1fr);padding:6px;z-index:20}.tabbar button{border:0;background:transparent;border-radius:18px;color:#8a90a0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px}.tabbar button svg{width:22px}.tabbar button.active{color:#3e55d6;background:#eef1ff}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#12182955;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;display:flex;align-items:flex-end;justify-content:center}.sheet{background:#fff;width:min(600px,100%);max-height:88vh;overflow:auto;border-radius:28px 28px 0 0;padding:24px;display:grid;gap:18px}.sheet-head{display:flex;justify-content:space-between;align-items:center}.sheet h2{margin:0}.sheet label,.auth-card label{display:grid;gap:7px;font-size:13px;color:#6f7685}.sheet input,.sheet select,.auth-card input,.select{border:1px solid #dfe2eb;background:#fafbfe;border-radius:12px;padding:12px 13px;color:#172033}.sheet fieldset{border:0;padding:0;margin:0;display:grid;gap:6px}.sheet legend{font-size:13px;color:#6f7685;margin-bottom:8px}.check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px!important;background:#f7f8fc;padding:10px;border-radius:12px}.check span{display:grid;color:#172033}.check small{color:#8b91a0}.primary{border:0;background:#4056d6;color:#fff;padding:13px 18px;border-radius:13px;font-weight:650}.primary:disabled{opacity:.6}.settings-section{background:#fff;border:1px solid #e9ebf2;border-radius:20px;padding:6px 18px}.settings-section h3{font-size:12px;text-transform:uppercase;color:#969cab;letter-spacing:.6px}.setting{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #f0f1f5}.setting:nth-of-type(1){border-top:0}.setting span{display:grid;gap:4px}.danger{border:0;background:transparent;color:#d4374a;padding:16px 0;font-weight:600}.auth{min-height:100vh;display:grid;place-content:center;grid-template-columns:minmax(260px,340px) minmax(320px,460px);gap:70px;padding:28px}.brand h1{font-size:48px;margin:18px 0 4px;letter-spacing:-2px}.brand p{color:#7b8290}.logo{width:72px;height:72px;border-radius:22px;background:#172554;color:#fff;display:grid;place-items:center;font-size:34px;font-weight:800}.card{background:#fff;border:1px solid #e7e9f0;border-radius:26px;box-shadow:0 18px 60px #1e294312}.auth-card{padding:26px;display:grid;gap:17px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#f1f2f7;border-radius:12px;padding:3px}.segmented button{border:0;background:transparent;padding:9px;border-radius:10px;color:#7b8290}.segmented button.active{background:#fff;color:#172033;box-shadow:0 1px 6px #17203312}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.error{background:#fff0f1;color:#b72b3e;padding:10px;border-radius:10px;font-size:13px}.success{background:#effbf3;color:#267a43;padding:10px;border-radius:10px;font-size:13px}.toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%);z-index:50;background:#172033;color:#fff;padding:10px 16px;border-radius:14px;box-shadow:0 8px 30px #0003;max-width:calc(100% - 30px)}.toast.error{background:#b72b3e}.splash{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:12px}.splash .logo{width:64px;height:64px}@media(max-width:720px){.auth{grid-template-columns:1fr;gap:24px;align-content:center}.brand{text-align:center}.brand .logo{margin:auto}.brand h1{font-size:36px}.content{padding-left:14px;padding-right:14px}.view-header{padding-top:28px}.view-header h1{font-size:30px}.row{grid-template-columns:1fr}.tabbar{height:68px;border-radius:22px}.sheet{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}@media(min-width:900px){.sheet{align-self:center;border-radius:28px}.tabbar{bottom:18px}}.group-detail-header{align-items:center;gap:14px}.group-detail-header .title-block{text-align:center}.group-detail-header .title-block h1{font-size:28px}.expense-avatar{font-size:11px;font-weight:750}.fab{position:fixed;right:max(24px,calc((100vw - 900px)/2 + 24px));bottom:104px;width:56px;height:56px;border:0;border-radius:50%;background:#4056d6;color:#fff;display:grid;place-items:center;box-shadow:0 10px 30px #4056d655;z-index:15}.fab svg{width:26px;height:26px}@media(max-width:720px){.fab{right:20px;bottom:96px}.group-detail-header .title-block h1{font-size:24px}}.expense-modal{align-items:center}.expense-sheet{width:min(620px,calc(100vw - 24px));max-height:min(900px,calc(100vh - 32px));overflow-y:auto}.expense-form{display:flex;flex-direction:column;gap:16px}.expense-form label{display:flex;flex-direction:column;gap:7px}.expense-form input,.expense-form select{width:100%;box-sizing:border-box}.expense-amount-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:14px}.expense-amount-row>strong{padding-bottom:12px;font-size:20px}.expense-static-row,.expense-participants-button{display:flex;align-items:center;justify-content:space-between;gap:16px}.expense-static-row{padding:12px 0}.expense-static-row strong,.expense-participants-button strong{opacity:.65;font-weight:500}.expense-participants-button{width:100%;border:0;background:transparent;padding:12px 0;color:inherit;font:inherit;cursor:pointer}.expense-participant-picker{display:flex;flex-direction:column;border-radius:12px;overflow:hidden}.expense-participant-picker button{display:flex;justify-content:space-between;align-items:center;padding:12px;border:0;border-bottom:1px solid rgba(127,127,127,.18);background:#7f7f7f12;color:inherit;cursor:pointer;text-align:left}.expense-participant-picker button:last-child{border-bottom:0}.expense-participant-picker button.selected{font-weight:600}.expense-section{display:flex;flex-direction:column;gap:10px}.expense-section-title{font-size:13px;text-transform:uppercase;opacity:.6}.expense-segmented{display:grid;grid-template-columns:repeat(4,1fr);padding:3px;border-radius:10px;background:#7f7f7f24}.expense-segmented button{border:0;border-radius:8px;padding:9px 5px;background:transparent;color:inherit;cursor:pointer;font-size:13px}.expense-segmented button.active{background:var(--card, rgba(255,255,255,.95));box-shadow:0 1px 4px #00000024;font-weight:600}.expense-distribution{display:flex;flex-direction:column}.expense-distribution-row{min-height:48px;display:grid;grid-template-columns:minmax(100px,1fr) auto 86px;align-items:center;gap:10px;border-bottom:1px solid rgba(127,127,127,.16)}.expense-distribution-row:last-child{border-bottom:0}.expense-distribution-row>input{width:86px;text-align:right}.expense-percent-input{display:flex;align-items:center;gap:4px}.expense-percent-input input{width:65px;text-align:right}.expense-footer{padding-top:8px;font-size:14px}.expense-footer.valid{color:#249a48}.expense-footer.invalid{color:#d04444}.expense-delete{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;background:transparent;color:#d04444;padding:12px;cursor:pointer;font:inherit}.primary:disabled{opacity:.45;cursor:not-allowed}@media(max-width:600px){.expense-modal{align-items:flex-end}.expense-sheet{width:100%;max-height:94vh;border-radius:20px 20px 0 0}.expense-segmented button{font-size:12px;padding-left:2px;padding-right:2px}}.group-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:0 16px 14px;padding:3px;border-radius:12px;background:#7f7f7f24}.group-tabs button{border:0;border-radius:9px;padding:9px 12px;background:transparent;color:inherit;font:inherit;font-weight:500;cursor:pointer}.group-tabs button.active{background:var(--card, rgba(255,255,255,.95));box-shadow:0 1px 5px #00000024;font-weight:650}.balances-view{display:flex;flex-direction:column;gap:14px;padding:0 16px 90px}.balance-card{overflow:hidden;border-radius:16px;background:var(--card, rgba(255,255,255,.94));box-shadow:0 2px 12px #0000000f}.balance-card>h3{margin:0;padding:14px 16px 9px;font-size:13px;text-transform:uppercase;letter-spacing:.02em;opacity:.58}.balance-empty{padding:15px 16px 18px;opacity:.55}.balance-participant,.balance-spending{border-top:1px solid rgba(127,127,127,.13)}.balance-main-row,.balance-currency-row{display:flex;width:100%;align-items:center;gap:8px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.balance-main-row{min-height:52px;padding:10px 16px}.balance-chevron{display:flex;width:18px;flex:0 0 18px;justify-content:center;opacity:.55}.balance-muted{opacity:.48;font-size:14px}.balance-multi{color:#d98916;font-size:14px}.balance-positive{color:#23984b}.balance-negative{color:#d64545}.balance-currencies{margin:0 16px 10px 42px;border-top:1px solid rgba(127,127,127,.14)}.balance-currency+.balance-currency{border-top:1px solid rgba(127,127,127,.12)}.balance-currency-row{min-height:42px;padding:7px 8px}.balance-details,.balance-spending-details{padding:2px 8px 9px}.balance-detail-title{padding:5px 8px;font-size:12px;opacity:.55}.balance-detail-row{display:flex;align-items:center;gap:10px;min-height:32px;padding:4px 8px;font-size:13px}.balance-detail-row>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.balance-detail-row>strong{margin-left:auto;white-space:nowrap}.settlement-row{display:flex;align-items:center;gap:7px;min-height:50px;padding:9px 16px;border-top:1px solid rgba(127,127,127,.13)}.settlement-row strong{white-space:nowrap}@media(max-width:600px){.group-tabs{margin-left:12px;margin-right:12px}.balances-view,.balance-main-row{padding-left:12px;padding-right:12px}.balance-currencies{margin-left:34px;margin-right:12px}.settlement-row{padding-left:12px;padding-right:12px;font-size:14px}}.settlement-row{width:100%;border-left:0;border-right:0;border-bottom:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.settlement-row:hover{background:#7f7f7f0f}.settlement-row:active{background:#7f7f7f1c}.settlement-open{flex:0 0 auto;opacity:.42}.settle-modal{align-items:center}.settle-sheet{width:min(520px,calc(100vw - 24px));max-height:min(820px,calc(100vh - 32px));overflow-y:auto}.settle-form{display:flex;flex-direction:column;gap:17px}.settle-form label{display:flex;flex-direction:column;gap:7px}.settle-form input{width:100%;box-sizing:border-box}.settle-section-title{margin-top:2px;font-size:13px;text-transform:uppercase;letter-spacing:.02em;opacity:.58}.settle-party-card{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:14px;border-radius:14px;background:#7f7f7f14}.settle-party-row{min-width:0;display:flex;flex-direction:column;gap:5px}.settle-party-row:last-child{text-align:right}.settle-party-row span{font-size:12px;opacity:.55}.settle-party-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settle-direction{display:flex;align-items:center;justify-content:center;opacity:.55}.settle-amount-input{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.settle-amount-input strong{min-width:28px;font-size:20px;text-align:center}.settle-static-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}.settle-static-row>div{display:flex;align-items:baseline;gap:7px}.settle-static-row small{opacity:.5}.settle-save{margin-top:4px}@media(max-width:600px){.settle-modal{align-items:flex-end}.settle-sheet{width:100%;max-height:94vh;border-radius:20px 20px 0 0}.settle-party-card{padding:12px}}:root,html[data-theme=light]{--bg:#f6f7fb;--surface:#ffffff;--surface-2:#fafbfe;--surface-3:#f1f2f7;--text:#172033;--muted:#7b8290;--muted-2:#8b91a0;--border:#e7e9ef;--border-soft:#f0f1f5;--accent:#4056d6;--accent-soft:#eef1ff;--overlay:#12182955;--shadow:#18203a22;--danger:#d4374a}html[data-theme=dark]{--bg:#0d1118;--surface:#171c25;--surface-2:#1d232e;--surface-3:#252c38;--text:#f1f4f8;--muted:#aab2c0;--muted-2:#929baa;--border:#2b3340;--border-soft:#252c36;--accent:#8192ff;--accent-soft:#252d54;--overlay:#00000088;--shadow:#00000066;--danger:#ff6f7d}html,body,#root,.app-shell{background:var(--bg);color:var(--text)}body{transition:background-color .16s ease,color .16s ease}.view-header p,.brand p,.grow small,.setting small{color:var(--muted)}.circle,.icon,.list-item,.empty,.settings-section,.card,.sheet,.balance-card{background:var(--surface);color:var(--text);border-color:var(--border)}.list-item:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.avatar{background:var(--accent-soft);color:var(--accent)}.tabbar{background:color-mix(in srgb,var(--surface) 92%,transparent);border-color:var(--border);box-shadow:0 12px 40px var(--shadow)}.tabbar button{color:var(--muted)}.tabbar button.active{color:var(--accent);background:var(--accent-soft)}.modal{background:var(--overlay)}.sheet label,.auth-card label,.sheet legend{color:var(--muted)}.sheet input,.sheet select,.auth-card input,.select,.settings select,.expense-form input,.expense-form select,.settle-form input{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.check,.settle-party-card{background:var(--surface-2)}.check span{color:var(--text)}.segmented,.expense-segmented,.group-tabs{background:var(--surface-3)}.segmented button,.expense-segmented button,.group-tabs button{color:var(--muted)}.segmented button.active,.expense-segmented button.active,.group-tabs button.active{background:var(--surface);color:var(--text)}.primary,.fab{background:var(--accent)}.setting{border-color:var(--border-soft)}.expense-participant-picker button{background:var(--surface-2);border-color:var(--border)}.balance-participant,.balance-spending,.settlement-row,.balance-currencies,.balance-currency+.balance-currency,.expense-distribution-row{border-color:var(--border)}.settlement-row:hover{background:color-mix(in srgb,var(--surface-2) 75%,transparent)}.settlement-row:active{background:var(--surface-3)}.danger,.expense-delete{color:var(--danger)}.logo{background:var(--text);color:var(--surface)}