@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--primary: #2563EB;--on-primary: #FFFFFF;--primary-container: #DBEAFE;--on-primary-container: #1E3A8A;--secondary: #10B981;--on-secondary: #FFFFFF;--secondary-container: #D1FAE5;--on-secondary-container: #064E3B;--tertiary: #F59E0B;--on-tertiary: #FFFFFF;--error: #EF4444;--error-container: #FEE2E2;--background: #F8FAFC;--on-background: #0F172A;--surface: #FFFFFF;--on-surface: #0F172A;--surface-variant: #F1F5F9;--on-surface-variant: #475569;--outline: #CBD5E1;--outline-variant: #E2E8F0;--inverse-surface: #1E293B;--inverse-on-surface: #F8FAFC;--shadow: rgba(0, 0, 0, .08);--text-positive: #2E7D32;--text-negative: #C62828;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--elevation-1: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--elevation-2: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--elevation-3: 0 10px 15px rgba(0, 0, 0, .07), 0 4px 6px rgba(0, 0, 0, .05);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--max-width: 480px;--navbar-height: 60px;--bottom-nav-height: 64px}[data-theme=dark]{--primary: #4DB6AC;--on-primary: #00251A;--primary-container: #00695C;--on-primary-container: #B2DFDB;--secondary: #BB86FC;--on-secondary: #381E72;--secondary-container: #4F378B;--on-secondary-container: #E8DDFF;--tertiary: #FFCA28;--on-tertiary: #3E2D00;--error: #EF5350;--error-container: #C62828;--background: #121212;--on-background: #E0E0E0;--surface: #1E1E1E;--on-surface: #E0E0E0;--surface-variant: #2C2C2C;--on-surface-variant: #BDBDBD;--outline: #757575;--outline-variant: #424242;--inverse-surface: #E0E0E0;--inverse-on-surface: #121212;--shadow: rgba(0, 0, 0, .3);--text-positive: #66BB6A;--text-negative: #EF5350}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--primary: #4DB6AC;--on-primary: #00251A;--primary-container: #00695C;--on-primary-container: #B2DFDB;--secondary: #BB86FC;--on-secondary: #381E72;--secondary-container: #4F378B;--on-secondary-container: #E8DDFF;--tertiary: #FFCA28;--on-tertiary: #3E2D00;--error: #EF5350;--error-container: #C62828;--background: #121212;--on-background: #E0E0E0;--surface: #1E1E1E;--on-surface: #E0E0E0;--surface-variant: #2C2C2C;--on-surface-variant: #BDBDBD;--outline: #757575;--outline-variant: #424242;--inverse-surface: #E0E0E0;--inverse-on-surface: #121212;--shadow: rgba(0, 0, 0, .3);--text-positive: #66BB6A;--text-negative: #EF5350}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--background);color:var(--on-background);min-height:100vh;line-height:1.5;transition:background var(--transition-normal),color var(--transition-normal)}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:flex;flex-direction:column;min-height:100vh}.page-container{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--space-md);padding-bottom:calc(var(--bottom-nav-height) + var(--space-lg))}.card{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--elevation-1);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.card:hover{box-shadow:var(--elevation-2)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-1px)}.card-clickable:active{transform:translateY(0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 24px;border:none;border-radius:var(--radius-full);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--elevation-2)}.btn-secondary{background:var(--secondary);color:var(--on-secondary)}.btn-secondary:hover:not(:disabled){filter:brightness(1.1)}.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--outline)}.btn-outline:hover:not(:disabled){background:var(--primary-container);border-color:var(--primary)}.btn-text{background:transparent;color:var(--primary);padding:8px 16px}.btn-text:hover:not(:disabled){background:var(--primary-container)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full);font-size:1.2rem}.btn-sm{padding:8px 16px;font-size:.85rem;min-height:44px}.btn-lg{padding:14px 32px;font-size:1.05rem}.btn-block{width:100%}.fab-container{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--space-md));right:var(--space-md);z-index:50;display:flex;flex-direction:column;align-items:flex-end}.fab-menu{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-sm);margin-bottom:var(--space-md);animation:slideUp .2s ease}.fab-item{display:flex;align-items:center;gap:var(--space-md)}.fab-label{background:var(--surface);color:var(--on-surface);padding:6px 12px;border-radius:var(--radius-md);box-shadow:var(--elevation-2);font-size:.85rem;font-weight:500;border:1px solid var(--outline-variant);white-space:nowrap}.fab-secondary{width:48px;height:48px;border-radius:var(--radius-full);background:var(--surface);color:var(--primary);border:2px solid var(--primary-container);display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;box-shadow:var(--elevation-2);transition:all var(--transition-fast)}.fab-secondary:hover{transform:scale(1.05);background:var(--surface-variant)}.fab{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--primary);color:var(--on-primary);border:none;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;box-shadow:var(--elevation-3);transition:all var(--transition-fast)}.fab-rotated{transform:rotate(45deg)}.fab:hover{transform:scale(1.05);box-shadow:0 12px 24px #00000026}.fab.fab-rotated:hover{transform:rotate(45deg) scale(1.05)}.fab:active{transform:scale(.97)}.input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.input-group label{font-size:.85rem;font-weight:500;color:var(--on-surface-variant)}.input,select,textarea{width:100%;padding:12px 16px;border:1.5px solid var(--outline);border-radius:var(--radius-md);background:var(--surface);color:var(--on-surface);font-family:inherit;font-size:1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-container)}.input::placeholder{color:var(--on-surface-variant);opacity:.6}.top-bar{position:sticky;top:0;z-index:100;background:var(--surface);border-bottom:1px solid var(--outline-variant);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.top-bar-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:var(--navbar-height);padding:0 var(--space-md)}.top-bar-title{font-size:1.15rem;font-weight:600}.top-bar-brand{display:flex;align-items:center;gap:var(--space-sm)}.top-bar-brand img{width:32px;height:32px;border-radius:var(--radius-sm)}.top-bar-actions{display:flex;align-items:center;gap:var(--space-xs)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:var(--surface);border-top:1px solid var(--outline-variant);display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.bottom-nav-inner{width:100%;max-width:var(--max-width);display:flex;justify-content:space-around;align-items:center}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;border-radius:var(--radius-md);text-decoration:none;color:var(--on-surface-variant);font-size:.7rem;font-weight:500;transition:color var(--transition-fast);position:relative}.bottom-nav-item .nav-icon{font-size:1.4rem;line-height:1}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item.active .nav-icon{background:var(--primary-container);padding:4px 16px;border-radius:var(--radius-full)}.nav-badge{position:absolute;top:2px;right:4px;width:18px;height:18px;border-radius:var(--radius-full);background:var(--error);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.section-title{font-size:1.05rem;font-weight:600;color:var(--on-surface)}.avatar{width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-lg{width:56px;height:56px;font-size:1.2rem}.avatar-xl{width:72px;height:72px;font-size:1.5rem}.avatar-stack{display:flex}.avatar-stack .avatar{margin-left:-8px;border:2px solid var(--surface)}.avatar-stack .avatar:first-child{margin-left:0}.chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:6px 14px;border-radius:var(--radius-full);font-size:.8rem;font-weight:500;border:1px solid var(--outline);background:var(--surface);color:var(--on-surface);cursor:pointer;transition:all var(--transition-fast)}.chip:hover{background:var(--surface-variant)}.chip.active{background:var(--primary-container);color:var(--primary);border-color:var(--primary)}.amount-positive{color:var(--text-positive);font-weight:600}.amount-negative{color:var(--text-negative);font-weight:600}.amount-zero{color:var(--on-surface-variant)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-md);text-align:center}.empty-state-icon{font-size:3rem;opacity:.6}.empty-state h3{font-size:1.1rem;color:var(--on-surface)}.empty-state p{font-size:.9rem;color:var(--on-surface-variant);max-width:280px}.modal-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.modal-content{background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:var(--max-width);max-height:85vh;overflow-y:auto;padding:var(--space-lg);animation:slideUp .3s ease}.modal-handle{width:40px;height:4px;background:var(--outline);border-radius:var(--radius-full);margin:0 auto var(--space-md)}.modal-title{font-size:1.2rem;font-weight:600;margin-bottom:var(--space-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.spinner-container{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl)}.spinner{width:36px;height:36px;border:3px solid var(--outline-variant);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{height:1px;background:var(--outline-variant);margin:var(--space-md) 0}.text-center{text-align:center}.text-muted{color:var(--on-surface-variant)}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.w-full{width:100%}.page-enter{animation:slideIn .3s ease}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);background:linear-gradient(135deg,var(--primary-container) 0%,var(--background) 50%,var(--secondary-container) 100%)}.login-card{width:100%;max-width:400px;background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--elevation-3)}.login-logo{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.login-logo img{width:72px;height:72px;border-radius:var(--radius-lg)}.login-logo h1{font-size:1.5rem;color:var(--on-surface)}.login-logo p{font-size:.9rem;color:var(--on-surface-variant)}.login-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;color:var(--on-surface-variant);font-size:.85rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--outline-variant)}.google-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:12px;border:1.5px solid var(--outline);border-radius:var(--radius-full);background:var(--surface);color:var(--on-surface);font-family:inherit;font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.google-btn:hover{background:var(--surface-variant);box-shadow:var(--elevation-1)}.google-btn svg{width:20px;height:20px}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.login-toggle{text-align:center;margin-top:var(--space-md);font-size:.9rem;color:var(--on-surface-variant)}.login-toggle button{background:none;border:none;color:var(--primary);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer}.dashboard-card{background:linear-gradient(135deg,var(--primary),#1d4ed8);border-radius:var(--radius-lg);padding:var(--space-lg);color:#fff;box-shadow:var(--elevation-2)}[data-theme=dark] .dashboard-card{background:linear-gradient(135deg,var(--primary-container),#004d40)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .dashboard-card{background:linear-gradient(135deg,#00695c,#004d40)}}.dashboard-card h3{font-size:.85rem;font-weight:500;opacity:.85;margin-bottom:var(--space-xs)}.dashboard-amounts{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.dashboard-amount-item{display:flex;flex-direction:column;gap:2px}.dashboard-amount-item .label{font-size:.75rem;opacity:.8}.dashboard-amount-item .value{font-size:1.3rem;font-weight:700}.dashboard-net{border-top:1px solid rgba(255,255,255,.2);padding-top:var(--space-sm);display:flex;justify-content:space-between;align-items:center}.dashboard-net .label{font-size:.85rem;opacity:.9}.dashboard-net .value{font-size:1.5rem;font-weight:700}.group-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md)}.group-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--primary-container);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.group-info{flex:1;min-width:0}.group-name{font-weight:600;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-meta{font-size:.8rem;color:var(--on-surface-variant);margin-top:2px}.group-balance{text-align:right;flex-shrink:0}.group-balance .value{font-size:1rem;font-weight:600}.group-balance .label{font-size:.7rem;color:var(--on-surface-variant)}.group-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.group-header-icon{font-size:2rem}.group-header-info h1{font-size:1.3rem;font-weight:700}.group-header-info p{font-size:.85rem;color:var(--on-surface-variant)}.spending-card{background:var(--surface-variant);border-radius:var(--radius-lg);padding:var(--space-md);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.spending-item .label{font-size:.75rem;color:var(--on-surface-variant)}.spending-item .value{font-size:1.15rem;font-weight:700;color:var(--on-surface)}.balance-chips{display:flex;gap:var(--space-sm);overflow-x:auto;padding-bottom:var(--space-xs);-webkit-overflow-scrolling:touch}.balance-chips::-webkit-scrollbar{display:none}.member-balance-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;min-height:44px}.member-balance-card .name{font-size:.85rem;font-weight:500}.member-balance-card .owner-badge{background:var(--tertiary);color:var(--on-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-size:.65rem;font-weight:700;margin-left:2px}.member-balance-card .balance{font-size:.85rem;font-weight:600}.activity-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md)}.activity-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.activity-icon.bill{background:var(--primary-container)}.activity-icon.payment{background:var(--secondary-container)}.activity-info{flex:1;min-width:0}.activity-title{font-weight:500;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-subtitle{font-size:.8rem;color:var(--on-surface-variant)}.activity-amount{text-align:right;flex-shrink:0}.activity-amount .value{font-weight:600}.activity-amount .date{font-size:.7rem;color:var(--on-surface-variant)}.action-bar{display:flex;gap:var(--space-sm);padding:var(--space-md) 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.action-bar::-webkit-scrollbar{display:none}.form-page{padding-top:var(--space-md)}.form-page .form-group{margin-bottom:var(--space-md)}.form-page .form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--on-surface-variant);margin-bottom:var(--space-xs)}.split-type-tabs{display:flex;background:var(--surface-variant);border-radius:var(--radius-full);padding:3px;margin-bottom:var(--space-md)}.split-type-tab{flex:1;padding:8px 16px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--on-surface-variant);font-family:inherit;font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.split-type-tab.active{background:var(--surface);color:var(--on-surface);box-shadow:var(--elevation-1)}.participant-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0}.participant-row .name{flex:1;font-size:.9rem}.participant-row .input{width:100px;text-align:right}.settings-list{display:flex;flex-direction:column}.settings-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--outline-variant);cursor:pointer;transition:background var(--transition-fast)}.settings-item:hover{background:var(--surface-variant)}.settings-item:last-child{border-bottom:none}.settings-icon{font-size:1.3rem;width:32px;text-align:center}.settings-info{flex:1}.settings-info .title{font-weight:500;font-size:.95rem}.settings-info .subtitle{font-size:.8rem;color:var(--on-surface-variant)}.settings-arrow{color:var(--on-surface-variant);font-size:1.1rem}.invitation-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md)}.invitation-info{flex:1}.invitation-info .group-name{font-weight:600}.invitation-info .invited-by{font-size:.85rem;color:var(--on-surface-variant)}.invitation-actions{display:flex;gap:var(--space-sm)}.error-message{background:var(--error-container);color:var(--text-negative);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.85rem;margin-bottom:var(--space-md)}.success-message{background:var(--secondary-container);color:var(--text-positive);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.85rem;margin-bottom:var(--space-md)}.detail-header{text-align:center;padding:var(--space-lg) 0}.detail-header .amount{font-size:2rem;font-weight:700;margin:var(--space-sm) 0}.detail-header .title{font-size:1.1rem;color:var(--on-surface-variant)}.detail-section{margin-bottom:var(--space-lg)}.detail-section h3{font-size:.9rem;font-weight:600;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0}.detail-row .label{color:var(--on-surface-variant);font-size:.9rem}.detail-row .value{font-weight:500}@media(min-width:768px){:root{--max-width: 480px}.modal-content{border-radius:var(--radius-xl);margin-bottom:var(--space-lg)}.modal-backdrop{align-items:center}}