:root{--canvas:#f5f8f4;--surface:#ffffff;--surface-soft:#edf5ef;--surface-warm:#fbf6ee;--ink:#15231c;--muted:#68786f;--faint:#91a197;--line:#dce8e0;--green:#0fa86b;--green-dark:#08784d;--green-soft:#ddf4e9;--coral:#d95d59;--coral-soft:#fde9e7;--blue:#4c7fb8;--blue-soft:#e6eef8;--gold:#b67b22;--gold-soft:#fbedd6;--shadow:0 22px 70px rgb(21 35 28/12%)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,rgb(15 168 107/12%),transparent 32rem),var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-panel{width:min(100%,430px);display:grid;grid-gap:24px;gap:24px;padding:28px;border:1px solid rgb(21 35 28/10%);border-radius:28px;background:var(--surface);box-shadow:var(--shadow)}.auth-panel.compact{justify-items:center;text-align:center}.brand-row{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;aspect-ratio:1;display:grid;place-items:center;border-radius:8px;background:var(--green);color:#ffffff;font-weight:850}.brand-name{margin:0;color:var(--ink);font-size:1rem;font-weight:850}.auth-copy{display:grid;grid-gap:10px;gap:10px}.auth-copy h1,.auth-panel.compact h1{max-width:11ch;margin:0;font-size:3rem;line-height:.95;letter-spacing:0}.auth-copy p,.auth-message,.auth-panel.compact p{margin:0;color:var(--muted);line-height:1.5}.login-form{display:grid;grid-gap:14px;gap:14px}.auth-mode{min-height:42px}.auth-mode button{font-size:.8rem}.auth-inline-action{justify-self:end}.login-button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:var(--green);color:#ffffff;cursor:pointer;font-weight:850}.login-button:disabled{background:#b9c8bf;cursor:progress}.auth-message{padding:12px 14px;border-radius:8px;background:var(--surface-soft);font-size:.9rem}.auth-message.error{background:var(--coral-soft);color:var(--coral)}.auth-message.sent{background:var(--green-soft);color:var(--green-dark)}.env-list{display:grid;grid-gap:8px;gap:8px}.env-list code{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fbfdfb;color:var(--ink);font-size:.83rem;overflow-wrap:anywhere}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.phone-frame{position:relative;width:min(100%,430px);height:min(860px,calc(100vh - 48px));min-height:720px;overflow:hidden;border:1px solid rgb(21 35 28/10%);border-radius:28px;background:var(--surface);box-shadow:var(--shadow)}.screen{height:100%;overflow-y:auto;padding:24px 18px 112px;background:linear-gradient(180deg,#fbfdfb,#f7faf8)}.stack{display:grid;grid-gap:10px;gap:10px}.card-footer,.card-title-row,.dashboard-header,.detail-header,.section-title,.settlement-action,.sheet-header{display:flex;align-items:center}.card-footer,.dashboard-header,.section-title,.settlement-action{justify-content:space-between;gap:12px}.detail-header{gap:12px;margin-bottom:18px}.detail-header h1,.page-header h1{margin:0;font-size:1.72rem;line-height:1.06;letter-spacing:0}.detail-header p,.expense-row p,.field span,.metric span,.page-header p,.profile-card p,.section-title span,.settlement-card p,.sheet-header p,.split-control>span,.split-preview span{margin:0;color:var(--muted);font-size:.82rem;line-height:1.35}.icon-button{width:42px;aspect-ratio:1;display:grid;place-items:center;border:0;border-radius:50%;background:var(--green);color:#ffffff;cursor:pointer}.icon-button.ghost{flex:0 0 auto;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.balance-hero{display:grid;grid-gap:8px;gap:8px;margin:22px 0;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--surface-warm)}.balance-hero span{color:var(--muted);font-size:.82rem}.balance-hero strong{font-size:1.55rem;line-height:1.05;letter-spacing:0}.balance-hero.positive strong,.balance-pill.positive{color:var(--green-dark)}.balance-hero.negative strong,.balance-pill.negative{color:var(--coral)}.balance-hero.neutral strong,.balance-pill.neutral{color:var(--muted)}.section{display:grid;grid-gap:12px;gap:12px;margin-top:20px}.section-title h2{margin:0;font-size:1rem}.section-hint{margin:-4px 0 2px;color:var(--muted);font-size:.78rem}.group-list{display:grid;grid-gap:10px;gap:10px}.activity-row,.group-card,.settings-row{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer;text-align:left}.group-card{display:grid;grid-gap:18px;gap:18px;padding:16px}.expense-row h3,.group-card h3,.profile-card h2,.settlement-card h3{margin:0;font-size:1rem}.group-card p{margin:6px 0 0;color:var(--muted);font-size:.86rem}.balance-pill{max-width:190px;padding:7px 10px;border-radius:999px;background:var(--surface-soft);font-size:.8rem;font-weight:750;text-align:right}.avatar-stack{display:flex;align-items:center;min-width:0}.avatar-stack .avatar+.avatar{margin-left:-8px}.avatar,.expense-icon{flex:0 0 auto;width:34px;aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--surface);border-radius:50%;font-size:.72rem;font-weight:800}.avatar-green{background:var(--green-soft);color:var(--green-dark)}.avatar-blue{background:var(--blue-soft);color:var(--blue)}.avatar-coral{background:var(--coral-soft);color:var(--coral)}.avatar-gold{background:var(--gold-soft);color:var(--gold)}.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:4px;gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.segmented button,.tabs button{min-height:36px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font-size:.86rem;font-weight:700}.segmented button.active,.tabs button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgb(21 35 28/10%)}.member-row{display:flex;flex-wrap:wrap;gap:8px}.member-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:.88rem;font-weight:700}.pending-invite-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px;border:1px solid var(--gold-soft);border-radius:8px;background:var(--surface-warm)}.pending-invite-summary div{display:grid;grid-gap:2px;gap:2px}.pending-invite-summary strong{color:var(--gold);font-size:.86rem}.pending-invite-summary span{color:var(--muted);font-size:.8rem;line-height:1.35}.expense-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.expense-icon{border:0;background:var(--green-soft);color:var(--green-dark)}.currency-note{display:inline-block;margin-top:6px;color:var(--blue);font-size:.76rem;font-weight:750}.expense-amount{display:grid;grid-gap:4px;gap:4px;justify-items:end;text-align:right}.expense-amount strong{font-size:.9rem}.expense-amount small,.expense-amount span{color:var(--muted);font-size:.76rem}.expense-actions{align-items:flex-end;display:grid;grid-gap:4px;gap:4px;justify-items:end}.expense-action-button{align-items:center;display:inline-flex;justify-content:flex-end;gap:5px;border:0;background:transparent;color:var(--green-dark);cursor:pointer;font-size:.76rem;font-weight:800}.expense-action-button.danger{color:var(--coral)}.expense-action-button:disabled{color:var(--muted);cursor:not-allowed}.expense-error{grid-column:1/-1}.settlement-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.settlement-action{flex-direction:column;align-items:flex-end}.settlement-action button,.text-button{border:0;background:transparent;color:var(--green-dark);cursor:pointer;font-size:.86rem;font-weight:800}.text-button.danger{color:var(--coral)}.text-button:disabled{color:var(--muted);cursor:not-allowed}.settlement-action button{align-items:center;display:inline-flex;gap:6px}.settlement-action button:disabled{color:var(--muted);cursor:not-allowed}.invite-link-block,.pending-invitations{display:grid;grid-gap:10px;gap:10px}.invite-link-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.invitation-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.invitation-card h3{margin:0;font-size:.92rem}.invitation-card p{margin:4px 0 0;color:var(--muted);font-size:.78rem}.invitation-card .text-button{align-items:center;display:inline-flex;gap:6px}.invitation-actions{display:grid;grid-gap:6px;gap:6px;justify-items:end}.empty-state{display:grid;justify-items:center;grid-gap:8px;gap:8px;margin-top:34px;padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--surface);text-align:center}.empty-state.compact{margin-top:12px;padding:18px}.empty-state svg{color:var(--green)}.empty-state h2,.empty-state p{margin:0}.empty-state p{color:var(--muted)}.empty-state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px}.primary-action{position:absolute;right:18px;bottom:22px;z-index:3;min-height:52px;display:inline-flex;align-items:center;gap:8px;padding:0 18px;border:0;border-radius:999px;background:var(--green);color:#ffffff;box-shadow:0 16px 34px rgb(8 120 77/28%);cursor:pointer;font-weight:850}.primary-action:disabled{background:#b9c8bf;box-shadow:none;cursor:not-allowed}.bottom-nav{position:absolute;left:14px;right:14px;bottom:14px;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;padding:6px;border:1px solid rgb(21 35 28/8%);border-radius:20px;background:rgb(255 255 255/88%);box-shadow:0 14px 42px rgb(21 35 28/14%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{min-height:54px;display:grid;justify-items:center;grid-gap:3px;gap:3px;border:0;border-radius:15px;background:transparent;color:var(--muted);cursor:pointer;font-size:.74rem;font-weight:750}.bottom-nav button.active{background:var(--green-soft);color:var(--green-dark)}.activity-row,.settings-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:14px}.settings-row.danger{color:var(--coral)}.activity-dot{width:9px;aspect-ratio:1;border-radius:50%;background:var(--green)}.profile-card{display:flex;align-items:center;gap:14px;margin:22px 0;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.profile-card .avatar{width:48px}.sheet-backdrop{position:absolute;inset:0;z-index:10;display:grid;align-items:end;background:rgb(21 35 28/32%)}.expense-sheet{max-height:88%;overflow-y:auto;display:grid;grid-gap:18px;gap:18px;padding:10px 18px 20px;border-radius:24px 24px 0 0;background:var(--surface);box-shadow:0 -20px 50px rgb(21 35 28/18%)}.sheet-handle{justify-self:center;width:44px;height:5px;border-radius:999px;background:var(--line)}.sheet-header{justify-content:space-between;gap:12px}.sheet-header h2{margin:2px 0 0;font-size:1.1rem}.form-grid{display:grid;grid-gap:12px;gap:12px}.category-control,.field,.split-control{display:grid;grid-gap:8px;gap:8px}.category-control>span,.field>span,.split-control>span{display:inline-flex;align-items:center;gap:6px}.field input,.field select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:8px;background:#fbfdfb;color:var(--ink);padding:0 12px}.field.large input{min-height:60px;font-size:1.65rem;font-weight:850}.rate-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;padding:12px;border:1px solid #d8e5ef;border-radius:8px;background:var(--blue-soft);color:var(--blue)}.rate-card p,.rate-card span{margin:0;font-size:.76rem}.rate-card strong{display:block;margin-top:2px;color:var(--ink);font-size:.86rem}.rate-card p{color:var(--ink);font-weight:850;text-align:right}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:4px;gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.split-control .segmented{grid-template-columns:repeat(3,minmax(0,1fr))}.split-control .segmented.equal-only{grid-template-columns:minmax(0,1fr)}.split-mode-note{margin:0;color:var(--muted);font-size:.8rem}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.category-grid button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fbfdfb;color:var(--muted);cursor:pointer;font-size:.86rem;font-weight:750}.category-grid button.active{border-color:rgb(15 168 107/38%);background:var(--green-soft);color:var(--green-dark)}.participant-list{display:grid;grid-gap:8px;gap:8px}.participant{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px}.participant span{display:inline-flex;align-items:center;gap:10px;font-weight:750}.participant input{width:20px;aspect-ratio:1;accent-color:var(--green)}.split-preview{display:grid;grid-gap:12px;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--green-soft)}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-list{display:grid;grid-gap:6px;gap:6px}.preview-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:8px;background:rgb(255 255 255/62%)}.preview-row span{color:var(--ink);font-size:.84rem;font-weight:750}.preview-row strong{font-size:.84rem}.split-preview p{margin:0;color:var(--green-dark);font-size:.88rem;line-height:1.45}.save-expense-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:var(--green);color:#ffffff;cursor:pointer;font-weight:850}.save-expense-button:disabled{background:#b9c8bf;cursor:not-allowed}.sheet-secondary-action{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:rgb(255 255 255/58%);color:var(--green-dark);cursor:pointer;font-weight:850}.sheet-secondary-action.danger{color:var(--coral)}.sheet-secondary-action:disabled{color:var(--muted);cursor:not-allowed}.expense-danger-zone{display:grid;grid-gap:12px;gap:12px;padding:14px;border:1px solid rgb(232 95 87/34%);border-radius:8px;background:rgb(255 255 255/58%)}.expense-danger-zone div{display:grid;grid-gap:4px;gap:4px}.expense-danger-zone strong{color:var(--ink);font-size:.92rem}.expense-danger-zone span{color:var(--muted);font-size:.82rem;line-height:1.35}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media (max-width:520px){.app-shell{padding:0}.phone-frame{width:100%;height:100vh;min-height:100vh;border:0;border-radius:0}}