:root{--color-brand-50: #eef2ff;--color-brand-100: #e0e7ff;--color-brand-200: #c7d2fe;--color-brand-500: #6366f1;--color-brand-600: #4f46e5;--color-brand-700: #4338ca;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-red-50: #fff1f2;--color-red-100: #ffe4e6;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-amber-50: #fffbeb;--color-amber-500: #f59e0b;--color-amber-700: #b45309;--color-neutral-0: #ffffff;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-bg: var(--color-neutral-50);--color-surface: var(--color-neutral-0);--color-border: var(--color-neutral-200);--color-border-focus: var(--color-brand-500);--color-text: var(--color-neutral-800);--color-text-muted: var(--color-neutral-500);--color-text-subtle: var(--color-neutral-400);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 12px -2px rgb(79 70 229 / .1), 0 2px 6px -2px rgb(0 0 0 / .06);--shadow-lg: 0 16px 32px -8px rgb(79 70 229 / .16), 0 6px 12px -6px rgb(0 0 0 / .08);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--transition-fast: .12s ease;--transition-base: .18s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100dvh}a{color:var(--color-brand-600);text-decoration:none}a:hover{text-decoration:underline}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.app-header__inner{max-width:1100px;margin:0 auto;padding:0 var(--space-6);height:56px;display:flex;align-items:center;gap:var(--space-4)}.app-header__wordmark{font-size:var(--text-xl);font-weight:800;letter-spacing:-.03em;color:var(--color-brand-600);text-decoration:none;flex-shrink:0}.app-header__wordmark:hover{text-decoration:none}.app-header__spacer{flex:1}.app-header__user{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500;display:inline-flex;align-items:center;gap:var(--space-2)}.layout-container{max-width:1100px;margin:0 auto;padding:var(--space-8) var(--space-6)}@media (max-width: 640px){.layout-container{padding:var(--space-6) var(--space-4)}.app-header__inner{padding:0 var(--space-4)}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.card--hover{cursor:pointer;transition:box-shadow var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.card--hover:hover{box-shadow:var(--shadow-md);border-color:var(--color-brand-200);transform:translateY(-1px)}.card__title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.card__subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);text-decoration:none;line-height:1.5;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-brand-600);color:#fff;border-color:var(--color-brand-600)}.btn--primary:hover:not(:disabled){background:var(--color-brand-700);border-color:var(--color-brand-700);box-shadow:var(--shadow-sm)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-neutral-100);border-color:var(--color-neutral-300)}.btn--danger{background:var(--color-surface);color:var(--color-red-600);border-color:var(--color-red-200, #fecaca)}.btn--danger:hover:not(:disabled){background:var(--color-red-50);border-color:var(--color-red-500)}.btn--ghost{background:transparent;color:var(--color-text-muted);border-color:transparent}.btn--ghost:hover:not(:disabled){background:var(--color-neutral-100);color:var(--color-text)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn--full{width:100%}.form-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.form-label--muted{color:var(--color-text-muted)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);line-height:1.5;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #6366f11f}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--color-neutral-100);color:var(--color-text-muted);cursor:not-allowed}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.form-error{font-size:var(--text-xs);color:var(--color-red-600)}.form-row{display:flex;gap:var(--space-3);align-items:flex-end}.form-row>*{flex:1}.form-row>.form-row__shrink{flex:0 0 auto}.form-checkbox-group{display:flex;flex-direction:column;gap:var(--space-2);max-height:180px;overflow-y:auto;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-neutral-50)}.form-checkbox-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer}.form-checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-brand-500);cursor:pointer;flex-shrink:0}.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(135deg,var(--color-brand-50) 0%,var(--color-neutral-50) 60%)}.auth-card{width:100%;max-width:420px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-10) var(--space-8)}.auth-card__logo{text-align:center;margin-bottom:var(--space-6)}.auth-card__wordmark{font-size:var(--text-3xl);font-weight:800;letter-spacing:-.04em;color:var(--color-brand-600)}.auth-card__tagline{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.auth-card__title{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-6);text-align:center}.auth-card__footer{text-align:center;margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.auth-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-5) 0;color:var(--color-text-subtle);font-size:var(--text-xs)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid transparent;display:flex;align-items:flex-start;gap:var(--space-2)}.alert--error{background:var(--color-red-50);border-color:var(--color-red-200, #fecaca);color:var(--color-red-700)}.alert--success{background:var(--color-green-50);border-color:var(--color-green-100);color:var(--color-green-700)}.alert--info{background:var(--color-brand-50);border-color:var(--color-brand-100);color:var(--color-brand-700)}.alert--warning{background:var(--color-amber-50);border-color:#fde68a;color:var(--color-amber-700)}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);border:1px solid transparent;white-space:nowrap}.badge--neutral{background:var(--color-neutral-100);color:var(--color-neutral-600);border-color:var(--color-neutral-200)}.badge--brand{background:var(--color-brand-50);color:var(--color-brand-700);border-color:var(--color-brand-100)}.badge--positive{background:var(--color-green-50);color:var(--color-green-700);border-color:var(--color-green-100)}.badge--negative{background:var(--color-red-50);color:var(--color-red-700);border-color:var(--color-red-100, #fee2e2)}.badge--admin{background:var(--color-amber-50);color:var(--color-amber-700);border-color:#fde68a}.tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border);margin-bottom:var(--space-6);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab-btn{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;margin-bottom:-2px}.tab-btn:hover{color:var(--color-text)}.tab-btn--active{color:var(--color-brand-600);border-bottom-color:var(--color-brand-600)}.item-list{display:flex;flex-direction:column;gap:var(--space-2)}.item-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm)}.item-row:hover{background:var(--color-neutral-50)}.item-row__main{flex:1;min-width:0}.item-row__title{font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-row__sub{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:1px}.item-row__aside{flex-shrink:0;text-align:right}.amount--positive{color:var(--color-green-600);font-weight:600}.amount--negative{color:var(--color-red-600);font-weight:600}.amount--zero{color:var(--color-text-muted)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3);flex-wrap:wrap}.section-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text)}.page-title{font-size:var(--text-2xl);font-weight:800;color:var(--color-text);letter-spacing:-.02em;margin-bottom:var(--space-2)}.page-subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-8)}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--transition-base),transform var(--transition-base)}.product-card:hover{box-shadow:var(--shadow-md)}.product-card__photo{position:relative;aspect-ratio:4 / 3;background:linear-gradient(135deg,var(--color-brand-100) 0%,var(--color-brand-50) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.product-card__photo img{width:100%;height:100%;object-fit:cover;display:block}.product-card__initial{font-size:3rem;font-weight:700;color:var(--color-brand-700);letter-spacing:-.04em}.product-card__body{padding:var(--space-3) var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);flex:1}.product-card__name{font-weight:600;font-size:var(--text-base);line-height:1.3;color:var(--color-text);word-break:break-word}.product-card__price{font-size:var(--text-xl);font-weight:700;color:var(--color-brand-600);letter-spacing:-.01em}.product-card__actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap}.product-card__actions .btn{flex:1}.empty-state{text-align:center;padding:var(--space-16) var(--space-6);color:var(--color-text-muted)}.empty-state__icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.4}.empty-state__title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.empty-state__text{font-size:var(--text-sm);max-width:360px;margin:0 auto}.spinner-page{min-height:100dvh;display:flex;align-items:center;justify-content:center}.spinner{width:36px;height:36px;border:3px solid var(--color-brand-100);border-top-color:var(--color-brand-500);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.collapsible__trigger{background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--color-brand-600);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:background var(--transition-fast)}.collapsible__trigger:hover{background:var(--color-brand-50)}.itemized-rows{display:flex;flex-direction:column;gap:var(--space-3)}.itemized-row{display:grid;grid-template-columns:1fr 110px minmax(120px,1fr) auto;gap:var(--space-2);align-items:center;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.itemized-row__product{grid-column:1 / -1}.itemized-row__label{grid-column:1}.itemized-row__amount{grid-column:2;text-align:right}.itemized-row__assignee{grid-column:3}.itemized-row__remove{background:none;border:none;color:var(--color-red-400);cursor:pointer;font-size:var(--text-lg);line-height:1;padding:var(--space-1);transition:color var(--transition-fast);align-self:center}.itemized-row__remove:hover{color:var(--color-red-600)}.itemized-row__assignees{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center;margin-top:var(--space-1)}.itemized-row__assignees-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-right:var(--space-1)}.chip{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:500;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:999px;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);min-height:28px}.chip:hover{border-color:var(--color-brand-400)}.chip--active{background:var(--color-brand-500);border-color:var(--color-brand-500);color:#fff}.chip--active:hover{background:var(--color-brand-600);border-color:var(--color-brand-600)}@media (pointer: coarse){.chip{min-height:36px;padding:var(--space-1) var(--space-3)}}.transfer-list{display:flex;flex-direction:column;gap:var(--space-2)}.transfer-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-green-50);border:1px solid var(--color-green-100);border-radius:var(--radius-md);font-size:var(--text-sm);flex-wrap:wrap}.transfer-row__from{font-weight:600;color:var(--color-red-700)}.transfer-row__to{font-weight:600;color:var(--color-green-700)}.transfer-row__amount{font-weight:700;color:var(--color-text);margin-left:auto}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.flex{display:flex}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.text-sm{font-size:var(--text-sm)}.text-muted{color:var(--color-text-muted)}.font-bold{font-weight:700}.font-semi{font-weight:600}.w-full{width:100%}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important}hr.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.group-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.inline-form{display:flex;gap:var(--space-2);align-items:flex-end;flex-wrap:wrap}.inline-form>.form-group{margin-bottom:0;flex:1;min-width:200px}.btn--google{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border);font-weight:500}.btn--google:hover:not(:disabled){background:var(--color-neutral-100)}.expense-form{display:flex;flex-direction:column;gap:var(--space-1)}.expense-form__title{font-weight:700;font-size:var(--text-base);margin-bottom:var(--space-4)}.expense-form__more-toggle{background:none;border:none;padding:var(--space-2) 0;color:var(--color-brand-600);font-size:var(--text-sm);font-weight:500;cursor:pointer;text-align:left;align-self:flex-start}.expense-form__more-toggle:hover{color:var(--color-brand-700);text-decoration:underline}.form-section{background:var(--color-neutral-50);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.form-section__title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-3)}.form-input--lg{font-size:var(--text-lg);font-weight:600;padding:var(--space-3)}.segmented-control{display:inline-flex;width:100%;background:var(--color-neutral-100);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2px;gap:2px}.segmented-control__btn{flex:1;min-height:36px;padding:0 var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-text);background:transparent;border:none;border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.segmented-control__btn:hover:not(.segmented-control__btn--active){background:var(--color-neutral-50)}.segmented-control__btn--active{background:var(--color-surface);color:var(--color-brand-700);box-shadow:0 1px 2px #0000000f;font-weight:600}@media (pointer: coarse){.segmented-control__btn{min-height:44px}}.tip-row{display:flex;gap:var(--space-2);align-items:stretch}.tip-row>.segmented-control{flex:1;min-width:0}.tip-row__amount{flex:0 0 110px;text-align:right}.participant-list{margin-top:var(--space-3);display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.participant-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 110px;gap:var(--space-3);align-items:center;padding:var(--space-3);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.participant-row:last-child{border-bottom:none}.participant-row:hover{background:var(--color-neutral-50)}.participant-row[data-unchecked=true]{opacity:.45}.participant-row[data-unchecked=true]:hover{background:transparent}.participant-row__check{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);min-width:0}.participant-row__check input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-brand-500);cursor:pointer;flex-shrink:0}.participant-row__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-row__input{min-width:0}.participant-row__input .form-input{text-align:right;font-variant-numeric:tabular-nums;padding:var(--space-2)}.participant-row__amount{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-variant-numeric:tabular-nums}.participant-row__base{font-weight:600;color:var(--color-text)}.participant-row__base--muted{color:var(--color-text-muted);font-weight:400}.participant-row__tip{font-size:var(--text-xs);color:var(--color-text-muted)}.loading-inline{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-4) 0}.spinner--sm{width:18px;height:18px;border-width:2px}.muted{color:var(--color-text-muted)}.barchart text.bar-label,.barchart text.bar-value{font-size:12px;fill:var(--text,#222)}.barchart .bar-track{fill:#0000000f}.barchart .bar,.barchart--v .bar{fill:var(--accent,#3b82f6)}.avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;display:block}.avatar--initials{border-radius:var(--radius-full);background:var(--color-neutral-100);color:var(--color-text-muted);font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;-webkit-user-select:none;user-select:none}@media (pointer: coarse){.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);min-height:40px}.tab-btn{padding:var(--space-3) var(--space-5)}.itemized-row__remove{min-width:40px;min-height:40px}}button,a,input,select,textarea{-webkit-tap-highlight-color:rgba(99,102,241,.15)}.app-header{padding-top:env(safe-area-inset-top)}.app-header__nav{display:flex;align-items:center;gap:var(--space-1)}@media (max-width: 900px){.app-header__inner{flex-wrap:wrap;height:auto;min-height:56px;padding-top:var(--space-2);padding-bottom:var(--space-2);row-gap:var(--space-2)}.app-header__user-name{display:none}.app-header__spacer{order:2}.app-header__nav{order:3;flex-basis:100%}.app-header__nav .btn{flex:1;justify-content:center}}@media (max-width: 380px){.app-header__wordmark{font-size:var(--text-lg)}.app-header__nav .btn{font-size:var(--text-xs)}}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:0}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th,.data-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}.data-table td:first-child{white-space:normal}.data-table thead th{background:var(--color-neutral-50);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.04em}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--color-neutral-50)}.data-table td:nth-child(n+2),.data-table th:nth-child(n+2){text-align:right;font-variant-numeric:tabular-nums}.form-narrow{max-width:540px}.form-narrow--sm{max-width:420px}.avatar-editor{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}@media (max-width: 480px){.avatar-editor{flex-direction:column;align-items:flex-start}.avatar-editor>.form-group{width:100%}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#1118278c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);overflow-y:auto;animation:modal-fade var(--transition-base)}.modal-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-6);width:100%;max-width:420px;position:relative;animation:modal-pop var(--transition-base)}.modal-card__title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-4)}.qr-img{width:220px;height:220px;max-width:60vw;max-height:60vw;display:block}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.barchart-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.barchart{max-width:100%;height:auto}.card{transition:box-shadow var(--transition-base),transform var(--transition-base)}.card--hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card--hover:active{transform:translateY(0)}.btn{transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn--primary:active:not(:disabled),.btn--secondary:active:not(:disabled){transform:translateY(1px)}.btn--primary{box-shadow:0 1px 2px #4f46e540}.app-header{background:color-mix(in srgb,var(--color-surface) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px)}.tab-btn--active{font-weight:600}.auth-page{background:radial-gradient(1200px 600px at 50% -10%,var(--color-brand-100) 0%,transparent 60%),linear-gradient(135deg,var(--color-brand-50) 0%,var(--color-neutral-50) 60%)}.transfer-row{transition:background var(--transition-fast)}.transfer-row:hover{background:var(--color-green-100)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 640px){.form-row{flex-direction:column;align-items:stretch;gap:var(--space-3)}.form-row>*{flex:1 1 auto}.inline-form{flex-direction:column;align-items:stretch}.inline-form>.form-group{min-width:0;width:100%}.inline-form>.btn{width:100%}.form-narrow,.form-narrow--sm{max-width:100%}.modal-overlay{align-items:flex-start;padding:var(--space-3)}.modal-card{padding:var(--space-5)}.page-title{font-size:var(--text-xl)}.page-subtitle{font-size:var(--text-sm);margin-bottom:var(--space-6)}.section-title{font-size:var(--text-lg)}.card{padding:var(--space-4)}.auth-card{padding:var(--space-8) var(--space-5)}.form-section{padding:var(--space-3)}.form-input,.form-select,.form-textarea{font-size:16px}.groups-grid{grid-template-columns:1fr}.participant-row{grid-template-columns:minmax(0,1fr) 90px 90px;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.participant-row__input .form-input{font-size:16px;padding:var(--space-2)}.participant-row__amount{font-size:var(--text-sm)}.tip-row{flex-direction:row}.tip-row__amount{flex:0 0 100px}.itemized-row{grid-template-columns:1fr 90px auto;padding:var(--space-2)}.itemized-row__assignee{grid-column:1 / -1}}@media (max-width: 379px){.participant-row{grid-template-columns:minmax(0,1fr) 90px}.participant-row__amount{grid-column:1 / -1;align-items:flex-end;flex-direction:row;gap:var(--space-2)}.participant-row__tip{font-size:var(--text-xs)}}.expense-row__detail{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface-subtle, #f9fafb)}.expense-row__detail-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted, #6b7280);margin:0 0 var(--space-2) 0}.expense-row__shares,.expense-row__items{list-style:none;padding:0;margin:0 0 var(--space-3) 0;display:flex;flex-direction:column;gap:var(--space-2)}.expense-row__shares li,.expense-row__items li{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.expense-row__actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.expense-row__edit{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.expense-row--mine>.item-row{box-shadow:inset 3px 0 0 var(--color-brand-500)}.expense-row--other{opacity:.55;transition:opacity .12s ease-in-out}.expense-row--other:hover,.expense-row--other:focus-within{opacity:1}.netting-trace{margin-top:var(--space-4)}.netting-trace>summary{cursor:pointer;color:var(--color-text-muted);font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.netting-trace__body{margin-top:var(--space-4);padding-left:var(--space-4);border-left:2px solid var(--color-border)}.netting-trace__body h4{margin-top:var(--space-4);margin-bottom:var(--space-2)}.netting-trace__balances,.netting-trace__result{list-style:none;padding-left:0;margin:0}.netting-trace__steps{padding-left:var(--space-5);margin:0}.netting-trace__balances li,.netting-trace__result li,.netting-trace__steps li{padding:var(--space-2) 0}.netting-trace__balance--credit{color:var(--color-green-700)}.netting-trace__balance--debit{color:var(--color-red-700)}.fab{position:fixed;bottom:var(--space-6);right:var(--space-6);width:56px;height:56px;border-radius:var(--radius-full);border:none;background:var(--color-brand-600);color:#fff;font-size:28px;line-height:1;font-weight:600;box-shadow:var(--shadow-lg);cursor:pointer;z-index:50;display:none;align-items:center;justify-content:center;transition:background var(--transition-fast),transform var(--transition-fast)}.fab:hover{background:var(--color-brand-700)}.fab:active{transform:scale(.96)}@media (max-width: 640px){.fab{display:inline-flex}}.mobile-subheader{display:none;align-items:center;gap:var(--space-2);height:56px;padding:0 var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.mobile-subheader__back{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-brand-600);font-size:28px;line-height:1;text-decoration:none}.mobile-subheader__back:hover{background:var(--color-brand-50)}.mobile-subheader__title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 640px){.mobile-subheader{display:flex}}.list-rows{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.balance-hero{background:var(--color-brand-50);border:1px solid var(--color-brand-100);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-5);margin-bottom:var(--space-4)}.balance-hero__label{font-size:var(--text-sm);color:var(--color-brand-700);margin-bottom:var(--space-1)}.balance-hero__value{font-size:var(--text-3xl);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.balance-hero__value--positive{color:var(--color-green-700)}.balance-hero__value--negative{color:var(--color-red-700)}.balance-hero__value--zero{color:var(--color-neutral-400)}.more-sheet__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:60;display:flex;align-items:flex-end}.more-sheet{background:var(--color-surface);width:100%;border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);padding:var(--space-3) 0 var(--space-6);box-shadow:var(--shadow-lg)}.more-sheet__handle{width:40px;height:4px;border-radius:2px;background:var(--color-neutral-300);margin:var(--space-2) auto var(--space-4)}.more-sheet__item{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;padding:0 var(--space-5);background:transparent;border:none;font-size:var(--text-base);color:var(--color-text);cursor:pointer;text-align:left}.more-sheet__item:hover{background:var(--color-brand-50)}.more-sheet__item--active{color:var(--color-brand-700);font-weight:600}.more-sheet__item--active:after{content:"";display:block;width:4px;height:24px;border-radius:2px;background:var(--color-brand-600)}.tab-btn__dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-brand-600);margin-left:var(--space-1);vertical-align:2px}.tabs__more{display:none}@media (max-width: 640px){.app-header{min-height:56px}.app-header__inner{padding:0 var(--space-4);height:56px}.app-header__nav,.app-header__nav--desktop,.app-header__user-name{display:none}.tabs{padding:0 var(--space-2);overflow:hidden}.tab-btn{padding:var(--space-3) var(--space-3);min-height:44px;font-size:var(--text-sm)}.tab-btn[data-mobile-hide=true]{display:none}.tabs__more{display:inline-flex}.groups-grid{display:block;padding:0}.group-card--mobile-hide{display:none}.btn--mobile-hide{display:none!important}.group-header--mobile-hide{display:none}.list-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-height:72px;padding:var(--space-3) var(--space-4);background:var(--color-surface);text-align:left;width:100%;border:none;border-top:1px solid var(--color-border);text-decoration:none;color:inherit;cursor:pointer}.list-row:first-child{border-top:none}.list-row:hover{background:var(--color-brand-50)}.list-row__main{min-width:0}.list-row__title{font-size:var(--text-base);font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row__meta{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:2px}.list-row__value{font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--text-base);text-align:right}.list-row__value--positive{color:var(--color-green-700)}.list-row__value--negative{color:var(--color-red-700)}.list-row__value--zero{color:var(--color-neutral-400)}.data-table--mobile thead{display:none}.data-table--mobile tbody,.data-table--mobile tr,.data-table--mobile td{display:block;width:100%}.data-table--mobile tr{border:none;border-top:1px solid var(--color-border);padding:0}.data-table--mobile tr:first-child{border-top:none}.analytics-filters{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.analytics-filters::-webkit-scrollbar{display:none}.balance-hero--sticky{position:sticky;top:56px;z-index:10}.card--mobile-full{width:100%;max-width:100%}}.group-card-mobile{display:none}@media (max-width: 640px){.group-card-desktop{display:none!important}.group-card-mobile{display:grid;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.list-row__value-stack{display:flex;flex-direction:column;gap:2px;align-items:flex-end}}.list-row__meta,.item-row__aside--mobile{display:none}@media (max-width: 640px){.item-row__badge,.item-row__aside--desktop{display:none}.item-row__aside--mobile,.list-row__meta{display:block}}.expense-row__badges{display:contents}@media (max-width: 640px){.expense-row__badges{display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-end}}@media (max-width: 640px){.members-row{display:block!important;grid-template-columns:none!important}.members-row--head{display:none!important}.members-row>div{margin-bottom:var(--space-2);text-align:left!important}.members-row>div:last-child{margin-bottom:0}}@media (max-width: 640px){.settle-transfer{display:flex!important;flex-direction:column;align-items:stretch!important;grid-template-columns:none!important;gap:var(--space-2)!important}.settle-transfer>div{text-align:left!important}.settle-transfer>div:nth-child(2){display:none}}