:root{--font-primary: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 8px 24px rgba(0, 0, 0, .12);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .2);--shadow-glow: 0 0 15px rgba(99, 102, 241, .15);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--text-on-accent: #ffffff;--bg-soft: rgba(128, 128, 128, .08);--neutral-soft: rgba(107, 114, 128, .18);--success-soft: rgba(16, 185, 129, .14);--info-soft: rgba(59, 130, 246, .14);--warning-soft: rgba(245, 158, 11, .14);--danger-soft: rgba(239, 68, 68, .14)}a:focus-visible,button:focus-visible,.btn:focus-visible,.btn-icon:focus-visible,.nav-item:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px;border-radius:var(--radius-sm)}[data-theme=dark]{--bg-body: #0b0f19;--bg-sidebar: #111827;--bg-card: rgba(31, 41, 55, .65);--bg-card-hover: rgba(31, 41, 55, .85);--bg-input: #1f2937;--bg-badge: #374151;--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-muted: #6b7280;--primary: #6366f1;--primary-light: #818cf8;--primary-glow: rgba(99, 102, 241, .4);--secondary: #10b981;--secondary-light: #34d399;--secondary-glow: rgba(16, 185, 129, .4);--danger: #ef4444;--danger-light: #f87171;--warning: #f59e0b;--success: #10b981;--info: #3b82f6;--glass-blur: blur(12px);--glass-bg: rgba(17, 24, 39, .7);--glass-border: rgba(255, 255, 255, .06)}[data-theme=light]{--bg-body: #f3f4f6;--bg-sidebar: #ffffff;--bg-card: rgba(255, 255, 255, .8);--bg-card-hover: #ffffff;--bg-input: #f9fafb;--bg-badge: #e5e7eb;--border-color: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .15);--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--primary: #4f46e5;--primary-light: #6366f1;--primary-glow: rgba(79, 70, 229, .2);--secondary: #059669;--secondary-light: #10b981;--secondary-glow: rgba(5, 150, 105, .2);--danger: #dc2626;--danger-light: #ef4444;--warning: #d97706;--success: #059669;--info: #2563eb;--glass-blur: blur(12px);--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-primary);-webkit-font-smoothing:antialiased}body{background-color:var(--bg-body);color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}.app-container{display:flex;min-height:100vh;position:relative}.sidebar{width:280px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);padding:2rem 1.5rem;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100;transition:width var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal)}.brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:2.5rem;text-decoration:none;color:inherit}.brand .logo-icon{width:42px;height:42px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-on-accent);box-shadow:0 4px 12px var(--primary-glow)}.brand-text h1{font-size:1.35rem;font-weight:800;letter-spacing:-.5px;color:var(--text-primary)}.brand-text h1 span{color:var(--primary-light)}.brand-text p{font-size:.75rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:1px;margin-top:-2px}.nav-menu{display:flex;flex-direction:column;gap:8px;flex:1}.nav-item{display:flex;align-items:center;gap:14px;padding:12px 16px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;text-align:left;transition:all var(--transition-fast)}.nav-item i{width:20px;height:20px;transition:transform var(--transition-fast)}.nav-item:hover{color:var(--text-primary);background-color:var(--bg-card)}.nav-item:hover i{transform:translate(2px)}.nav-item.active{color:var(--text-on-accent);background:linear-gradient(135deg,var(--primary),var(--primary-light));box-shadow:0 4px 15px var(--primary-glow)}.sidebar-footer{display:flex;flex-direction:column;gap:16px;margin-top:auto;border-top:1px solid var(--border-color);padding-top:1.5rem}.theme-toggle{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);cursor:pointer;background-color:var(--bg-input);color:var(--text-secondary);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.theme-toggle:hover{color:var(--text-primary);background-color:var(--border-hover)}[data-theme=dark] .light-icon,[data-theme=light] .dark-icon{display:none}.btn-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{color:var(--text-primary);background-color:var(--border-hover);border-color:var(--border-hover);transform:translateY(-2px)}.main-content{margin-left:280px;flex:1;min-width:0;padding:2rem 2.5rem;min-height:100vh;display:flex;flex-direction:column;transition:margin var(--transition-normal)}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:1.25rem}.mobile-header{display:none}.header-summary{display:flex;gap:20px;align-items:center}.current-date,.active-roomies-count{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--text-secondary);background-color:var(--bg-card);padding:8px 14px;border-radius:var(--radius-full);border:1px solid var(--border-color)}.current-date i{color:var(--primary)}.active-roomies-count i{color:var(--secondary)}.content-body{flex:1;position:relative}.tab-content{display:none;animation:fadeIn .4s ease forwards}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-normal);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.card-gradient-primary{background:linear-gradient(135deg,#6366f1d9,#818cf8d9);border:none;color:var(--text-on-accent)}.card-gradient-primary:hover{box-shadow:0 12px 30px #6366f159}.card-gradient-primary h3,.card-gradient-primary .stat-desc{color:#ffffffd9}.card-gradient-secondary{background:linear-gradient(135deg,#10b981d9,#34d399d9);border:none;color:var(--text-on-accent)}.card-gradient-secondary:hover{box-shadow:0 12px 30px #10b98159}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;position:relative}.card-header h2{font-size:1.1rem;font-weight:700;letter-spacing:-.2px}.badge{padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase}.badge-success{background-color:var(--success-soft);color:var(--secondary-light)}.badge-warning{background-color:var(--warning-soft);color:var(--warning)}.badge-danger{background-color:#ef446e26;color:var(--danger-light)}.badge-info{background-color:var(--info-soft);color:var(--info)}.app-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}input[type=text],input[type=email],input[type=search],input[type=number],select,textarea{width:100%;min-height:40px;padding:10px 14px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;outline:none;transition:all var(--transition-fast)}input[type=text]:focus,input[type=email]:focus,input[type=search]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}textarea{resize:vertical}input[type=file]{width:100%;font-size:.88rem;color:var(--text-secondary);padding:7px 8px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast)}input[type=file]:hover{border-color:var(--border-hover)}input[type=file]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}input[type=file]::file-selector-button{margin-right:12px;padding:8px 14px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-card-hover);color:var(--text-primary);font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}input[type=file]::file-selector-button:hover{border-color:var(--border-hover);color:var(--primary-light)}.align-self-start{align-self:flex-start}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.card-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.split-weights{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.split-weight-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.split-weight-name{display:inline-flex;align-items:center;gap:8px;font-size:.9rem}.split-weight-input{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--text-muted)}.split-weight-input input{width:74px}.split-weight-sum{margin-top:2px}.split-weight-bad{color:var(--danger, #e5484d);font-weight:600}.split-roomies-selectors{display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto;background-color:var(--bg-input);border:1px solid var(--border-color);padding:10px;border-radius:var(--radius-sm)}.split-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9rem;padding:6px;border-radius:4px;transition:background-color var(--transition-fast)}.split-checkbox-label:hover{background-color:var(--border-color)}.split-checkbox-label input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 18px;font-weight:600;font-size:.9rem;border-radius:var(--radius-md);cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--text-on-accent);box-shadow:0 4px 12px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--primary-glow)}.btn-secondary{background-color:var(--bg-badge);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-hover);transform:translateY(-2px)}.btn-danger{background-color:var(--danger);color:var(--text-on-accent)}.btn-danger:hover{background-color:var(--danger-light);transform:translateY(-2px)}.btn-link{background:transparent;color:var(--primary-light);padding:4px 8px;min-height:0;border-color:transparent}.btn-link:hover{color:var(--text-primary)}.btn-block{width:100%}.btn-sm{padding:6px 12px;font-size:.8rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.stat-card{display:flex;align-items:center;gap:1.5rem}.card-header-icon{width:60px;height:60px;background-color:#fff3;border-radius:16px;display:flex;align-items:center;justify-content:center}.card-header-icon i{width:30px;height:30px}.stat-info h3{font-size:.9rem;font-weight:500}.stat-value{font-size:2.2rem;font-weight:800;line-height:1.1;margin:4px 0}.stat-desc{font-size:.8rem}.balance-list{display:flex;flex-direction:column;gap:12px}.balance-item-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background-color:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border-color)}.avatar-circle{width:36px;height:36px;border-radius:50%;background-color:hsl(var(--roomie-color, 220),85%,60%);color:var(--text-on-accent);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;box-shadow:0 2px 8px #00000026}.balance-amount{font-weight:700;font-size:.95rem}.balance-positive{color:var(--secondary-light)}.balance-negative{color:var(--danger-light)}.balance-neutral{color:var(--text-muted)}.settlement-actions-list{display:flex;flex-direction:column;gap:10px;max-height:250px;overflow-y:auto}.settlement-instruction{display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-input);border:1px dashed var(--border-color);padding:10px 14px;border-radius:var(--radius-md);font-size:.85rem}.settle-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.settle-flow-person{font-weight:700}.settle-amount{font-weight:800;color:var(--warning);background-color:#f59e0b1a;padding:2px 6px;border-radius:4px}.settlement-arrow{display:flex;align-items:center;color:var(--text-muted)}.progress-container{margin:10px 0 16px}.progress-bar-label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);margin-bottom:6px;font-weight:600}.progress-bar-bg{height:8px;background-color:var(--bg-input);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:var(--radius-full);transition:width .5s ease}.dashboard-chores-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.dashboard-chore-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:var(--bg-input);border-radius:var(--radius-sm);font-size:.85rem}.dashboard-chore-left{display:flex;align-items:center;gap:8px}.dashboard-chore-left input[type=checkbox]{accent-color:var(--primary);cursor:pointer}.dashboard-chore-item.completed span{text-decoration:line-through;color:var(--text-muted)}.cleaning-zones-grid-mini{display:grid;grid-template-columns:1fr;gap:10px}.cleaning-zone-mini-card{display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-input);border-radius:var(--radius-md);padding:8px 12px;font-size:.85rem}.zone-alert-indicator{width:8px;height:8px;border-radius:50%}.zone-alert-indicator.clean{background-color:var(--success)}.zone-alert-indicator.medium{background-color:var(--warning)}.zone-alert-indicator.dirty{background-color:var(--danger)}.quick-shopping-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto}.quick-shopping-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background-color:var(--bg-input);border-radius:var(--radius-sm);font-size:.8rem}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-section-header{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border-color)}.tab-subtitle{font-size:.9rem;color:var(--text-secondary)}.roomies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.roomie-card{border-top:4px solid hsl(var(--roomie-color, 220),85%,60%);display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem 1.5rem}.roomie-card-avatar{width:72px;height:72px;border-radius:50%;background-color:hsl(var(--roomie-color, 220),85%,95%);border:3px solid hsl(var(--roomie-color, 220),85%,60%);font-size:2.2rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:var(--shadow-sm)}[data-theme=dark] .roomie-card-avatar{background-color:hsl(var(--roomie-color, 220),40%,15%)}.roomie-card h3{font-size:1.25rem;font-weight:700;margin-bottom:4px}.roomie-bio{font-size:.82rem;color:var(--text-secondary);margin-top:6px;line-height:1.4}.roomie-rep{display:inline-block;margin-top:8px;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:var(--radius-full)}.roomie-rep.rep-high{background-color:var(--success-soft);color:var(--secondary-light)}.roomie-rep.rep-mid{background-color:var(--info-soft);color:var(--info)}.roomie-rep.rep-low{background-color:var(--warning-soft);color:var(--warning)}.roomie-rep.rep-bad{background-color:var(--danger-soft);color:var(--danger-light)}.roomie-rep.rep-none{background-color:var(--bg-badge);color:var(--text-muted)}.roomie-rating{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:8px}.rating-agg{font-size:.78rem;color:var(--text-secondary);font-weight:600}.roomie-card-stats{display:grid;grid-template-columns:1fr 1fr;width:100%;margin:1.5rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:10px 0}.roomie-card-stat{display:flex;flex-direction:column;gap:2px}.roomie-card-stat span:first-child{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);font-weight:600}.roomie-card-stat span:last-child{font-size:.95rem;font-weight:700}.roomie-card-actions{display:flex;gap:8px;width:100%;justify-content:center}.expenses-layout{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;align-items:start}.expenses-left{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.expenses-right{display:flex;flex-direction:column;min-width:0}.detailed-balances{display:flex;flex-direction:column;gap:12px}.detailed-balance-item{padding:12px;background-color:var(--bg-input);border-radius:var(--radius-md);border-left:4px solid hsl(var(--roomie-color, 220),85%,60%)}.detailed-balance-header{display:flex;justify-content:space-between;font-weight:700;font-size:.9rem;margin-bottom:6px}.detailed-balance-stats{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}.expenses-history-card{height:100%;min-height:500px}.flex-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.search-input-wrapper{position:relative;width:250px}.search-input-wrapper i,.search-input-wrapper svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none}.search-input-wrapper input{padding-left:36px}.table-container{width:100%;overflow-x:auto}.app-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.app-table th,.app-table td{padding:12px 16px;border-bottom:1px solid var(--border-color)}.app-table th{font-weight:700;color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;background-color:#00000005}.app-table tbody tr{transition:background-color var(--transition-fast)}.app-table tbody tr:hover{background-color:#ffffff05}[data-theme=light] .app-table tbody tr:hover{background-color:#00000005}.roomie-inline-badge{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.85rem}.chores-layout{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;align-items:start}.chores-left{display:flex;flex-direction:column;gap:1.5rem}.chores-right{display:flex;flex-direction:column}.shuffle-card h3{font-size:1.15rem;font-weight:700;margin-bottom:8px}.shuffle-card p{font-size:.85rem;line-height:1.4;margin-bottom:1.25rem}.chores-container{display:flex;flex-direction:column;gap:10px;max-height:600px;overflow-y:auto}.tab-filters{display:flex;gap:6px;background-color:var(--bg-input);padding:4px;border-radius:var(--radius-md);border:1px solid var(--border-color)}.filter-btn{border:none;background:transparent;padding:6px 12px;font-size:.8rem;font-weight:600;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{color:var(--text-primary)}.filter-btn.active{background-color:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.chore-card-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.chore-card-item:hover{border-color:var(--border-hover);transform:translate(4px)}.chore-card-left{display:flex;align-items:center;gap:12px}.chore-checkbox-custom{width:20px;height:20px;accent-color:var(--primary);cursor:pointer}.chore-info-block{display:flex;flex-direction:column;gap:4px}.chore-title-text{font-weight:600;font-size:.95rem}.chore-meta-badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.chore-meta-badge{font-size:.7rem;font-weight:600;color:var(--text-muted);background-color:var(--bg-badge);padding:2px 6px;border-radius:4px;display:inline-flex;align-items:center;gap:4px}.chore-card-item.completed{opacity:.65}.chore-card-item.completed .chore-title-text{text-decoration:line-through;color:var(--text-muted)}.cleaning-layout{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;align-items:start}.cleaning-left{display:flex;flex-direction:column;gap:1.5rem}.cleaning-right{display:flex;flex-direction:column}.cleaning-zones-header{margin-bottom:1.5rem}.cleaning-zones-header h2{font-size:1.4rem;font-weight:800}.cleaning-zones-header p{font-size:.9rem;color:var(--text-secondary)}.zones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.zone-card{display:flex;flex-direction:column;padding:1.5rem}.zone-card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.zone-card-title h3{font-size:1.15rem;font-weight:700}.zone-status-meter{margin:12px 0}.zone-status-text-row{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;margin-bottom:4px}.zone-status-bar-bg{height:6px;background-color:var(--bg-input);border-radius:var(--radius-full);overflow:hidden}.zone-status-bar-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.zone-status-bar-fill.clean{background-color:var(--success)}.zone-status-bar-fill.medium{background-color:var(--warning)}.zone-status-bar-fill.dirty{background-color:var(--danger)}.zone-tasks-list{margin:10px 0;display:flex;flex-direction:column;gap:6px;font-size:.85rem}.zone-task-item{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.zone-task-item i{width:14px;height:14px;color:var(--secondary)}.zone-responsible-row{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid var(--border-color)}.zone-responsible-info{display:flex;flex-direction:column;gap:2px}.zone-responsible-info span:first-child{font-size:.7rem;color:var(--text-muted);font-weight:600;text-transform:uppercase}.zone-actions{display:flex;gap:6px;margin-top:12px}.shopping-layout{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;align-items:start}.shopping-left{display:flex;flex-direction:column;gap:1.5rem}.shopping-right{display:flex;flex-direction:column}.quick-add{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-color)}.quick-add-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.quick-add-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.qa-chip{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--border-color);background-color:var(--bg-input);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.qa-chip i{width:13px;height:13px}.qa-chip:hover{border-color:var(--primary);color:var(--text-primary);transform:translateY(-1px)}.recurring-list{margin-top:1rem;display:flex;flex-direction:column;gap:8px}.recurring-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.recurring-item.is-off{opacity:.55}.recurring-item-main{display:flex;flex-direction:column;gap:2px;min-width:0}.recurring-item-actions{display:flex;gap:6px;flex:0 0 auto}.pot-total{display:flex;align-items:baseline;justify-content:space-between;padding:12px 14px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-md);color:var(--text-on-accent);margin-bottom:12px}.pot-total-label{font-size:.8rem;font-weight:600;opacity:.9}.pot-total-value{font-size:1.4rem;font-weight:800}.pot-breakdown{display:flex;flex-direction:column;gap:6px;margin-bottom:1rem}.pot-row{display:flex;align-items:center;justify-content:space-between;font-size:.9rem}.pot-movements{margin-top:1rem;display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.pot-mov{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.82rem;padding:6px 0;border-bottom:1px solid var(--border-color)}.pot-mov:last-child{border-bottom:none}.pot-mov-info{min-width:0}.pot-mov-right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.subtabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.subtab{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--text-secondary);font-weight:600;font-size:.9rem;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.subtab i{width:16px;height:16px}.subtab:hover{color:var(--text-primary)}.subtab.active{color:var(--primary-light);border-bottom-color:var(--primary)}.subtab-panel{display:none}.subtab-panel.active{display:block;animation:fadeIn .3s ease}.pa-state{display:flex;flex-direction:column;align-items:center;gap:14px;padding:1.5rem 0}.pa-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1rem}.pa-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:1rem}.pa-tile{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:2px}.pa-tile-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.pa-tile-value{font-size:1.05rem;font-weight:800}.pa-balances{display:flex;flex-direction:column;gap:6px;margin-bottom:1rem}.pa-table{margin-bottom:1rem;max-height:360px;overflow-y:auto}.pa-notes{margin:0 0 .75rem}.pa-export{margin-bottom:.5rem}.pa-empty{padding:1rem 0}.shopping-items-list{display:grid;grid-template-columns:1fr;gap:8px;max-height:600px;overflow-y:auto}.shopping-item-card{display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-input);border:1px solid var(--border-color);padding:10px 16px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.shopping-item-card:hover{border-color:var(--border-hover)}.shopping-item-left{display:flex;align-items:center;gap:12px}.shopping-checkbox{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.shopping-item-details{display:flex;flex-direction:column;gap:2px}.shopping-item-name{font-weight:600;font-size:.95rem}.shopping-item-meta{display:flex;gap:8px;font-size:.7rem;color:var(--text-muted)}.shopping-item-right{display:flex;align-items:center;gap:8px}.shopping-item-card.checked{opacity:.65}.shopping-item-card.checked .shopping-item-name{text-decoration:line-through;color:var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;color:var(--text-muted);gap:12px}.empty-state i{width:48px;height:48px;stroke-width:1.5}.empty-state p{font-size:.95rem;font-weight:500}.empty-state-small{padding:1.5rem 1rem;text-align:center;color:var(--text-muted);font-size:.85rem}.mt-3{margin-top:1rem}.text-muted{color:var(--text-muted)}.text-xs{font-size:.75rem}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0b0f1999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.modal-backdrop.active{opacity:1;pointer-events:auto}.modal-backdrop.dialog-backdrop{z-index:2000}.modal-card{background-color:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:90%;max-width:480px;padding:2rem;box-shadow:var(--shadow-lg);transform:scale(.9);transition:transform var(--transition-normal);max-height:90vh;overflow-y:auto}.modal-backdrop.active .modal-card{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{font-size:1.25rem;font-weight:800}.close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer}.close-btn:hover{color:var(--text-primary)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);border-top:1px solid var(--border-color);padding-top:var(--space-5)}.emoji-selector{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:6px}.emoji-option{font-size:1.5rem;padding:8px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;text-align:center;transition:all var(--transition-fast)}.emoji-option:hover{background-color:var(--border-hover);transform:scale(1.1)}.emoji-option.selected{border-color:var(--primary);background-color:var(--primary-glow)}.color-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:6px}.color-option{height:32px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all var(--transition-fast)}.color-option:hover{transform:scale(1.15)}.color-option.selected{border-color:var(--text-primary);box-shadow:0 0 10px #00000080}@media (max-width: 1024px){.expenses-layout,.chores-layout,.cleaning-layout,.shopping-layout{grid-template-columns:1fr}}@media (max-width: 768px){.app-container{flex-direction:column}.sidebar{width:100%;height:65px;position:fixed;bottom:0;left:0;border-right:none;border-top:1px solid var(--border-color);padding:0;flex-direction:row;justify-content:space-around;align-items:center;background-color:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 20px #00000026}.brand,.sidebar-footer,.theme-text{display:none}.nav-menu{flex-direction:row;width:100%;height:100%;justify-content:space-around;align-items:center;gap:0}.nav-item{flex-direction:column;justify-content:center;align-items:center;font-size:.65rem;gap:4px;padding:8px 12px;flex:1;height:100%;border-radius:0;text-align:center}.nav-item i{width:18px;height:18px}.nav-item:hover i{transform:none}.nav-item.active{background:transparent;color:var(--primary-light);box-shadow:none;position:relative}.nav-item.active:after{content:"";position:absolute;top:0;width:20px;height:3px;background-color:var(--primary);border-radius:var(--radius-full)}.main-content{margin-left:0;padding:1.25rem;padding-bottom:90px}.top-bar{padding-bottom:.75rem;margin-bottom:1.25rem;flex-wrap:wrap;row-gap:8px}.mobile-header{display:flex;align-items:center;gap:8px}.mobile-header h1{font-size:1.15rem;font-weight:800}.mobile-header h1 span{color:var(--primary-light)}.mobile-header .logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-on-accent)}.mobile-header .logo-icon i{width:16px;height:16px}.header-summary{width:100%;justify-content:flex-end;gap:8px}.current-date,.active-roomies-count,.session-area .badge,.session-name{display:none}#householdSelect{min-width:0;max-width:60vw}.dashboard-grid{grid-template-columns:1fr}.header-filters{width:100%}.period-select{flex:1}}.avatar-circle.avatar-sm{width:22px;height:22px;font-size:.7rem}.avatar-circle.avatar-xs{width:18px;height:18px;font-size:.55rem;box-shadow:none}.split-avatar-list{display:flex;flex-wrap:wrap;gap:3px}.badge-pending{background-color:var(--warning-soft);color:var(--warning)}.badge-voided{background-color:var(--neutral-soft);color:var(--text-muted);text-decoration:line-through}.badge-archived{background-color:var(--neutral-soft);color:var(--text-secondary)}.badge-soft{background-color:var(--bg-badge);color:var(--text-secondary);text-transform:none;font-weight:600}.badge-mini{font-size:.6rem;padding:2px 6px;margin-left:6px}.roomie-chip{background-color:var(--bg-badge);padding:4px 8px;border-radius:var(--radius-md)}.icon-inline{width:14px;height:14px;color:var(--text-muted);vertical-align:middle}.row-voided td{opacity:.55}.row-voided td:nth-child(2),.row-voided td:nth-child(4){text-decoration:line-through}.header-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.period-select{padding:8px 12px;width:auto;min-width:150px;min-height:40px;font-size:.85rem}.period-summary{margin-bottom:12px}.period-select:disabled{opacity:.5;cursor:not-allowed}.month-breakdown{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.month-chip{font-size:.72rem;background-color:var(--bg-input);border:1px solid var(--border-color);padding:3px 8px;border-radius:var(--radius-full);color:var(--text-secondary)}.session-area{display:flex;align-items:center;gap:10px}.session-chip{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--text-secondary);background-color:var(--bg-card);border:1px solid var(--border-color);padding:8px 12px;border-radius:var(--radius-full)}.session-chip i{width:15px;height:15px;color:var(--text-muted)}.session-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.session-avatar-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--text-on-accent);font-weight:700;font-size:.85rem}.session-name{font-size:.85rem;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-admin{color:var(--primary-light);border-color:var(--primary)}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(1200px 600px at 50% -10%,rgba(99,102,241,.18),transparent),var(--bg-body)}.auth-card{position:relative;width:100%;max-width:400px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:2.5rem 2rem;text-align:center}.auth-back{position:absolute;top:14px;left:16px;display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;color:var(--text-secondary);text-decoration:none}.auth-back i{width:14px;height:14px}.auth-back:hover{color:var(--text-primary)}.auth-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.auth-brand h1{font-size:1.5rem;font-weight:800}.auth-brand h1 span{color:var(--primary-light)}.auth-sub{font-size:.9rem;color:var(--text-secondary);margin-bottom:1.75rem}.google-btn-host{display:flex;justify-content:center;min-height:44px;margin-bottom:8px}.auth-hint{font-size:.78rem;color:var(--text-muted);margin:8px 0}.auth-switch{display:block;text-align:center;font-size:.8rem;color:var(--text-muted);text-decoration:none;margin:-2px 0 8px}.auth-switch:hover{color:var(--text-primary);text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:.75rem;margin:1.25rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:var(--border-color)}.auth-dev{margin-top:1.25rem;text-align:left}.auth-dev summary{font-size:.78rem;color:var(--text-muted);cursor:pointer}.auth-dev-row{display:flex;gap:8px;margin-top:10px}.spaces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:8px}.space-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;text-align:center;color:var(--text-primary);transition:all var(--transition-fast);position:relative}.space-card:hover{border-color:var(--primary);transform:translateY(-2px)}.space-card.is-current{border-color:var(--secondary)}.space-emoji{font-size:1.8rem}.space-name{font-weight:700;font-size:.95rem}.space-current-tag{font-size:.6rem;font-weight:700;text-transform:uppercase;color:var(--secondary-light)}.space-card-new{border-style:dashed;color:var(--text-secondary)}.spaces-empty{text-align:center;padding:1.5rem .5rem}.spaces-empty h3{font-size:1.25rem;font-weight:800;margin-bottom:8px}.spaces-empty p{color:var(--text-secondary);font-size:.9rem;max-width:380px;margin:0 auto 1.5rem}.space-card-disabled{opacity:.55;cursor:not-allowed}.profile-rating{margin-top:12px}.profile-comments{margin-top:10px;display:flex;flex-direction:column;gap:8px;max-height:180px;overflow-y:auto}.profile-comment{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px 12px}.profile-comment .pc-head{font-size:.78rem;font-weight:700;color:var(--warning)}.profile-comment p{font-size:.85rem;color:var(--text-secondary);margin-top:2px}.rep-dist{display:flex;flex-direction:column;gap:5px;margin:12px 0}.rep-bar{display:flex;align-items:center;gap:8px;font-size:.78rem}.rep-bar-star{width:26px;font-weight:700;color:var(--text-muted)}.rep-bar-track{flex:1;height:8px;background-color:var(--bg-input);border-radius:var(--radius-full);overflow:hidden}.rep-bar-fill{display:block;height:100%;background-color:var(--warning);border-radius:var(--radius-full)}.rep-bar-n{width:22px;text-align:right;color:var(--text-secondary)}.rep-section{margin-top:12px}.rep-section h4{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px}.rate-modal-card{max-width:420px}.rate-modal-stars{display:flex;gap:6px;justify-content:center;margin:4px 0 8px}.rate-star{background:none;border:none;cursor:pointer;font-size:2rem;line-height:1;color:var(--text-muted);opacity:.45;transition:all var(--transition-fast)}.rate-star.on{color:var(--warning);opacity:1}.rate-star:hover{transform:scale(1.15);opacity:1}.rate-cta{margin-top:2px}.session-user{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-full);padding:4px 10px 4px 4px;cursor:pointer;color:var(--text-primary);transition:all var(--transition-fast)}.session-user:hover{border-color:var(--border-hover);background-color:var(--bg-card)}.account-card,.admin-card{max-width:560px;text-align:left}.account-section{padding:1rem 0;border-top:1px solid var(--border-color)}.account-section:first-of-type{border-top:none;padding-top:0}.account-section h3{font-size:.95rem;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:8px}.account-user{display:flex;align-items:center;gap:12px}.account-user .session-avatar{width:44px;height:44px}.account-row{display:flex;gap:var(--space-3);align-items:center}.space-card-archived{opacity:.72}.account-danger{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.account-danger p{flex-basis:100%;margin:2px 0 0}.account-row input[type=text],.account-row input[type=email]{flex:1}.member-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-color);font-size:.9rem}.member-row:last-child{border-bottom:none}.member-id{display:flex;flex-direction:column}.member-ctrl{display:flex;align-items:center;gap:6px}.role-select{min-width:130px}.invite-form{display:flex;flex-direction:column;gap:8px}.page-title h1{font-size:1.4rem;font-weight:800}.page-title p{font-size:.85rem;color:var(--text-secondary);margin-top:2px}.account-page{display:grid;gap:1.5rem;max-width:880px;scroll-margin-top:1rem}.account-page .card{scroll-margin-top:1rem}.account-user-lg .session-avatar,.account-avatar-lg{width:56px;height:56px;font-size:1.25rem}.account-actions{display:flex;flex-wrap:wrap;gap:10px}.clickable-row{cursor:pointer}.clickable-row:hover{background-color:var(--bg-card-hover)!important}.pending-confirm-title{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:var(--warning);margin-bottom:8px}.pending-confirm-title i{width:15px;height:15px}.settlement-instruction.pending{border-style:solid;border-color:#f59e0b59;background-color:#f59e0b14}.expense-detail-card{max-width:480px;text-align:left}.ed-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ed-amount{font-size:1.6rem;font-weight:800}.ed-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.9rem}.ed-voided{display:flex;align-items:center;gap:8px;background-color:#ef44441a;color:var(--danger-light);border-radius:var(--radius-sm);padding:8px 12px;margin-top:12px;font-size:.85rem}.ed-voided i{width:16px;height:16px}.ed-actions{display:flex;gap:8px;flex-wrap:wrap}body.is-viewer .content-body:before{content:"👁️  Modo solo lectura — tu rol en este hogar es Lector. No puedes editar.";display:block;background-color:var(--warning-soft);color:var(--warning);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);padding:10px 16px;margin-bottom:1.25rem;font-size:.85rem;font-weight:600}body.is-viewer .app-form,body.is-viewer .shuffle-card,body.is-viewer #autoSettleBtn,body.is-viewer #dashboardAutoSettle,body.is-viewer #shuffleChoresBtn,body.is-viewer #shuffleZonesBtn,body.is-viewer #dashboardQuickShuffle,body.is-viewer #clearBoughtItemsBtn,body.is-viewer .content-body button[data-action],body.is-viewer .content-body input[data-action]{pointer-events:none;opacity:.45}body.is-archived .content-body:before{content:"🗃️  Hogar archivado — solo lectura. Reactívalo desde Ajustes del hogar para volver a registrar movimientos."}@media (max-width: 768px){.session-name{display:none}.session-area{gap:6px}}.settlement-status{font-size:.85rem;color:var(--text-secondary);margin-bottom:12px;display:flex;align-items:center;gap:8px}.mb-2{margin-bottom:.75rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.roomie-card.roomie-archived{opacity:.7;border-style:dashed}.roomie-archived-tag{position:absolute;top:12px;right:12px}.toast-host{position:fixed;bottom:24px;right:24px;z-index:2000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--radius-md);background-color:var(--bg-sidebar);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:.9rem;font-weight:600;transform:translate(120%);opacity:0;transition:transform var(--transition-normal),opacity var(--transition-normal);max-width:360px}.toast.show{transform:translate(0);opacity:1}.toast i{width:18px;height:18px;flex-shrink:0}.toast-success i{color:var(--success)}.toast-info i{color:var(--info)}.toast-danger i{color:var(--danger)}.dialog-card{max-width:440px}.dialog-message{font-size:.9rem;color:var(--text-secondary);line-height:1.5;white-space:pre-line;margin-bottom:1rem}.dialog-input.input-error{border-color:var(--danger);box-shadow:0 0 0 3px #ef444433}@media (max-width: 768px){.toast-host{left:16px;right:16px;bottom:80px}.toast{max-width:none}}.illus{display:block;max-width:100%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.spaces-empty .illus-group{width:min(340px,80%);margin:0 auto 20px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.18))}[data-theme=dark] .spaces-empty .illus-group{background:radial-gradient(closest-side,rgba(255,255,255,.1),transparent 72%);filter:drop-shadow(0 6px 16px rgba(255,255,255,.1))}.empty-state .illus-roomie{width:132px;margin-bottom:4px}.empty-state .illus-roomie+i{display:none}.auth-illus{width:116px;margin:0 auto 12px}@keyframes illusRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes illusFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes illusWave{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(3deg)}}@media (prefers-reduced-motion: no-preference){.illus-float{animation:illusRise .6s ease both,illusFloat 6s ease-in-out .6s infinite}.illus-wave{transform-origin:50% 90%;animation:illusRise .6s ease both,illusWave 4.5s ease-in-out .6s infinite}}.app-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;display:none;align-items:center;justify-content:center;background:var(--bg-body)}.app-loader.active{display:flex}.app-loader-box{display:flex;flex-direction:column;align-items:center;gap:18px;padding:2rem;text-align:center}.app-loader-spinner{width:48px;height:48px;border-radius:50%;border:4px solid var(--border-color);border-top-color:var(--primary);animation:appSpin .8s linear infinite}.app-loader-msg{color:var(--text-secondary);font-weight:600;max-width:320px;min-height:2.6em}@keyframes appSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.app-loader-spinner{animation-duration:2s}}.import-card{max-width:720px;width:100%}.import-summary{margin:4px 0 12px;font-size:.9rem}.import-h{margin:14px 0 8px;font-size:.95rem}.import-issue{color:var(--danger, #e5484d);font-size:.8rem}.import-map{display:flex;flex-direction:column;gap:8px}.import-map-row{display:flex;align-items:center;gap:10px}.import-map-name{min-width:120px;font-weight:600;font-size:.9rem}.import-map-select{flex:1;min-width:0}.import-preview-table{max-height:320px;overflow:auto;border:1px solid var(--border-color, rgba(128,128,128,.2));border-radius:8px}.import-preview-table table{margin:0}.import-row-bad{opacity:.6}.import-row-dup{background:var(--warning-soft, rgba(245, 158, 11, .08))}.import-check-cell{width:36px;text-align:center}.import-check-cell input{cursor:pointer}.wizard-card{max-width:520px;width:100%;position:relative}.wizard-close{position:absolute;top:14px;right:14px}.wizard-progress{display:flex;align-items:center;gap:12px;margin:2px 0 6px}.wizard-progress-track{flex:1;height:6px;background:var(--bg-soft, rgba(128,128,128,.15));border-radius:999px;overflow:hidden}.wizard-progress-bar{display:block;height:100%;width:25%;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary-light));transition:width .3s ease}.wizard-step-label{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.wizard-body{animation:wizFade .25s ease}@keyframes wizFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.wizard-illus{display:block;height:116px;width:auto;max-width:70%;margin:6px auto 2px}.wizard-h{font-size:1.3rem;font-weight:800;text-align:center}.wizard-opt{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border:1px solid var(--border-color, rgba(128,128,128,.25));border-radius:999px;padding:2px 7px;vertical-align:middle}.wizard-sub{color:var(--text-muted);text-align:center;font-size:.92rem;margin:6px auto 16px;max-width:38ch}.wizard-toggle{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;cursor:pointer}.wizard-self-preview{display:flex;align-items:center;gap:12px;margin-top:16px}.wizard-swatches{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;justify-content:center}.wizard-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;background:hsl(var(--sw),85%,60%);cursor:pointer;padding:0;transition:transform .12s ease}.wizard-swatch:hover{transform:scale(1.12)}.wizard-swatch.is-sel{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-card)}.wizard-avatar-btn,.wizard-chip-avatar{border:0;background:none;padding:0;cursor:pointer;line-height:0}.wizard-avatar-btn:hover,.wizard-chip-avatar:hover{transform:scale(1.08)}.wizard-add-row{display:flex;gap:var(--space-3)}.wizard-add-row input{flex:1;min-width:0}.wizard-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;justify-content:center;min-height:36px}.wizard-chip{display:inline-flex;align-items:center;gap:7px;padding:4px 8px 4px 4px;border-radius:999px;border:1px solid hsl(var(--roomie-color, 220),60%,55%);background:var(--bg-soft, rgba(128,128,128,.08))}.wizard-chip-name{font-size:.86rem;font-weight:600}.wizard-chip-x{border:0;background:none;cursor:pointer;color:var(--text-muted);display:inline-flex;padding:0}.wizard-chip-x:hover{color:var(--danger, #e5484d)}.wizard-chip-x i{width:14px;height:14px}.wizard-empty{color:var(--text-muted);font-size:.85rem;text-align:center;padding:6px 0}.wizard-footer{display:flex;justify-content:space-between;gap:10px}.wizard-summary{background:var(--bg-soft, rgba(128,128,128,.08));border:1px solid var(--border-color, rgba(128,128,128,.18));border-radius:var(--radius-md, 16px);padding:14px 16px;display:flex;flex-direction:column;gap:12px}.wizard-sum-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.wizard-sum-people{align-items:flex-start}.wizard-sum-label{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.82rem;white-space:nowrap}.wizard-sum-label i{width:15px;height:15px}.wizard-sum-chips{margin-top:0;justify-content:flex-end;flex:1}.wizard-chip-static{padding-right:12px}.welcome-card{max-width:480px;width:100%;position:relative;overflow:hidden;text-align:center}.welcome-confetti{position:absolute;inset:0 0 auto 0;height:0;pointer-events:none}.confetti-piece{position:absolute;top:-16px;width:9px;height:14px;border-radius:2px;opacity:0;animation-name:confettiFall;animation-timing-function:ease-in;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(420px) rotate(560deg);opacity:0}}.welcome-check{width:64px;height:64px;margin:6px auto 10px;border-radius:50%;background:linear-gradient(135deg,var(--secondary, #22c55e),#16a34a);color:var(--text-on-accent);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #22c55e59;animation:welcomePop .5s cubic-bezier(.18,1.4,.4,1) both}.welcome-check i{width:34px;height:34px}@keyframes welcomePop{0%{transform:scale(0)}60%{transform:scale(1.18)}to{transform:scale(1)}}.welcome-title{font-size:1.4rem;font-weight:800}.welcome-sub{color:var(--text-muted);font-size:.92rem;margin:6px auto 16px;max-width:36ch}.welcome-steps{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:12px;text-align:left}.welcome-steps li{display:flex;gap:12px;align-items:flex-start}.welcome-step-ico{flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:var(--primary-glow, rgba(99,102,241,.18));color:var(--primary-light, #818cf8);display:flex;align-items:center;justify-content:center}.welcome-step-ico i{width:18px;height:18px}.welcome-steps strong{display:block;font-size:.92rem}.welcome-steps span{color:var(--text-muted);font-size:.82rem}@media (prefers-reduced-motion: reduce){.wizard-body{animation:none}.confetti-piece{display:none}.welcome-check{animation:none}}.admin-section-head{align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.admin-section-head h2{display:inline-flex;align-items:center;gap:8px}.admin-search{padding:9px 14px;border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-input);color:var(--text-primary);font-family:inherit;font-size:.9rem;min-width:220px}.admin-search:focus{outline:none;border-color:var(--primary)}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-top:16px}.admin-card{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px}.admin-card.admin-disabled{opacity:.55}.admin-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.admin-sub{color:var(--text-muted);font-size:.82rem}.admin-members{margin-top:12px;display:flex;flex-direction:column;gap:8px}.admin-member{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.9rem}.admin-role{min-width:132px}.admin-actions{display:flex;align-items:center;gap:8px}.admin-user-hh{margin-top:10px}.admin-pager{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 0}