: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 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .05);--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}.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)}.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 100px auto;gap:var(--space-2);align-items:start;padding:var(--space-3);background:var(--color-neutral-50);border:1px solid var(--color-border);border-radius:var(--radius-md)}.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)}.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;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}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)}.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-4)}.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)}.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}