:root{--forest-900:#1e3a8a;--forest-700:#1a56db;--forest-500:#3b82f6;--forest-200:#bfdbfe;--forest-50:#eff6ff;--paper:#fff;--surface:#f8faff;--border:#dbeafe;--text:#1e1b4b;--text-muted:#6b7280;--danger:#c0392b;--danger-bg:#fdf0ee;--radius:10px;--shadow:0 2px 8px #00000014}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--surface);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5}.page{max-width:680px;margin:0 auto;padding:24px 16px 80px}.page-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-title{flex:1;font-size:1.4rem;font-weight:700}.page-title-wrap{flex:1;align-items:center;gap:10px;display:flex}.page-actions{gap:8px;display:flex}.app-header{background:var(--paper);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.app-header .container{width:100%;max-width:680px;margin:0 auto}.header-inner{align-items:center;gap:12px;display:flex}.brand{letter-spacing:-.01em;color:var(--forest-700);align-items:center;gap:8px;margin-right:auto;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex}.header-right{align-items:center;gap:6px;display:flex}.header-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;margin:0 4px 0 2px;font-size:.9rem;font-weight:600;overflow:hidden}@media (width<=480px){.header-name{display:none}}.avatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.spinner-wrap{justify-content:center;padding:48px 0;display:flex}.settlement-arrow{color:var(--text-muted)}.auth-shell{background:var(--paper);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:100vh;display:grid}.auth-hero{border-right:1px solid var(--border);background:radial-gradient(circle at 85% 12%,#3b82f62e,#0000 38%),radial-gradient(circle at 10% 90%,#0e9f6e1f,#0000 40%),radial-gradient(#c7d7fb 1px,#0000 1px) 0 0/22px 22px,linear-gradient(160deg,#f5f8ff 0%,#e6eeff 100%);flex-direction:column;gap:20px;padding:48px 56px;display:flex;position:relative;overflow:hidden}.auth-brand{align-items:center;gap:14px;display:flex}.auth-brand-mark{filter:drop-shadow(0 6px 14px #1a56db59);width:56px;height:56px}.auth-brand-name{color:var(--forest-700);letter-spacing:-.02em;font-size:1.6rem;font-weight:800;line-height:1.1}.auth-brand-tag{color:var(--text-muted);font-size:.9rem}.auth-hero-title{letter-spacing:-.03em;color:var(--text);margin-top:24px;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:800;line-height:1.08}.auth-hero-text{color:#475569;max-width:440px;font-size:1.02rem}.auth-points{flex-wrap:wrap;gap:8px;margin-top:auto;list-style:none;display:flex}.auth-points li{border:1px solid var(--border);color:var(--forest-900);background:#fffc;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:600}.auth-points li:before{content:"✓ ";color:#0e9f6e}.auth-demo{max-width:480px;height:330px;margin:8px 0;position:relative}.demo-card{background:#fff;border:1px solid #e3ebfb;border-radius:16px;font-size:.85rem;position:absolute;box-shadow:0 18px 40px -18px #1e3a8a59}.demo-muted{color:var(--text-muted);font-size:.75rem}.demo-group{width:330px;padding:16px;animation:6s ease-in-out infinite demo-float;top:0;left:0}.demo-group-head{border-bottom:1px solid #eef2fb;align-items:center;gap:10px;margin-bottom:4px;padding-bottom:10px;display:flex}.demo-group-emoji{font-size:1.5rem}.demo-group-name{font-weight:700}.demo-avatars{margin-left:auto;display:flex}.demo-avatars span,.demo-dot{color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.7rem;font-weight:700;display:inline-flex}.demo-avatars span+span{margin-left:-8px}.demo-row{align-items:center;gap:10px;padding:8px 0;display:flex}.demo-row-emoji{background:#f1f5ff;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.demo-row-body{flex:1;line-height:1.25}.demo-row-amount{font-weight:700}.demo-settle{align-items:center;gap:8px;padding:12px 16px;animation:6s ease-in-out -2s infinite demo-float;display:flex;top:205px;left:150px}.demo-arrow{color:#0e9f6e;font-weight:700}.demo-settle-text{flex-direction:column;margin-left:4px;line-height:1.25;display:flex}.demo-settle-text .demo-muted{color:#0e9f6e;font-weight:600}.demo-owed{border-color:#bbf7d0;flex-direction:column;padding:12px 16px;line-height:1.2;animation:6s ease-in-out -4s infinite demo-float;display:flex;top:96px;left:346px}.demo-owed strong{color:#0e9f6e;font-size:1.3rem}@keyframes demo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.demo-card{animation:none!important}}.auth-main{justify-content:center;align-items:center;padding:40px 24px;display:flex}.auth-card{width:100%;max-width:400px}.auth-title{letter-spacing:-.02em;margin-bottom:20px;font-size:1.75rem;font-weight:800}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-links{color:var(--text-muted);text-align:center;margin-top:16px;font-size:.875rem}.auth-links a{color:var(--forest-700);text-decoration:none}.auth-links a:hover{text-decoration:underline}.social-btns{flex-direction:column;gap:10px;display:flex}.social-btns .btn-social{background:var(--paper);width:100%;min-height:46px;color:var(--text);cursor:pointer;border:1px solid #d5dbe7;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:.92rem;font-weight:600;transition:background .15s;display:flex;box-shadow:0 1px 2px #0f172a0f}.social-btns .btn-social:hover{background:var(--surface);border-color:var(--forest-500)}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;margin:6px 0;font-size:.8rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-top:1px solid var(--border);flex:1}.settings-title{margin-bottom:16px}.settings-card{background:var(--paper);border:1px solid var(--border);border-radius:18px;margin-bottom:16px;padding:20px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px -12px #1e3a8a2e}.settings-identity{border-bottom:1px solid #eef2fb;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:18px;display:flex}.settings-identity-name{font-size:1.15rem;font-weight:800}.settings-identity-email{color:var(--text-muted);overflow-wrap:anywhere;font-size:.88rem}.settings-section-title{color:var(--text);align-items:center;gap:8px;margin-bottom:12px;font-size:1rem;font-weight:800;display:flex}.settings-help{color:var(--text-muted);margin:-4px 0 12px;font-size:.86rem}.settings-form{flex-direction:column;gap:6px;display:flex}.settings-form .input{margin-bottom:8px}.settings-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.settings-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.color-picker{flex-wrap:wrap;gap:10px;margin-bottom:4px;display:flex}.color-dot{cursor:pointer;border:3px solid #fff;border-radius:50%;width:30px;height:30px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 0 1px #d5dbe7}.color-dot.selected{box-shadow:0 0 0 2px var(--text);transform:scale(1.1)}.color-dot:hover{transform:scale(1.1)}.danger-card{background:linear-gradient(#fff 0,snow 100%);border-color:#f6cfcb}.danger-title{color:#b42318}.danger-list{color:#5b6472;flex-direction:column;gap:4px;margin:0 0 16px 18px;font-size:.88rem;display:flex}.delete-confirm{background:#fff5f4;border:1px solid #f6cfcb;border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.delete-confirm strong{color:#b42318}.btn-danger{color:#fff;background:#d92d20;border:0}.btn-danger:hover:not(:disabled){background:#b42318}.btn-danger-outline{color:#b42318;background:#fff;border:1px solid #f1a7a0}.btn-danger-outline:hover{background:#fff5f4}@media (width<=480px){.settings-actions .btn{flex:1}}label{color:var(--text-muted);margin-bottom:4px;font-size:.875rem;font-weight:500;display:block}.req{color:var(--danger)}.input{border:1px solid var(--border);background:var(--paper);width:100%;color:var(--text);border-radius:7px;outline:none;padding:9px 12px;font-size:.9375rem;transition:border-color .15s}.input:focus{border-color:var(--forest-500);box-shadow:0 0 0 3px #52b78826}.input-sm{width:90px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-group{flex-direction:column;display:flex}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-size:.9375rem;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--forest-700);color:#fff}.btn-primary:hover:not(:disabled){background:var(--forest-900)}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover:not(:disabled){background:var(--surface)}.btn-sm{padding:6px 12px;font-size:.875rem}.icon-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;align-items:center;padding:6px;transition:background .15s;display:flex}.icon-btn:hover{background:var(--surface)}.icon-btn.danger{color:var(--danger)}.icon-btn.danger:hover{background:var(--danger-bg)}.settlement-list{flex-direction:column;gap:8px;display:flex}.settle-intro{color:var(--text-muted);margin:0 0 2px 4px;font-size:.85rem;font-weight:600}.settle-note{color:var(--text-muted);text-align:center;margin-top:8px;font-size:.8rem}.settlement-row{background:var(--paper);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.settlement-row-mine{background:#f5f8ff;border-color:#bfd3fb}.settlement-body{flex-direction:column;flex:1;min-width:0;font-size:.92rem;line-height:1.35;display:flex}.settlement-amount{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:800}.modal-overlay{z-index:100;background:#00000059;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--paper);border-radius:var(--radius);width:100%;max-width:460px;max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 8px 32px #00000029}.modal-lg{max-width:560px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{font-size:1.1rem;font-weight:700}.modal-form{flex-direction:column;gap:14px;display:flex}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.split-tabs{border:1px solid var(--border);border-radius:7px;gap:0;display:flex;overflow:hidden}.split-tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex:1;padding:7px;font-size:.875rem;transition:background .15s}.split-tab.active{background:var(--forest-700);color:#fff}.split-members{flex-direction:column;gap:8px;display:flex}.split-member-row{align-items:center;gap:10px;display:flex}.split-member-name{flex:1;font-size:.9rem}.icon-success{color:var(--forest-500);margin-bottom:12px}.badge{background:var(--forest-50);color:var(--forest-700);border:1px solid var(--forest-200);border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:700}.error-banner{background:var(--danger-bg);color:var(--danger);border:1px solid #f5c6c2;border-radius:7px;margin-bottom:14px;padding:10px 14px;font-size:.875rem}.spinner{border:3px solid var(--border);border-top-color:var(--forest-500);border-radius:50%;width:32px;height:32px;margin:60px auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stats-row{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px;display:grid}.stat-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:14px}.stat-label{color:var(--text-muted);margin-bottom:4px;font-size:.75rem;font-weight:500}.stat-value{color:var(--forest-700);font-size:1.15rem;font-weight:700}.chart-section{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:18px}.chart-title{margin-bottom:14px;font-size:1rem;font-weight:600}.chart-wrap{position:relative}.charts-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.balance-table{flex-direction:column;gap:8px;display:flex}.balance-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;display:flex}.balance-row:last-child{border-bottom:none}.balance-name{flex:1;font-weight:500}.balance-paid{color:var(--text-muted);font-size:.875rem}.balance-net{text-align:right;min-width:80px;font-weight:700}.balance-net.pos{color:var(--forest-700)}.balance-net.neg{color:var(--danger)}.join-page{background:var(--surface);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.join-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow);text-align:center;padding:40px 32px}.join-logo{width:160px;margin-bottom:28px}.join-title{margin-bottom:8px;font-size:1.5rem;font-weight:700}.join-group-name{color:var(--forest-700);margin-bottom:4px;font-size:1.2rem;font-weight:600}.join-meta{color:var(--text-muted);margin-bottom:24px;font-size:.875rem}.btn-lg{width:100%;padding:12px 28px;font-size:1rem}.join-hint{color:var(--text-muted);margin-top:14px;font-size:.875rem}.join-back{color:var(--text-muted);margin-top:8px;font-size:.875rem}.invite-row{align-items:center;gap:8px;margin-top:12px;display:flex}.invite-link{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8rem;overflow:hidden}.copy-badge{background:var(--forest-50);color:var(--forest-700);border:1px solid var(--forest-200);border-radius:4px;padding:2px 6px;font-size:.75rem}a{color:var(--forest-700)}@media (width<=600px){.stats-row{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr}}@media (width<=480px){.modal{padding:20px 16px}.form-row{grid-template-columns:1fr}.join-card{padding:28px 20px}}.split-hint{color:#b45309;margin:4px 0 0;font-size:.85rem}@media (width<=900px){.auth-shell{grid-template-columns:1fr}.auth-hero{border-right:0;border-bottom:1px solid var(--border);gap:10px;padding:24px 16px 20px}.auth-brand-mark{width:44px;height:44px}.auth-brand-name{font-size:1.35rem}.auth-hero-title{margin-top:6px;font-size:1.6rem}.auth-hero-text{font-size:.92rem}.auth-demo,.auth-points{display:none}.auth-main{align-items:flex-start;padding:24px 16px 40px}}.auth-legal{color:var(--text-muted);text-align:center;margin-top:20px;font-size:.78rem}.auth-legal a{color:inherit;text-decoration:underline}:root{--green:#0e9f6e;--green-bg:#ecfdf5;--amber:#b45309;--amber-bg:#fff7ed;--card-shadow:0 1px 2px #0f172a0a, 0 8px 24px -12px #1e3a8a2e}body{background:linear-gradient(180deg, #eef3ff 0, var(--surface) 280px) no-repeat, var(--surface)}.page{padding-top:20px}.dash-hero{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.dash-greeting{color:var(--text-muted);font-weight:600}.dash-title{letter-spacing:-.02em;font-size:1.75rem;font-weight:800;line-height:1.15}.summary-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.summary-tile{background:var(--paper);border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:14px;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.summary-label{color:var(--text-muted);font-size:.8rem;font-weight:600}.summary-value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800}.summary-owed .summary-value{color:var(--green)}.summary-owe .summary-value{color:var(--amber)}.group-grid{flex-direction:column;gap:10px;display:flex}.group-card{text-align:left;cursor:pointer;background:var(--paper);border:1px solid var(--border);width:100%;box-shadow:var(--card-shadow);font:inherit;color:inherit;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.group-card:hover{border-color:var(--forest-200);transform:translateY(-1px);box-shadow:0 12px 28px -14px #1e3a8a59}.group-card-body{flex:1;min-width:0}.group-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:1.02rem;font-weight:700;overflow:hidden}.group-card-meta{color:var(--text-muted);align-items:center;gap:8px;margin-top:4px;font-size:.8rem;display:flex}.group-card-chevron{color:#94a3b8;flex-shrink:0}.avatar-stack{display:inline-flex}.avatar-stack .avatar{border:2px solid #fff}.avatar-stack .avatar+.avatar{margin-left:-7px}.balance-chip{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;line-height:1.15;display:inline-flex}.balance-chip-label{font-size:.7rem;font-weight:600}.balance-chip-amount{font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:800}.balance-owed{color:var(--green)}.balance-owe{color:var(--amber)}.balance-settled{color:var(--text-muted);background:#f1f5f9;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:600}.empty-card{text-align:center;background:var(--paper);border:1px dashed #c7d7fb;border-radius:16px;padding:36px 20px}.empty-card h2{margin:6px 0 4px;font-size:1.15rem;font-weight:800}.empty-card p{color:var(--text-muted);max-width:360px;margin:0 auto 16px}.empty-emoji{font-size:2.4rem}.empty-hint{justify-content:center;align-items:center;gap:6px;font-size:.85rem;display:flex;margin-top:16px!important;margin-bottom:0!important}.back-link{color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:12px;padding:4px 0;font-size:.88rem;font-weight:600;display:inline-flex}.back-link:hover{color:var(--forest-700)}.group-hero{background:var(--paper);border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:18px;margin-bottom:16px;padding:18px}.group-hero-top{align-items:center;gap:14px;display:flex}.group-hero-text{flex:1;min-width:0}.group-hero-name{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:1.4rem;font-weight:800;line-height:1.2}.group-hero-desc{color:var(--text-muted);font-size:.88rem}.group-hero-meta{color:var(--text-muted);align-items:center;gap:8px;margin-top:6px;font-size:.82rem;display:flex}.group-actions{grid-template-columns:1.3fr 1.1fr 1fr 1fr;gap:8px;margin-top:16px;display:grid}.group-actions .btn{min-height:42px}.invite-callout{background:linear-gradient(135deg,#eff6ff,#ecfdf5);border:1px solid #cfe0ff;border-radius:14px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.invite-callout-icon{font-size:1.6rem}.invite-callout-body{color:var(--text-muted);flex-direction:column;flex:1;font-size:.85rem;display:flex}.invite-callout-body strong{color:var(--text);font-size:.95rem}.tabs{background:#e8eefc;border-radius:12px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.tab{font:inherit;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;flex:1;padding:9px 8px;font-size:.88rem;font-weight:600}.tab.active{background:var(--paper);color:var(--forest-700);box-shadow:0 1px 3px #0f172a1f}.tab:hover:not(.active){color:var(--text)}.expense-months{flex-direction:column;gap:18px;display:flex}.month-divider{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);align-items:center;gap:10px;margin:0 4px 8px;font-size:.75rem;font-weight:700;display:flex}.month-divider:after{content:"";background:#d5deef;flex:1;order:1;height:1px}.month-total{text-transform:none;letter-spacing:0;font-variant-numeric:tabular-nums;order:2}.expense-list{flex-direction:column;gap:8px;display:flex}.expense-card{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:var(--paper);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:12px 14px 12px 10px;transition:border-color .15s,box-shadow .15s;display:flex}.expense-card:hover{border-color:var(--forest-200);box-shadow:0 8px 20px -14px #1e3a8a66}.expense-card-body,.expense-card-amount{flex-direction:column;display:flex}.expense-card-title,.expense-card-note{display:block}.expense-cat{background:#f1f5ff;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:1.25rem;display:grid}.expense-card-body{flex:1;min-width:0}.expense-card-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.expense-card-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.8rem;display:flex}.expense-card-note{color:var(--text-muted);margin-top:2px;font-size:.8rem}.expense-card-amount{flex-direction:column;flex-shrink:0;align-items:flex-end;line-height:1.25;display:flex}.expense-amount{color:var(--text);font-variant-numeric:tabular-nums;font-weight:800}.expense-share{font-size:.75rem;font-weight:600}.share-lent{color:var(--green)}.share-owe{color:var(--amber)}.share-none{color:#94a3b8}.currency-badge{background:var(--forest-50);color:var(--forest-700);border:1px solid var(--forest-200);border-radius:4px;padding:0 5px;font-size:.7rem}.member-list{flex-direction:column;gap:8px;display:flex}.member-row{background:var(--paper);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.member-body{flex:1;min-width:0}.member-name{font-weight:700}.member-you{color:var(--text-muted);font-weight:500}.member-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.fab{display:none}@media (width<=640px){.fab{right:18px;bottom:calc(22px + env(safe-area-inset-bottom));background:var(--forest-700);color:#fff;cursor:pointer;z-index:20;border:0;border-radius:18px;place-items:center;width:56px;height:56px;display:grid;position:fixed;box-shadow:0 12px 24px -8px #1a56db99}.page{padding-bottom:110px}.group-actions{grid-template-columns:1fr 1fr 1fr}.group-actions .btn-primary{grid-column:1/-1}.group-actions .btn{padding-left:8px;padding-right:8px;font-size:.88rem}.dash-title{font-size:1.5rem}.group-hero-top{flex-wrap:wrap}.group-hero-top .balance-chip{background:#f8fafc;border-radius:10px;flex-direction:row;justify-content:space-between;align-items:baseline;width:100%;padding:8px 12px}.group-hero-top .balance-settled{width:auto}.invite-callout{flex-wrap:wrap}.invite-callout .btn{width:100%}}.notice-banner{background:var(--green-bg);color:#047857;border:1px solid #a7f3d0;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:.875rem}.invite-intro{color:var(--text-muted);margin-bottom:10px;font-size:.9rem}.invite-box{gap:8px;display:flex}.invite-input{background:#f8fafc;font-size:.85rem}.invite-share{gap:8px;margin-top:10px;display:flex}.invite-share .btn{flex:1;min-height:42px}.btn-whatsapp{color:#fff;background:#25d366;text-decoration:none}.btn-whatsapp:hover{background:#1ebe5a}.invite-email{gap:8px;display:flex}.link-btn{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:.82rem;display:inline-flex}.link-btn:hover{color:var(--danger)}.invite-reset{margin-top:18px}.icon-success{color:var(--green)!important}.inbox{margin-bottom:20px}.inbox-title{align-items:center;gap:8px;margin-bottom:8px;font-size:1rem;font-weight:800;display:flex}.inbox-count{background:var(--forest-700);color:#fff;border-radius:999px;padding:1px 8px;font-size:.72rem}.inbox-card{box-shadow:var(--card-shadow);background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #bfd3fb;border-radius:16px;align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;display:flex}.inbox-body{flex:1;min-width:0;font-size:.92rem}.inbox-meta{color:var(--text-muted);font-size:.8rem}.inbox-actions{flex-shrink:0;gap:8px;display:flex}@media (width<=520px){.inbox-card{flex-wrap:wrap}.inbox-actions{width:100%}.inbox-actions .btn{flex:1}}.member-pending{background:#fbfcff;border-style:dashed}.pending-icon{background:#fff7ed;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:1.1rem;display:grid}.badge-waiting{background:var(--amber-bg);color:var(--amber);white-space:nowrap;border-color:#fed7aa}.pending-strip{text-align:left;background:var(--amber-bg);width:100%;color:var(--amber);font:inherit;cursor:pointer;border:1px solid #fed7aa;border-radius:12px;margin-bottom:16px;padding:10px 14px;font-size:.88rem;font-weight:600;display:block}.member-pending .member-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-pending .badge-waiting{margin-top:4px;display:inline-block}.expense-date{width:34px;color:var(--text-muted);flex-direction:column;flex-shrink:0;align-items:center;line-height:1.05;display:flex}.expense-date-month{letter-spacing:.04em;font-size:.62rem;font-weight:700}.expense-date-day{color:var(--text);font-size:1.15rem;font-weight:800}.attach-badge{color:var(--forest-700);background:var(--forest-50);border-radius:999px;align-items:center;gap:2px;padding:0 6px;font-size:.72rem;display:inline-flex}.form-row-3{grid-template-columns:1.2fr .9fr 1.2fr}@media (width<=480px){.form-row-3{grid-template-columns:1fr 1fr}.form-row-3 .form-group:last-child{grid-column:1/-1}}.split-each{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.8rem}.attach-block{background:#fbfcff;border:1px dashed #c7d7fb;border-radius:12px;padding:12px}.attach-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.attach-limit{color:var(--text-muted);font-size:.75rem}.attach-list{flex-direction:column;gap:6px;margin-bottom:8px;list-style:none;display:flex}.attach-item{border:1px solid var(--border);color:var(--text-muted);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:6px 6px 6px 10px;display:flex}.attach-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);text-align:left;flex:1;font-size:.88rem;overflow:hidden}button.attach-name{color:var(--forest-700);text-decoration:underline}.attach-size{font-size:.75rem}.attach-new{border-style:dashed}.attach-add{color:var(--forest-700);cursor:pointer;align-items:center;gap:6px;margin:0;font-size:.9rem;font-weight:600;display:inline-flex}.attach-add:focus-within{outline:2px solid var(--forest-500);outline-offset:2px;border-radius:6px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.modal-actions-split{justify-content:space-between;align-items:center}.modal-actions-right{gap:10px;display:flex}.btn-settle{background:var(--green);color:#fff}.btn-settle:hover{background:#0b8a5f}.settle-cta{width:100%;min-height:42px;margin-bottom:8px}.settle-empty{text-align:center;padding:16px 0 8px}.settle-list{flex-direction:column;gap:10px;display:flex}.settle-item{border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.settle-pay{background:#fffaf5;border-color:#fed7aa}.settle-get{background:#f3fcf8;border-color:#a7f3d0}.settle-item-body{flex:1;min-width:140px}.settle-item-text{font-size:.92rem}.settle-item-total{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:800}.settle-pay .settle-item-total{color:var(--amber)}.settle-get .settle-item-total{color:var(--green)}.settle-item-action{align-items:center;gap:8px;display:flex}.settle-input{width:110px}.settle-done{color:var(--green);align-items:center;gap:4px;font-size:.9rem;font-weight:700;display:inline-flex}@media (width<=480px){.settle-item-action{width:100%}.settle-input{flex:1}}.activity-list{background:var(--paper);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:2px;padding:6px;list-style:none;display:flex}.activity-item{border-radius:10px;align-items:flex-start;gap:12px;padding:10px;font-size:.9rem;display:flex}.activity-item+.activity-item{border-top:1px solid #f0f3fa}.activity-icon{background:#f1f5ff;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.activity-body{overflow-wrap:anywhere;flex:1;min-width:0}.activity-time{color:var(--text-muted);font-size:.75rem}button.attach-name:hover{color:var(--forest-900)}.modal-actions-split{flex-wrap:wrap;gap:10px}.modal-actions-right{flex:240px;justify-content:flex-end}@media (width<=480px){.modal-actions-right .btn{flex:1}.modal-actions-split>.btn-danger-outline{order:2;width:100%}}.muted{color:var(--text-muted)}.avatar-img{object-fit:cover;background:#e2e8f0;border-radius:50%;flex-shrink:0}.top-nav{gap:4px;margin-right:8px;display:flex}.top-nav-link{color:var(--text-muted);border-radius:8px;padding:8px 12px;font-size:.9rem;font-weight:600;text-decoration:none}.top-nav-link:hover{background:var(--surface);color:var(--text)}.top-nav-link.active{color:var(--forest-700);background:var(--forest-50)}.header-right{text-decoration:none}.bottom-nav{display:none}@media (width<=720px){.top-nav{display:none}.bottom-nav{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#fffffff7;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav-link{color:#7b8494;flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-size:.7rem;font-weight:600;text-decoration:none;display:flex;position:relative}.bottom-nav-link.active{color:var(--forest-700)}.bottom-nav-link.active:before{content:"";background:var(--forest-700);border-radius:0 0 3px 3px;height:3px;position:absolute;top:-6px;left:30%;right:30%}.page{padding-bottom:150px!important}}.fab{z-index:25;background:var(--green);color:#fff;width:auto;height:auto;font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:13px 20px;font-size:.95rem;font-weight:700;position:fixed;bottom:24px;right:max(18px,50vw - 322px);box-shadow:0 14px 28px -10px #0e9f6ea6;display:inline-flex!important}.fab:hover{background:#0b8a5f}@media (width<=720px){.fab{bottom:calc(76px + env(safe-area-inset-bottom));right:16px}}.pick-list{flex-direction:column;gap:6px;display:flex}.pick-item{border:1px solid var(--border);font:inherit;cursor:pointer;text-align:left;background:#fff;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-weight:600;display:flex}.pick-item:hover{border-color:var(--forest-500)}.page-heading{margin-bottom:12px}.overall-line{margin:0 0 14px 2px;font-size:1.05rem;font-weight:700}.section-label{color:var(--text-muted);margin:18px 4px 8px;font-size:.85rem;font-weight:700}.settled-toggle{text-align:center;flex-direction:column;align-items:center;gap:8px;margin:20px 0 8px;font-size:.85rem;display:flex}.settled-list{opacity:.85;margin-top:12px}.group-thumb{color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.group-line{color:var(--text-muted);font-size:.8rem;line-height:1.35;display:block}.group-card-body{flex-direction:column;gap:2px;display:flex}.banner-trip{background:linear-gradient(135deg,#0f766e,#14b8a6)}.banner-home{background:linear-gradient(135deg,#1e3a8a,#2563eb)}.banner-couple{background:linear-gradient(135deg,#9f1239,#e11d48)}.banner-other{background:linear-gradient(135deg,#7c2d12,#c2410c)}.friend-card{background:var(--paper);border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:16px;overflow:hidden}.friend-row{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:14px 16px;display:flex}.friend-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.friend-name{font-weight:700}.friend-line{color:var(--text-muted);font-size:.78rem}.friend-detail{border-top:1px solid #eef2fb;flex-direction:column;align-items:stretch;gap:8px;padding:10px 16px 14px;display:flex}.friend-group-link{color:var(--text);background:#f8faff;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.friend-detail .btn{align-self:flex-start}.activity-sub{font-size:.82rem;font-weight:700}.group-page{padding-top:0!important}.group-banner{color:#fff;border-radius:0 0 22px 22px;margin:0 -16px;padding:14px 18px 18px;position:relative;overflow:hidden}.group-banner:after{content:"";pointer-events:none;background:repeating-linear-gradient(135deg,#ffffff12 0 14px,#0000 14px 28px);position:absolute;inset:0}@media (width>=721px){.group-banner{border-radius:22px;margin:16px 0 0}}.group-banner-bar{z-index:1;justify-content:space-between;display:flex;position:relative}.banner-btn{color:#fff;cursor:pointer;background:#ffffff2e;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.banner-btn:hover{background:#ffffff4d}.group-banner-title{z-index:1;letter-spacing:-.02em;overflow-wrap:anywhere;margin:10px 0;font-size:2rem;font-weight:800;line-height:1.1;position:relative}.group-banner-chips{z-index:1;flex-wrap:wrap;gap:8px;display:flex;position:relative}.banner-chip{color:#fff;font:inherit;cursor:pointer;background:#0000001f;border:1px solid #ffffff8c;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}span.banner-chip{cursor:default}.group-summary{flex-direction:column;gap:2px;margin:14px 2px 10px;font-size:.92rem;display:flex}.pill-row{scrollbar-width:none;gap:8px;margin:0 -2px 4px;padding:2px 2px 12px;display:flex;overflow-x:auto}.pill-row::-webkit-scrollbar{display:none}.pill{font:inherit;color:var(--text);cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.pill:hover{border-color:var(--forest-500)}.pill-primary{background:var(--green);border-color:var(--green);color:#fff}.pill-primary:hover{background:#0b8a5f}.payment-row{background:#f3fcf8;border:1px dashed #a7f3d0;border-radius:14px;align-items:center;gap:12px;padding:10px 14px 10px 10px;font-size:.9rem;display:flex}.payment-icon{background:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:1.2rem;display:grid}.payment-text{flex:1}.expense-card-amount{text-align:right;flex-shrink:0;align-items:flex-end;line-height:1.2}.expense-share-label{font-size:.72rem;font-weight:600}.expense-share-amount{font-variant-numeric:tabular-nums;font-weight:800}.expense-card-amount.share-none .expense-share-label{color:#94a3b8}.gb-list{flex-direction:column;gap:6px;display:flex}.gb-member{border:1px solid var(--border);border-radius:14px;overflow:hidden}.gb-row{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:#fff;border:0;align-items:center;gap:12px;padding:10px 12px;display:flex}.gb-row:disabled{cursor:default}.gb-text{flex:1;font-size:.92rem}.gb-debts{background:#fbfcff;border-top:1px solid #eef2fb;flex-direction:column;gap:8px;padding:6px 12px 10px 64px;font-size:.88rem;list-style:none;display:flex}.gb-debts li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.gb-actions{gap:6px;display:flex}.gb-note{color:var(--text-muted);text-align:center;margin-top:14px;font-size:.85rem}.totals-list{flex-direction:column;margin-top:14px;display:flex}.totals-row{border-bottom:1px solid #eef2fb;justify-content:space-between;gap:12px;padding:12px 4px;display:flex}.totals-row dt{color:var(--text-muted)}.totals-row dd{font-variant-numeric:tabular-nums;font-weight:800}.whiteboard{resize:vertical;min-height:200px;font-family:inherit;line-height:1.5}.details{padding-top:12px}.details-bar{align-items:center;gap:4px;margin-bottom:8px;display:flex}.details-bar-title{text-align:center;flex:1;font-weight:700}.details-head{align-items:flex-start;gap:14px;margin:8px 0 12px;display:flex}.details-cat{width:56px;height:56px;font-size:1.6rem}.details-title{font-size:1.15rem;font-weight:700}.details-amount{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:800}.details-meta{color:var(--text-muted);font-size:.8rem}.details-note{background:#f8faff;border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:.9rem}.details-files{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.details-file{border:1px solid var(--border);cursor:pointer;background:#f8faff;border-radius:12px;width:84px;height:84px;padding:0;overflow:hidden}.details-file img{object-fit:cover;width:100%;height:100%}.details-file-icon{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.split-tree{border-top:1px solid #eef2fb;margin-bottom:14px;padding-top:14px}.split-tree-root{align-items:center;gap:10px;display:flex}.split-tree ul{border-left:2px solid #e2e8f0;flex-direction:column;gap:8px;margin:6px 0 0 17px;padding-left:16px;list-style:none;display:flex}.split-tree li{color:var(--text-muted);align-items:center;gap:8px;font-size:.88rem;display:flex}.trend{border-top:1px solid #eef2fb;margin-bottom:14px;padding-top:14px}.trend-title{margin-bottom:8px;font-size:.85rem;font-weight:700}.trend-row{grid-template-columns:36px 1fr auto;align-items:center;gap:10px;margin-bottom:6px;font-size:.8rem;display:grid}.trend-bar{background:#eef2fb;border-radius:6px;height:12px;overflow:hidden}.trend-bar span{background:linear-gradient(90deg,#93c5fd,#1a56db);border-radius:6px;height:100%;display:block}.trend-value{font-variant-numeric:tabular-nums;color:var(--text-muted)}.comments{border-top:1px solid #eef2fb;padding-top:14px}.comments-empty{text-align:center;padding:10px 0}.comment-list{flex-direction:column;gap:10px;margin-bottom:10px;list-style:none;display:flex}.comment{align-items:flex-start;gap:10px;display:flex}.comment-body{flex:1;font-size:.88rem}.comment-text{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f5ff;border-radius:4px 12px 12px;margin-top:2px;padding:8px 10px}.comment-form{align-items:center;gap:8px;display:flex}.comment-send{color:var(--forest-700)}.expense-sheet{flex-direction:column;padding:14px 18px 12px;display:flex}.sheet-bar{align-items:center;gap:8px;margin-bottom:10px;display:flex}.sheet-title{text-align:center;flex:1;font-size:1rem;font-weight:700}.sheet-save{color:var(--green);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 4px;font-weight:800}.sheet-save:disabled{opacity:.5;cursor:default}.sheet-main{flex-direction:column;gap:14px;display:flex}.with-row{border-bottom:1px solid #eef2fb;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:12px;font-size:.88rem;display:flex}.with-chip{border:1px solid #cbd5e1;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-weight:600;display:inline-flex}.big-field{align-items:center;gap:12px;padding:0 6%;display:flex}.big-icon{width:48px;height:48px;color:var(--text);cursor:pointer;border:1.5px solid #cbd5e1;border-radius:10px;flex-shrink:0;place-items:center;margin:0;font-size:1.3rem;font-weight:700;display:grid;position:relative}.big-icon select{opacity:0;cursor:pointer;position:absolute;inset:0}.big-input{min-width:0;font:inherit;color:var(--text);background:0 0;border:0;border-bottom:2px solid #cbd5e1;outline:none;flex:1;padding:8px 2px;font-size:1.15rem}.big-input:focus{border-bottom-color:var(--green)}.big-amount{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700}.rate-row{padding:0 6%}.split-summary{font:inherit;cursor:pointer;background:#fff;border:1px solid #94a3b8;border-radius:8px;align-self:center;max-width:100%;padding:7px 14px;font-size:.88rem}.split-summary:hover{border-color:var(--green)}.note-input{font-family:inherit}.sheet-delete{align-self:flex-start}.sheet-toolbar{border-top:1px solid #eef2fb;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;padding-top:10px;display:flex;position:relative}.tool-chip{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px 4px;font-size:.88rem;font-weight:600;display:inline-flex}.tool-group{cursor:default;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:40vw;overflow:hidden}.tool-spacer{flex:1}.tool-icon{cursor:pointer;width:40px;height:40px;color:var(--text);background:#fff;border:1px solid #cbd5e1;border-radius:10px;place-items:center;display:grid;position:relative}.tool-icon.active{background:var(--forest-50);border-color:var(--forest-500);color:var(--forest-700)}.tool-count{background:var(--green);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:.68rem;font-weight:700;display:grid;position:absolute;top:-6px;right:-6px}.camera-wrap{position:relative}.camera-menu{border:1px solid var(--border);z-index:5;background:#fff;border-radius:12px;flex-direction:column;min-width:210px;display:flex;position:absolute;bottom:48px;right:0;overflow:hidden;box-shadow:0 16px 36px -12px #0f172a59}.camera-menu button{font:inherit;color:var(--forest-700);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:12px 14px;font-size:.9rem;display:flex}.camera-menu button+button{border-top:1px solid #eef2fb}.camera-menu button:hover{background:#f8faff}.date-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;bottom:8px;left:8px}.quick-splits{flex-direction:column;gap:8px;display:flex}.quick-split{border:1px solid var(--border);width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.quick-split.active{border-color:var(--green);background:#f3fcf8}.quick-text{flex-direction:column;flex:1;font-size:.9rem;display:flex}.quick-text>span{font-size:.82rem;font-weight:600}.more-options-btn{align-self:center;margin-top:6px}.more-options{flex-direction:column;gap:10px;display:flex}.type-picker{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px;display:grid}.type-option{font:inherit;color:var(--text);cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;font-size:.8rem;font-weight:600;display:flex}.type-option.active{border-color:var(--green);color:#047857;background:#f3fcf8;box-shadow:0 0 0 2px #0e9f6e40}.settings-links{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.settings-links a,.settings-link-btn{font:inherit;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:10px 4px;font-size:.92rem;text-decoration:none;display:flex}.settings-links a:hover,.settings-link-btn:hover:not(:disabled){color:var(--forest-700)}.settings-link-btn:disabled{opacity:.5;cursor:not-allowed}.danger-link{color:#b42318!important}.member-list.compact .member-row{border:0;border-bottom:1px solid #eef2fb;border-radius:0;padding:10px 0}.toggle-row{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.toggle-row>span{flex-direction:column;gap:4px;display:flex}.switch{appearance:none;cursor:pointer;background:#cbd5e1;border-radius:999px;flex-shrink:0;width:46px;height:26px;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch:checked{background:var(--green)}.switch:checked:after{left:23px}.switch:focus-visible{outline:2px solid var(--forest-500);outline-offset:2px}.logout-btn{width:100%}.avatar-edit{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:relative}.avatar-edit-badge{border:1px solid var(--border);width:24px;height:24px;color:var(--text);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.month-spend{text-align:left}.month-bars{justify-content:center;gap:22px;height:160px;margin:16px 0 8px;display:flex}.month-bar{cursor:pointer;font:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;display:flex}.month-bar-track{background:#eef2fb;border-radius:10px;flex:1;align-items:flex-end;width:34px;display:flex;overflow:hidden}.month-bar-track span{background:#cbd5e1;border-radius:10px;width:100%;display:block}.month-bar.active .month-bar-track span{background:linear-gradient(#60a5fa,#1a56db)}.month-bar-label{color:var(--text-muted);font-size:.72rem;font-weight:700}.month-bar.active .month-bar-label{color:var(--forest-700)}.donut{--pct:50%;text-align:center;width:170px;height:170px;color:var(--text-muted);background:radial-gradient(closest-side, #fff 76%, transparent 77%), conic-gradient(#1a56db var(--pct), #93c5fd 0);border-radius:50%;place-items:center;margin:16px auto;font-size:.8rem;display:grid}.donut strong{color:var(--text);font-size:1rem}.spend-stats{grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 14px;display:grid}.spend-stats dt{color:var(--text-muted);font-size:.8rem}.spend-stats dd{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800}.spend-stats dd.muted{font-size:.75rem;font-weight:500}.month-nav{background:#f1f5ff;border-radius:999px;align-items:center;gap:6px;padding:4px;display:flex}.month-nav-label{text-align:center;flex:1;font-size:.88rem;font-weight:600}.btn.btn-danger-outline{color:#b42318;background:#fff;border:1px solid #f1a7a0}.btn.btn-danger-outline:hover{background:#fff5f4}.totals-month{margin-top:12px}.month-select{font:inherit;text-align:center;text-align-last:center;cursor:pointer;background:0 0;border:0;flex:1;padding:6px;font-weight:600}.banner-friend{background:linear-gradient(135deg,#4338ca,#7c3aed)}a.group-card{text-decoration:none}.member-tags{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.member-tags .link-btn{color:var(--forest-700);font-size:.78rem}.member-tags .link-btn:disabled{opacity:.45;cursor:not-allowed}.confirm-modal{max-width:400px}.qr{flex-direction:column;align-items:center;gap:6px;margin:4px 0 14px;display:flex}.qr img,.qr-placeholder{border:1px solid var(--border);background:#fff;border-radius:14px;width:180px;height:180px}.qr figcaption{text-align:center;font-size:.8rem}.phone-actions{flex-wrap:wrap;gap:8px;margin:12px 0 4px;display:flex}.phone-actions .btn{flex:1;min-height:42px}.picked-list{flex-direction:column;gap:8px;margin:10px 0;list-style:none;display:flex}.picked-list li{border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:.9rem;display:flex}.desktop-hint{justify-content:center;align-items:center;gap:6px;margin-top:14px;font-size:.8rem;display:flex}.scanner-overlay{background:#000000e6;padding:0}.scanner{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.scanner-video{object-fit:cover;width:100%;height:100%}.scanner-frame{aspect-ratio:1;border:3px solid #fff;border-radius:22px;width:min(70vw,280px);position:absolute;box-shadow:0 0 0 100vmax #00000073}.scanner-hint{bottom:calc(40px + env(safe-area-inset-bottom));text-align:center;color:#fff;font-weight:600;position:absolute;left:16px;right:16px}.scanner-error{color:#fff;text-align:center;max-width:360px;padding:24px}.scanner-close{top:calc(14px + env(safe-area-inset-top));color:#fff;z-index:2;background:#ffffff26;border-radius:50%;position:absolute;right:14px}.admin-link{font-weight:700}.treasurer-chip{z-index:1;color:#1e1b4b;font:inherit;cursor:pointer;background:#fffffff2;border:0;border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:6px 12px;font-size:.82rem;display:inline-flex;position:relative;box-shadow:0 4px 12px -6px #0006}.deposit-banner{color:#92400e;background:linear-gradient(135deg,#fffbeb,#fff);border:1px solid #fcd34d;border-radius:14px;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;display:flex}.deposit-banner-body{flex-direction:column;flex:1;min-width:0;font-size:.88rem;display:flex}.deposit-banner-body strong{color:#1e1b4b}.deposit-link{text-decoration:none}.badge-treasurer{color:#b45309;background:#fffbeb;border-color:#fcd34d}.treasurer-row{gap:8px;display:flex}.treasurer-row .input{flex:1}.fund-treasurer{align-items:center;gap:12px;margin-bottom:12px;font-size:.9rem;display:flex}.fund-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;display:grid}.fund-stats>div{border:1px solid var(--border);background:#f8faff;border-radius:12px;padding:10px}.fund-stats dt{color:var(--text-muted);font-size:.72rem;font-weight:600}.fund-stats dd{font-variant-numeric:tabular-nums;font-weight:800}@media (width<=520px){.fund-stats{grid-template-columns:1fr 1fr}}.fund-new{width:100%;min-height:42px;margin-bottom:14px}.fund-empty{text-align:center;padding:12px 0}.fund-req{border:1px solid var(--border);border-radius:14px;margin-bottom:10px;padding:12px}.fund-cancelled{opacity:.6}.fund-req-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.fund-req-meta{font-size:.78rem}.fund-req-note{margin-top:2px;font-size:.82rem}.fund-items{flex-direction:column;gap:6px;list-style:none;display:flex}.fund-item{border-top:1px solid #f0f3fa;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 4px;font-size:.88rem;display:flex}.fund-item-me{background:#fffbeb;border-radius:8px}.fund-item-name{flex:1;min-width:90px;font-weight:600}.fund-item-amt{font-variant-numeric:tabular-nums;font-weight:800}.fund-status{border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700}.st-pending{color:#b45309;background:#fff7ed}.st-marked{color:#1d4ed8;background:#eff6ff}.st-confirmed{color:#047857;background:#ecfdf5}.st-cancelled{color:#64748b;background:#f1f5f9}.fund-item-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.fund-item-actions:empty{display:none}.fund-total{text-align:right;margin-top:6px}.pay-list{flex-direction:column;gap:8px;margin:10px 0;list-style:none;display:flex}.pay-item{border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.pay-type{min-width:90px;font-size:.85rem;font-weight:800}.pay-value{overflow-wrap:anywhere;min-width:0;color:var(--text-muted);flex:1;font-size:.88rem}.pay-option .gb-actions{margin-left:auto}.pay-form{margin-top:10px}.pay-qr{flex-direction:column;gap:8px;margin-top:14px;display:flex}.pay-qr .settings-label{align-items:center;gap:6px;display:flex}.pay-qr-row{align-items:center;gap:12px;display:flex}.pay-qr-row img{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:10px;width:110px;height:110px}.install-banner{box-shadow:var(--card-shadow);background:#fff;border:1px solid #bfd3fb;border-radius:14px;align-items:center;gap:12px;margin-bottom:14px;padding:10px 12px;display:flex}.install-banner img{border-radius:10px;flex-shrink:0}.install-body{color:var(--text-muted);flex-direction:column;flex:1;font-size:.85rem;display:flex}.install-body strong{color:var(--text);font-size:.95rem}.install-body svg{vertical-align:-2px}.install-prominent{text-align:left;margin-top:18px}