.workspace-selector{position:relative}.workspace-trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;cursor:pointer;transition:all .2s ease}.workspace-trigger:hover{border-color:var(--accent-primary)}.workspace-name{font-weight:600;color:var(--text-primary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-role{font-size:.875rem}.dropdown-arrow{font-size:.625rem;color:var(--text-secondary)}.workspace-backdrop{position:fixed;inset:0;z-index:100}.workspace-dropdown{position:absolute;top:calc(100% + .5rem);left:0;min-width:200px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:101;overflow:hidden}.dropdown-header{padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);background:var(--bg-tertiary)}.dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:none;border:none;cursor:pointer;color:var(--text-primary);font-size:.875rem;text-align:left;transition:background .2s ease}.dropdown-item:hover{background:var(--bg-tertiary)}.dropdown-item.active{background:#6366f11a;color:var(--accent-primary)}.dropdown-item.manage{color:var(--text-secondary)}.item-role{font-size:.875rem}.dropdown-divider{height:1px;background:var(--glass-border);margin:.25rem 0}.sidebar{display:none}@media(min-width:1024px){.sidebar{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:240px;height:100dvh;background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:1px solid var(--glass-border);padding:var(--space-lg);z-index:200}.sidebar-brand{display:flex;align-items:center;gap:var(--space-md);padding-bottom:var(--space-xl);border-bottom:1px solid var(--glass-border);margin-bottom:var(--space-lg)}.sidebar-logo{font-size:1.8rem}.sidebar-title{font-size:var(--font-size-lg);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-sm)}.sidebar-link{display:flex;align-items:center;gap:var(--space-md);padding:12px 16px;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;font-size:var(--font-size-sm);transition:all var(--transition-normal)}.sidebar-link:hover{background:#ffffff0d;color:var(--text-primary)}.sidebar-link.active{background:#7c3aed26;color:var(--accent-purple)}.sidebar-link-icon{font-size:1.2rem}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);background:#0f0f23f2;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-around;z-index:200;padding-bottom:env(safe-area-inset-bottom,0)}@media(min-width:1024px){.bottom-nav{display:none}}.bottom-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;color:var(--text-muted);font-size:var(--font-size-xs);font-weight:500;transition:all var(--transition-normal);position:relative;min-width:60px}.bottom-tab:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%) scaleX(0);width:24px;height:3px;background:var(--gradient-primary);border-radius:0 0 3px 3px;transition:transform var(--transition-normal)}.bottom-tab.active{color:var(--accent-purple)}.bottom-tab.active:before{transform:translate(-50%) scaleX(1)}.bottom-tab-icon{font-size:1.3rem;transition:transform var(--transition-normal)}.bottom-tab.active .bottom-tab-icon{transform:scale(1.15)}.bottom-tab-label{line-height:1}@media(min-width:1024px){.sidebar-workspace{margin-bottom:var(--space-lg)}.sidebar-nav{flex:1}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-lg);border-top:1px solid var(--glass-border);margin-top:auto}.user-badge{display:flex;align-items:center;gap:var(--space-sm)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#fff}.user-name{font-size:.875rem;color:var(--text-secondary);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer .logout-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;opacity:.6;transition:opacity .2s ease}.sidebar-footer .logout-btn:hover{opacity:1}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.login-card{width:100%;max-width:400px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid var(--glass-border);padding:2rem;box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:2rem;color:var(--text-primary);margin-bottom:.5rem}.login-header p{color:var(--text-secondary)}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-group input{padding:.875rem 1rem;border-radius:12px;border:1px solid var(--glass-border);background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;transition:all .2s ease}.form-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f133}.form-group input::placeholder{color:var(--text-muted)}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem 1rem;border-radius:8px;font-size:.875rem}.login-button{padding:1rem;border-radius:12px;border:none;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--glass-border)}.login-footer p{color:var(--text-secondary);font-size:.875rem}.toggle-button{background:none;border:none;color:var(--accent-primary);font-weight:600;cursor:pointer;margin-left:.25rem;transition:color .2s ease}.toggle-button:hover{color:var(--accent-secondary)}.budget-list-container{min-height:100vh;padding:2rem;max-width:800px;margin:0 auto}.budget-list-header{text-align:center;margin-bottom:2rem}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.header-top h1{font-size:1.75rem;color:var(--text-primary)}.user-info{display:flex;align-items:center;gap:1rem;color:var(--text-secondary);font-size:.875rem}.logout-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.logout-btn:hover{background:#ef444433}.budget-list-header p{color:var(--text-secondary)}.budget-actions{display:flex;gap:1rem;margin-bottom:1.5rem;justify-content:center}.action-btn{padding:.875rem 1.5rem;border-radius:12px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.action-btn.primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff}.action-btn.secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary)}.action-btn:hover{transform:translateY(-2px)}.inline-form{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--glass-bg);padding:1rem;border-radius:12px;border:1px solid var(--glass-border)}.inline-form input{flex:1;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--glass-border);background:var(--bg-secondary);color:var(--text-primary);font-size:1rem}.inline-form input:focus{outline:none;border-color:var(--accent-primary)}.inline-form button{padding:.75rem 1rem;border-radius:8px;border:none;background:var(--accent-primary);color:#fff;cursor:pointer;font-weight:600}.inline-form button[type=button]{background:var(--bg-tertiary);color:var(--text-secondary)}.empty-state{text-align:center;padding:3rem;background:var(--glass-bg);border-radius:16px;border:1px solid var(--glass-border)}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem}.empty-state p{color:var(--text-secondary)}.budget-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.budget-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1.25rem;cursor:pointer;transition:all .2s ease;position:relative}.budget-card:hover{transform:translateY(-4px);border-color:var(--accent-primary);box-shadow:var(--shadow-lg)}.budget-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.budget-card-header h3{font-size:1.125rem;color:var(--text-primary);margin:0}.role-badge{font-size:1rem}.budget-card-info{font-size:.875rem;color:var(--text-secondary)}.delete-btn{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1rem;cursor:pointer;opacity:0;transition:opacity .2s ease;padding:.25rem}.budget-card:hover .delete-btn{opacity:.6}.delete-btn:hover{opacity:1!important}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;text-align:center}@media(max-width:600px){.budget-list-container{padding:1rem}.header-top{flex-direction:column;gap:1rem}.budget-actions,.inline-form{flex-direction:column}}.period-selector{display:flex;align-items:center;gap:.5rem;background:var(--glass-bg);padding:.5rem;border-radius:12px;border:1px solid var(--glass-border)}.period-nav-btn{width:32px;height:32px;border-radius:8px;border:none;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .2s ease}.period-nav-btn:hover{background:var(--accent-primary);color:#fff}.period-selects{display:flex;gap:.5rem}.month-select,.year-select{padding:.5rem 1.75rem .5rem .75rem;border-radius:8px;border:1px solid var(--glass-border);background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.month-select:focus,.year-select:focus{outline:none;border-color:var(--accent-primary)}.year-select{width:85px}.today-btn{padding:.5rem .75rem;border-radius:8px;border:1px solid var(--accent-primary);background:transparent;color:var(--accent-primary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.today-btn:hover{background:var(--accent-primary);color:#fff}@media(max-width:480px){.period-selector{flex-wrap:wrap;justify-content:center}.period-selects{order:-1;width:100%;justify-content:center;margin-bottom:.5rem}}.member-cards{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-lg)}.member-card{position:relative;overflow:hidden}.member-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.member-card:nth-child(1):before{background:var(--member-1-gradient)}.member-card:nth-child(2):before{background:var(--member-2-gradient)}.member-card-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.member-avatar{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-xl);color:#fff;flex-shrink:0}.member-avatar-1{background:var(--member-1-gradient)}.member-avatar-2{background:var(--member-2-gradient)}.member-name{font-size:var(--font-size-lg);font-weight:600}.member-budget-label{font-size:var(--font-size-xs);color:var(--text-secondary)}.member-card-amounts{display:flex;gap:var(--space-xl);margin-bottom:var(--space-md)}.amount-block{display:flex;flex-direction:column;gap:2px}.amount-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.amount-value{font-size:var(--font-size-xl);font-weight:700}.percent-label{display:block;font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-xs);text-align:right}.category-breakdown{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:var(--space-md)}.cat-row{display:flex;flex-direction:column;gap:var(--space-xs)}.cat-row-header{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm)}.cat-icon{font-size:1rem}.cat-name{flex:1;color:var(--text-secondary)}.cat-amounts{font-size:var(--font-size-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.quick-stats{margin-bottom:var(--space-lg)}.quick-stats-title{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--space-lg)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:var(--font-size-lg);font-weight:700}.stat-label{font-size:var(--font-size-xs);color:var(--text-muted)}.family-summary{margin-bottom:var(--space-lg)}.family-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.family-summary-header h2{font-size:var(--font-size-lg);font-weight:600}.family-total{font-size:var(--font-size-xl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.family-summary-stats{display:flex;gap:var(--space-xl);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--glass-border)}.family-stat{display:flex;flex-direction:column;gap:2px}.family-stat-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase}.family-stat-value{font-size:var(--font-size-lg);font-weight:600}.wallet-cards{display:flex;flex-direction:column;gap:var(--space-md)}.wallet-summary-card{padding:var(--space-sm) 0}.wallet-summary-card:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:var(--space-md)}.wallet-summary-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.wallet-summary-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.wallet-summary-info{flex:1;min-width:0}.wallet-summary-name{display:block;font-weight:600;font-size:var(--font-size-sm)}.wallet-summary-amounts{font-size:var(--font-size-xs);color:var(--text-muted)}.wallet-summary-remaining{font-size:var(--font-size-sm);font-weight:600}.wallet-link{cursor:pointer;text-decoration:none;color:inherit;transition:all var(--transition-normal)}.wallet-link:hover{background:#ffffff08;transform:translate(4px)}.expense-form{display:flex;flex-direction:column}.member-toggle{display:flex;gap:var(--space-sm)}.member-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:14px;border-radius:var(--radius-md);background:var(--bg-input);border:2px solid transparent;font-weight:600;font-size:var(--font-size-sm);transition:all var(--transition-normal)}.member-toggle-btn:hover{background:var(--bg-input-focus)}.member-toggle-btn.active.member-toggle-1{border-color:var(--member-1);background:var(--member-1-light);color:var(--member-1)}.member-toggle-btn.active.member-toggle-2{border-color:var(--member-2);background:var(--member-2-light);color:var(--member-2)}.member-toggle-initial{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700;color:#fff;background:var(--gradient-primary)}.member-toggle-1.active .member-toggle-initial{background:var(--member-1-gradient)}.member-toggle-2.active .member-toggle-initial{background:var(--member-2-gradient)}.wallet-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.wallet-chip{display:flex;align-items:center;gap:var(--space-sm);padding:12px 16px;border-radius:var(--radius-md);background:var(--bg-input);border:2px solid transparent;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-normal);cursor:pointer}.wallet-chip:hover{background:var(--bg-input-focus);transform:translateY(-1px)}.wallet-chip.active{background:#ffffff14}.wallet-chip-icon{font-size:1.2rem}.wallet-chip-label{color:var(--text-primary)}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}@media(min-width:480px){.category-grid{grid-template-columns:repeat(3,1fr)}}.category-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border-radius:var(--radius-md);background:var(--bg-input);border:2px solid transparent;font-size:var(--font-size-xs);transition:all var(--transition-normal);cursor:pointer}.category-chip:hover{background:var(--bg-input-focus);transform:translateY(-1px)}.category-chip.active{border-color:var(--accent-purple);background:#7c3aed26}.category-chip-icon{font-size:1.5rem}.category-chip-label{color:var(--text-secondary);text-align:center;line-height:1.2}.category-chip.active .category-chip-label{color:var(--text-primary)}.amount-input-wrapper{position:relative}.amount-currency{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:var(--font-size-xl);font-weight:700;color:var(--text-muted);pointer-events:none}.amount-input{padding-left:40px!important;font-size:var(--font-size-2xl)!important;font-weight:700!important}.preview-card{background:#7c3aed14;border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.preview-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.preview-row span:first-child{color:var(--text-secondary)}.preview-row span:last-child{font-weight:600}.imputation-selector{display:flex;gap:var(--space-sm)}.imputation-select{flex:1;padding:12px;font-size:var(--font-size-sm)}.submit-btn{margin-top:var(--space-sm);padding:16px;font-size:var(--font-size-md)}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.setup-section{margin-bottom:var(--space-xl)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.section-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-md)}.section-header .section-title{margin-bottom:0}.member-budget-cards{display:flex;flex-direction:column;gap:var(--space-lg)}.member-budget-header{display:flex;gap:var(--space-md);align-items:flex-start;margin-bottom:var(--space-lg)}.member-budget-fields{flex:1}.member-budget-card .member-avatar{width:44px;height:44px;margin-top:22px;flex-shrink:0}.cat-budget-section{border-top:1px solid var(--glass-border);padding-top:var(--space-md)}.cat-budget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);flex-wrap:wrap;gap:var(--space-sm)}.cat-budget-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.cat-budget-remaining{font-size:var(--font-size-xs);font-weight:600}.cat-budget-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:8px 0}.cat-budget-row+.cat-budget-row{border-top:1px solid rgba(255,255,255,.04)}.cat-budget-label{font-size:var(--font-size-sm);color:var(--text-secondary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-budget-input-wrap{position:relative;width:110px;flex-shrink:0}.cat-budget-euro{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:var(--font-size-sm);pointer-events:none}.cat-budget-input{padding:8px 8px 8px 28px!important;font-size:var(--font-size-sm)!important;text-align:right}.add-cat-form{margin-bottom:var(--space-md)}.emoji-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.emoji-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;border-radius:var(--radius-sm);background:var(--bg-input);border:2px solid transparent;transition:all var(--transition-fast)}.emoji-btn:hover{background:var(--bg-input-focus);transform:scale(1.1)}.emoji-btn.active{border-color:var(--accent-purple);background:#7c3aed26}.categories-list{display:flex;flex-direction:column;gap:var(--space-sm)}.category-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md)!important}.category-item-icon{font-size:1.3rem}.category-item-name{flex:1;font-size:var(--font-size-sm);font-weight:500}.delete-cat-btn{opacity:.5;transition:opacity var(--transition-fast)}.delete-cat-btn:hover{opacity:1}.setup-actions{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.delete-member-btn{position:absolute;top:var(--space-md);right:var(--space-md);opacity:.5;transition:opacity var(--transition-fast)}.delete-member-btn:hover{opacity:1}.member-budget-card{position:relative}.family-budget-summary{margin-bottom:var(--space-lg);text-align:center}.family-budget-total{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.family-budget-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.family-budget-amount{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.family-budget-spent{display:flex;justify-content:center;gap:var(--space-lg);font-size:var(--font-size-sm);color:var(--text-secondary)}.wallets-list{display:flex;flex-direction:column;gap:var(--space-md)}.wallet-card{padding:var(--space-md)!important}.wallet-header{display:flex;align-items:center;gap:var(--space-md)}.wallet-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.wallet-info{flex:1;min-width:0}.wallet-name{font-weight:600;font-size:var(--font-size-md);display:block;margin-bottom:var(--space-xs)}.wallet-progress{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:var(--space-xs)}.wallet-progress-bar{height:100%;border-radius:3px;transition:width var(--transition-base)}.wallet-remaining{font-size:var(--font-size-xs)}.wallet-budget-input-wrap{position:relative;width:110px;flex-shrink:0}.wallet-budget-euro{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:var(--font-size-sm);pointer-events:none}.wallet-budget-input{padding:10px 10px 10px 28px!important;font-size:var(--font-size-md)!important;text-align:right}.delete-wallet-btn{opacity:.5;transition:opacity var(--transition-fast);flex-shrink:0}.delete-wallet-btn:hover{opacity:1}.color-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.color-btn{width:36px;height:36px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.color-btn:hover{transform:scale(1.15)}.color-btn.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}@media(max-width:480px){.wallet-header{flex-wrap:wrap}.wallet-info{width:calc(100% - 60px)}.wallet-budget-input-wrap{width:100%;margin-top:var(--space-sm)}}.filters-card{margin-bottom:var(--space-lg);padding:var(--space-md)!important}.filters-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:480px){.filters-grid{grid-template-columns:1fr 1fr 1fr}}.expense-groups{display:flex;flex-direction:column;gap:var(--space-lg)}.expense-date-group{display:flex;flex-direction:column;gap:var(--space-sm)}.date-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding-left:var(--space-xs)}.expense-list{display:flex;flex-direction:column;gap:var(--space-sm)}.expense-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md)!important;transition:all var(--transition-normal)}.expense-item:hover{transform:translate(4px)}.expense-item-left{display:flex;align-items:center;gap:var(--space-md);flex:1;min-width:0}.expense-item-icon{font-size:1.3rem;flex-shrink:0}.expense-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.expense-item-desc{font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-item-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--text-muted)}.expense-member-badge{padding:1px 8px;border-radius:10px;font-weight:600;font-size:.65rem;text-transform:uppercase;letter-spacing:.3px}.member-badge-1{background:var(--member-1-light);color:var(--member-1)}.member-badge-2{background:var(--member-2-light);color:var(--member-2)}.expense-wallet-badge{padding:1px 8px;border-radius:10px;font-weight:600;font-size:.65rem;text-transform:uppercase;letter-spacing:.3px}.expense-item-cat{color:var(--text-muted)}.expense-item-right{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.expense-item-amount{font-size:var(--font-size-sm);font-weight:700;color:var(--accent-red);font-variant-numeric:tabular-nums;white-space:nowrap}.delete-expense-btn{width:32px;height:32px;font-size:1.2rem;color:var(--text-muted);opacity:.4;transition:all var(--transition-fast)}.delete-expense-btn:hover{opacity:1;color:var(--accent-red);background:#ef44441a;border-radius:var(--radius-full)}.edit-expense-btn{width:32px;height:32px;font-size:.9rem;color:var(--text-muted);opacity:.4;transition:all var(--transition-fast)}.edit-expense-btn:hover{opacity:1;color:var(--accent-purple);background:#7c3aed1a;border-radius:var(--radius-full)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:var(--space-md);z-index:1000;animation:fadeIn var(--transition-normal)}.modal-content{width:100%;max-width:400px;max-height:90vh;overflow-y:auto;padding:var(--space-lg)!important;animation:slideUp var(--transition-normal)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.modal-header h3{font-size:var(--font-size-lg);font-weight:600}.modal-header .btn-icon{font-size:1.5rem;color:var(--text-muted)}.edit-form{display:flex;flex-direction:column;gap:var(--space-md)}.modal-actions{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.modal-actions .btn{flex:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.budget-settings{padding:1.5rem;max-width:600px;margin:0 auto}.settings-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.back-btn{background:none;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:.5rem}.back-btn:hover{color:var(--text-primary)}.settings-header h1{font-size:1.5rem;color:var(--text-primary);margin:0}.settings-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.settings-section h2{font-size:1.125rem;color:var(--text-primary);margin:0 0 1rem}.section-desc{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.info-card{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;justify-content:space-between;align-items:center}.info-row .label{color:var(--text-secondary)}.info-row .value{color:var(--text-primary);font-weight:500}.users-list{display:flex;flex-direction:column;gap:.75rem}.user-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:10px}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:500;color:var(--text-primary)}.user-role{font-size:.75rem;color:var(--text-secondary)}.remove-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.remove-btn:hover{background:#ef444433}.invite-box{display:flex;gap:.75rem;align-items:center;background:var(--bg-secondary);padding:1rem;border-radius:10px}.invite-code{flex:1;font-size:1.25rem;font-weight:600;color:var(--accent-primary);letter-spacing:.1em}.copy-btn,.generate-btn,.show-code-btn,.import-btn{padding:.75rem 1.25rem;border-radius:10px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease}.copy-btn{background:var(--accent-primary);color:#fff}.copy-btn:hover{background:var(--accent-secondary)}.generate-btn,.import-btn{width:100%;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff}.generate-btn:hover,.import-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.show-code-btn{width:100%;margin-top:.5rem;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--glass-border)}.show-code-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin:3rem auto}.danger-zone{border-color:#ef44444d;background:#ef44440d}.danger-zone h2{color:#ef4444}.delete-budget-btn{width:100%;padding:.875rem 1.25rem;background:#ef4444;border:none;border-radius:10px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.delete-budget-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.account-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.account-info-box{display:flex;align-items:center;gap:1rem}.account-avatar{width:48px;height:48px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff}.account-details{display:flex;flex-direction:column;gap:.125rem}.account-name{font-weight:600;color:var(--text-primary)}.account-email{font-size:.8rem;color:var(--text-secondary)}.logout-btn-settings{padding:.625rem 1.25rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.logout-btn-settings:hover{background:#ef444433;transform:translateY(-1px)}:root{--bg-primary: #0f0f23;--bg-secondary: #1a1a3e;--bg-card: rgba(30, 30, 70, .6);--bg-card-hover: rgba(40, 40, 90, .7);--bg-input: rgba(255, 255, 255, .06);--bg-input-focus: rgba(255, 255, 255, .1);--text-primary: #e8e8f0;--text-secondary: #9896b0;--text-muted: #6b6987;--text-inverse: #0f0f23;--gradient-primary: linear-gradient(135deg, #7c3aed, #06b6d4);--gradient-secondary: linear-gradient(135deg, #ec4899, #f97316);--gradient-success: linear-gradient(135deg, #10b981, #34d399);--gradient-danger: linear-gradient(135deg, #ef4444, #f97316);--gradient-purple: linear-gradient(135deg, #8b5cf6, #a78bfa);--gradient-blue: linear-gradient(135deg, #3b82f6, #06b6d4);--accent-purple: #7c3aed;--accent-cyan: #06b6d4;--accent-pink: #ec4899;--accent-green: #10b981;--accent-orange: #f97316;--accent-red: #ef4444;--accent-blue: #3b82f6;--member-1: #7c3aed;--member-1-light: rgba(124, 58, 237, .15);--member-1-gradient: linear-gradient(135deg, #7c3aed, #a78bfa);--member-2: #ec4899;--member-2-light: rgba(236, 72, 153, .15);--member-2-gradient: linear-gradient(135deg, #ec4899, #f472b6);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--glass-blur: blur(16px);--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: 20px;--radius-full: 50%;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--nav-height: 70px;--header-height: 60px;--max-width: 600px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 20%,rgba(124,58,237,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(6,182,212,.06) 0%,transparent 50%);pointer-events:none;z-index:0}#root{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}ul,ol{list-style:none}.app-layout{display:flex;flex-direction:column;min-height:100dvh}.page-content{flex:1;padding:var(--space-md);padding-bottom:calc(var(--nav-height) + var(--space-lg));max-width:var(--max-width);margin:0 auto;width:100%}.page-header{margin-bottom:var(--space-lg)}.page-header h1{font-size:var(--font-size-2xl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.glass-card{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--glass-shadow);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.glass-card:hover{box-shadow:0 12px 40px #0006}.progress-bar-track{width:100%;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar-fill.safe{background:var(--gradient-success)}.progress-bar-fill.warning{background:var(--gradient-secondary)}.progress-bar-fill.danger{background:var(--gradient-danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);transition:all var(--transition-normal);position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #7c3aed4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #7c3aed66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-input);border:1px solid var(--glass-border);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-input-focus);border-color:#fff3}.btn-danger{background:var(--gradient-danger);color:#fff;box-shadow:0 4px 15px #ef44444d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ef444466}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full);font-size:var(--font-size-lg)}.btn-full{width:100%}.fab{position:fixed;bottom:calc(var(--nav-height) + var(--space-md));right:var(--space-md);width:56px;height:56px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #7c3aed66;z-index:100;transition:all var(--transition-normal);animation:fab-enter .5s cubic-bezier(.4,0,.2,1)}.fab:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 8px 30px #7c3aed80}@keyframes fab-enter{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-sm)}.form-input,.form-select{width:100%;padding:14px 16px;background:var(--bg-input);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-md);transition:all var(--transition-normal);outline:none}.form-input:focus,.form-select:focus{background:var(--bg-input-focus);border-color:var(--accent-purple);box-shadow:0 0 0 3px #7c3aed26}.form-input::placeholder{color:var(--text-muted)}.form-select{appearance:none;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='%239896b0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;cursor:pointer}.form-select option{background:var(--bg-secondary);color:var(--text-primary)}.form-hint{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-xs)}.fade-in{animation:fadeIn .4s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-success{color:var(--accent-green)}.text-warning{color:var(--accent-orange)}.text-danger{color:var(--accent-red)}.text-muted{color:var(--text-muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.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-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.5}.empty-state-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-sm)}.empty-state-text{color:var(--text-secondary);font-size:var(--font-size-sm)}.toast{position:fixed;top:var(--space-lg);left:50%;transform:translate(-50%) translateY(-100px);background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);box-shadow:0 8px 32px #0006;z-index:1000;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;font-size:var(--font-size-sm);font-weight:500;max-width:90vw;opacity:0;pointer-events:none}.toast.visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.toast.success{border-color:var(--accent-green)}.toast.error{border-color:var(--accent-red)}@media(min-width:768px){.page-content{padding:var(--space-xl);padding-bottom:var(--space-xl)}.page-header h1{font-size:var(--font-size-3xl)}}@media(min-width:1024px){:root{--nav-height: 0px}.app-layout{flex-direction:row}.page-content{margin-left:240px;padding-bottom:var(--space-xl)}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-md)}.loading-screen p,.loading-text{color:var(--text-secondary);font-size:var(--font-size-sm)}.loading-spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--accent-purple);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.header-top-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;font-weight:600;font-size:var(--font-size-sm);margin-top:var(--space-md);transition:all var(--transition-normal)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #7c3aed66}:root{--accent-primary: #7c3aed;--accent-secondary: #06b6d4;--bg-tertiary: rgba(40, 40, 70, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3)}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:var(--font-size-sm)}