:root{--color-bg-primary: #0a0a0f;--color-bg-secondary: #12121a;--color-bg-card: #1a1a24;--color-bg-elevated: #22222e;--color-text-primary: #ffffff;--color-text-secondary: #a0a0b0;--color-text-muted: #606070;--color-text-inverse: #000000;--color-home: #00d26a;--color-home-glow: rgba(0, 210, 106, .3);--color-success: #10B981;--color-success-glow: rgba(16, 185, 129, .3);--color-success-bg: rgba(16, 185, 129, .15);--color-away: #ff4757;--color-away-glow: rgba(255, 71, 87, .3);--color-danger: #EF4444;--color-danger-glow: rgba(239, 68, 68, .3);--color-danger-bg: rgba(239, 68, 68, .15);--color-maybe: #ffa502;--color-maybe-glow: rgba(255, 165, 2, .3);--color-warning: #F59E0B;--color-warning-glow: rgba(245, 158, 11, .3);--color-warning-bg: rgba(245, 158, 11, .15);--user-theme-color: #3B82F6;--user-theme-color-glow: rgba(59, 130, 246, .3);--color-accent: var(--user-theme-color);--color-accent-glow: var(--user-theme-color-glow);--color-info: #3B82F6;--color-info-bg: rgba(59, 130, 246, .15);--color-purple: #8B5CF6;--color-purple-bg: rgba(139, 92, 246, .15);--color-pink: #EC4899;--color-blue-bright: #0096FF;--color-blue-bright-bg: rgba(0, 150, 255, .1);--color-blue-bright-glow: rgba(0, 150, 255, .4);--color-indigo: #6366F1;--color-indigo-bg: rgba(99, 102, 241, .15);--color-indigo-glow: rgba(99, 102, 241, .4);--color-home-dark: #00A854;--bg-white-05: rgba(255, 255, 255, .05);--bg-white-10: rgba(255, 255, 255, .1);--modal-overlay-bg: rgba(0, 0, 0, .75);--color-primary: var(--color-accent);--color-primary-glow: var(--color-accent-glow);--gradient-birthday: linear-gradient(135deg, rgba(245, 158, 11, .1), rgba(236, 72, 153, .1));--color-selection-border: #2563EB;--color-border: #2a2a3a;--color-border-light: #3a3a4a;--glass-bg: rgba(26, 26, 36, .8);--glass-border: rgba(255, 255, 255, .1);--font-family: "Segoe UI", "Roboto", "Arial", sans-serif;--font-code: "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--bottom-nav-height: 4.5rem;--max-width-card: 600px;--max-width-login: 400px;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-home: 0 0 10px var(--color-home-glow);--shadow-away: 0 0 10px var(--color-away-glow);--shadow-accent: 0 0 15px var(--color-accent-glow);--transition-fast: all .2s ease;--transition-medium: all .3s ease}.light-mode{--color-bg-primary: #F9FAFB;--color-bg-secondary: #F3F4F6;--color-bg-card: #FFFFFF;--color-bg-elevated: #F3F4F6;--color-text-primary: #111827;--color-text-secondary: #4B5563;--color-text-muted: #6B7280;--color-text-inverse: #FFFFFF;--color-border: #E5E7EB;--color-border-light: #F3F4F6;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .08);--modal-overlay-bg: rgba(0, 0, 0, .5);--bg-white-05: rgba(0, 0, 0, .05);--bg-white-10: rgba(0, 0, 0, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .15);--color-home-glow: rgba(0, 210, 106, .2);--color-away-glow: rgba(255, 71, 87, .2);--color-maybe-glow: rgba(255, 165, 2, .2);--color-accent-glow: rgba(59, 130, 246, .2);--color-selection-border: #2563EB}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);direction:rtl;min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border)}.glow-home{box-shadow:0 0 20px var(--color-home-glow),0 0 40px var(--color-home-glow)}.glow-away{box-shadow:0 0 20px var(--color-away-glow),0 0 40px var(--color-away-glow)}.glow-maybe{box-shadow:0 0 20px var(--color-maybe-glow),0 0 40px var(--color-maybe-glow)}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);display:flex;justify-content:space-around;align-items:center;padding:0 var(--spacing-sm);z-index:100}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-muted);transition:all .2s ease;text-decoration:none}.bottom-nav-item:hover{color:var(--color-text-secondary)}.bottom-nav-item.active{color:var(--color-accent)}.bottom-nav-item.center{position:relative;margin-top:-1.5rem;background:var(--color-bg-elevated);border-radius:var(--radius-full);width:4rem;height:4rem;border:2px solid var(--color-accent);box-shadow:0 0 20px var(--color-accent-glow)}.bottom-nav-item.center.active{background:var(--color-accent);color:#fff}.bottom-nav-icon{font-size:1.5rem;line-height:1}.bottom-nav-item.center .bottom-nav-icon{font-size:1.75rem}.bottom-nav-label{font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.bottom-nav-item.center .bottom-nav-label{display:none}.layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-bottom:calc(var(--bottom-nav-height) + var(--spacing-md));overflow-y:auto}.dashboard{padding:var(--spacing-md);max-width:600px;margin:0 auto}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;margin-bottom:var(--spacing-lg)}.settings-btn{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background:var(--color-bg-elevated);display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s ease}.settings-btn:hover{background:var(--color-bg-card);transform:rotate(45deg)}.app-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-accent)}.status-section{margin-bottom:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.weekend-actions-large{display:flex;gap:var(--spacing-md);width:100%}.weekend-action-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;min-height:110px;position:relative;overflow:hidden}.weekend-action-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0003}.action-icon{width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);background:var(--color-bg-secondary);transition:all .3s}.action-label{font-size:var(--font-size-md);font-weight:800;color:var(--color-text-primary)}.action-sub{font-size:var(--font-size-xs);color:var(--color-text-muted)}.weekend-action-card.hamshush:hover,.weekend-action-card.hamshush.active{border-color:var(--color-success)}.weekend-action-card.hamshush.active .action-icon,.weekend-action-card.hamshush:hover .action-icon{background:var(--color-success-bg);color:var(--color-success)}.weekend-action-card.shush:hover,.weekend-action-card.shush.active{border-color:var(--color-info)}.weekend-action-card.shush.active .action-icon,.weekend-action-card.shush:hover .action-icon{background:var(--color-info-bg);color:var(--color-info)}.weekend-action-card.soger:hover,.weekend-action-card.soger.active{border-color:var(--color-danger)}.weekend-action-card.soger.active .action-icon,.weekend-action-card.soger:hover .action-icon{background:var(--color-danger-bg);color:var(--color-danger)}.my-status-card{padding:var(--spacing-md);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md);border:1px solid var(--color-border)}.status-card-header{display:flex;align-items:center;gap:var(--spacing-sm)}.status-card-header h3{font-size:var(--font-size-md);font-weight:700;color:var(--color-text-secondary);margin:0}.status-dot{width:10px;height:10px;border-radius:var(--radius-full)}.status-dot.home{background:var(--color-home);box-shadow:0 0 10px var(--color-home-glow);animation:pulse-home 2s infinite}.status-dot.away{background:var(--color-away);box-shadow:0 0 10px var(--color-away-glow)}.status-buttons-compact{display:flex;gap:var(--spacing-sm)}.status-chip{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:700;background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all .2s;cursor:pointer}.status-chip.home.active{background:var(--color-success-bg);border-color:var(--color-home);color:var(--color-home)}.status-chip.away.active{background:var(--color-danger-bg);border-color:var(--color-away);color:var(--color-away)}.dashboard-grid{display:flex;flex-direction:column;gap:var(--spacing-lg)}.planner-card{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);display:flex;flex-direction:column}.planner-header{background:var(--color-bg-elevated);padding:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.planner-tabs{display:flex;gap:var(--spacing-sm);background:#0003;padding:4px;border-radius:var(--radius-md)}.planner-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:700;transition:all .2s;cursor:pointer}.planner-tab.active{background:var(--color-bg-card);color:var(--color-accent);box-shadow:0 2px 8px #0003}.planner-content{padding:var(--spacing-lg)}.planner-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.summary-card{padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);direction:rtl}.card-header h2{font-size:var(--font-size-lg);font-weight:800;color:var(--color-text-primary);margin:0}.badge{background:var(--color-home);color:#fff;padding:2px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:800;box-shadow:0 0 10px var(--color-home-glow)}.home-users-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}@media(max-width:480px){.home-users-grid{grid-template-columns:repeat(3,1fr)}}.home-user-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.home-user-name{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeframe-toggle{display:flex;background:var(--color-bg-elevated);padding:3px;border-radius:var(--radius-full);border:1px solid var(--color-border)}.timeframe-toggle button{padding:6px 14px;border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:700;border-radius:var(--radius-full);cursor:pointer;transition:all .2s}.timeframe-toggle button.active{background:var(--color-primary);color:#fff}.custom-date-inputs{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#ffffff0d;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);direction:rtl}.custom-date-inputs input[type=date]{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-primary);padding:6px;border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-xs)}.results-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.result-item{display:flex;align-items:center;gap:var(--spacing-md);background:var(--color-bg-elevated);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all .2s;cursor:pointer}.result-item:hover{transform:translate(-4px);border-color:var(--color-accent);background:var(--color-bg-card)}.result-rank{font-size:var(--font-size-lg);font-weight:800;color:var(--color-accent);opacity:.5;min-width:2.5rem}.result-info{flex:1;display:flex;flex-direction:column;gap:2px;text-align:right}.result-date{font-weight:700;color:var(--color-text-primary)}.result-count,.result-match{font-size:var(--font-size-xs);color:var(--color-text-muted)}.friend-selector-compact{margin-bottom:var(--spacing-lg);direction:rtl}.selector-label-compact{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-sm);font-weight:600}.friend-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.friend-chip{padding:6px 14px;background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .2s}.friend-chip.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.include-me-toggle{display:flex;align-items:center;gap:8px;background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all .2s;color:var(--color-text-secondary)}.include-me-toggle.active{color:var(--color-primary)}.checkbox-box{width:18px;height:18px;border:2px solid currentColor;border-radius:4px;display:flex;align-items:center;justify-content:center}.include-me-toggle.active .checkbox-box{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.toggle-text{font-weight:700;font-size:var(--font-size-xs)}.birthday-banner-inline{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);background:var(--gradient-birthday);border:1px solid rgba(245,158,11,.2);direction:rtl;animation:fadeIn .5s ease-out}.birthday-icon{font-size:1.8rem}.birthday-content h3{font-size:var(--font-size-md);color:var(--color-warning);margin:0}.birthday-content p{font-size:var(--font-size-sm);color:var(--color-text-primary);margin:0}.birthday-content strong{color:var(--color-pink)}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.modal-content{width:100%;max-width:450px;max-height:85vh;border-radius:var(--radius-xl);border:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 20px 50px #00000080}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;direction:rtl}.modal-header h3{font-size:var(--font-size-xl);font-weight:800;color:var(--color-accent);margin:0}.close-btn{background:transparent;border:none;color:var(--color-text-muted);font-size:2.5rem;cursor:pointer;line-height:1}.modal-body{padding:var(--spacing-lg);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-xl);direction:rtl}.modal-birthday-section{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--gradient-birthday);border:1px solid rgba(245,158,11,.2)}.status-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.status-group h4{font-size:var(--font-size-sm);font-weight:900;letter-spacing:.05em;margin:0}.home-title{color:var(--color-home)}.away-title{color:var(--color-away)}.friend-mini-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:var(--spacing-md)}.friend-mini-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:600}.empty-state-mini{display:flex;align-items:center;justify-content:center;height:120px;color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic;text-align:center;background:#ffffff05;border-radius:var(--radius-md);border:1px dashed var(--color-border)}@keyframes pulse-home{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.6}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.section-title-alt{font-size:var(--font-size-base);font-weight:700;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);text-align:right;direction:rtl}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-bg-primary),var(--color-bg-secondary))}.login-container{width:100%;max-width:400px;padding:var(--spacing-xl);border-radius:var(--radius-xl);text-align:center}.login-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-accent)}.login-subtitle{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.search-input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text-primary);font-size:var(--font-size-base);margin-bottom:var(--spacing-lg);text-align:right}.search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 10px var(--color-accent-glow)}.search-input::placeholder{color:var(--color-text-muted)}.users-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-sm)}.loading{color:var(--color-text-muted);padding:var(--spacing-lg)}.user-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-bg-elevated);transition:all .2s ease;text-align:right}.user-item:hover{background:var(--color-bg-card);transform:translate(-4px)}.user-avatar{width:2.2rem;height:2.2rem;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-accent);border:1px solid var(--glass-border)}.user-name{flex:1;font-size:var(--font-size-base)}.selected-user-display{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);background:var(--color-bg-elevated);border-radius:var(--radius-md);text-align:right}.back-button{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-xl);cursor:pointer;padding:var(--spacing-xs);margin-right:auto;transition:color .2s ease}.back-button:hover{color:var(--color-text-primary)}.error-message{background:var(--color-danger-bg);color:var(--color-danger);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.login-methods{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.login-method-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-base);cursor:pointer;transition:all .2s ease;text-align:right}.login-method-btn:hover{background:var(--color-bg-card);border-color:var(--color-accent);transform:translate(-4px)}.login-form{margin-top:var(--spacing-lg);text-align:right}.input-group{margin-bottom:var(--spacing-lg)}.input-group label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.form-input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text-primary);font-size:var(--font-size-base);text-align:right}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 10px var(--color-accent-glow)}.form-input:disabled{opacity:.6;cursor:not-allowed}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-right:3rem}.password-toggle{position:absolute;right:var(--spacing-sm);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;transition:color .2s ease}.password-toggle:hover{color:var(--color-text-primary)}.otp-input{font-family:Courier New,monospace}.input-hint{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.login-submit-btn{width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-accent);color:#fff;font-size:var(--font-size-base);font-weight:600;border:none;cursor:pointer;transition:all .2s ease;margin-bottom:var(--spacing-md);box-shadow:0 0 15px var(--color-accent-glow)}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px var(--color-accent-glow)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.back-link{width:100%;background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-sm);transition:color .2s ease}.back-link:hover{color:var(--color-text-primary)}.week-view{padding:var(--spacing-md);max-width:600px;margin:0 auto}.week-view.loading{display:flex;align-items:center;justify-content:center;min-height:50vh;color:var(--color-text-muted)}.week-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.week-header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary)}.week-nav{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:var(--spacing-sm)}.week-title{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.nav-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-full);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.nav-btn:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.quick-chips{display:flex;gap:var(--spacing-sm)}.quick-chip{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;transition:all .2s ease;border:1px solid transparent}.quick-chip:disabled{opacity:.6;cursor:not-allowed}.quick-chip.shush{background:#ffa50233;color:var(--color-maybe);border-color:var(--color-maybe)}.quick-chip.shush:hover:not(:disabled),.quick-chip.shush.active{background:#ffa50266;box-shadow:0 0 15px var(--color-maybe-glow)}.quick-chip.hamshush{background:#00d26a33;color:var(--color-home);border-color:var(--color-home)}.quick-chip.hamshush:hover:not(:disabled),.quick-chip.hamshush.active{background:#00d26a66;box-shadow:0 0 15px var(--color-home-glow)}.quick-chip.soger{background:#ff475733;color:var(--color-away);border-color:var(--color-away)}.quick-chip.soger:hover:not(:disabled),.quick-chip.soger.active{background:#ff475766;box-shadow:0 0 15px #ff475780}.week-days{display:flex;flex-direction:column;gap:var(--spacing-sm)}.day-card{display:flex;flex-direction:column;background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all .2s ease;overflow:hidden}.day-card:hover{border-color:var(--color-border-light)}.day-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);cursor:pointer;transition:all .2s ease}.day-row.active{background:var(--bg-white-05)}.day-row.weekend{background:linear-gradient(135deg,#ffa5021a,#00d26a0d);border-bottom:1px solid rgba(255,255,255,.05)}.day-row.weekend:not(.active){border-color:var(--color-maybe)}.day-info{min-width:4rem;display:flex;flex-direction:column;gap:var(--spacing-xs)}.day-name{font-weight:600;font-size:var(--font-size-base);color:var(--color-text-primary)}.day-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.heatmap-container{flex:1;height:1.25rem;background:var(--color-bg-elevated);border-radius:var(--radius-sm);position:relative;overflow:hidden}.heatmap-bar{height:100%;background:linear-gradient(90deg,var(--color-home),#00d26a80);border-radius:var(--radius-sm);transition:width .3s ease;min-width:2px}.heatmap-bar.weekend{background:linear-gradient(90deg,var(--color-maybe),var(--color-home))}.heatmap-label{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:500}.day-actions{display:flex;gap:var(--spacing-xs)}.day-status-btn{width:2.25rem;height:2.25rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-muted);transition:all .2s ease}.day-status-btn:disabled{opacity:.5;cursor:not-allowed}.day-status-btn:hover:not(:disabled){border-color:var(--color-border-light);transform:translateY(-1px)}.day-status-btn.home:hover:not(:disabled),.day-status-btn.home.active{background:#00d26a33;border-color:var(--color-home);color:var(--color-home);box-shadow:0 0 10px var(--color-home-glow)}.day-status-btn.maybe:hover:not(:disabled),.day-status-btn.maybe.active{background:#ffa50233;border-color:var(--color-maybe);color:var(--color-maybe);box-shadow:0 0 10px var(--color-maybe-glow)}.expand-icon{color:var(--color-text-muted);display:flex;align-items:center}.day-details{padding:var(--spacing-md);border-top:1px solid var(--color-border);background:var(--color-bg-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.detail-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-title{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.detail-title.home{color:var(--color-home)}.detail-title.maybe{color:var(--color-maybe)}.detail-title.away{color:var(--color-text-muted)}.month-view{padding:var(--spacing-md);max-width:600px;margin:0 auto;user-select:none;-webkit-user-select:none;touch-action:none}.month-view.loading{display:flex;align-items:center;justify-content:center;min-height:50vh;color:var(--color-text-muted)}.month-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);direction:rtl}.month-title-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.month-header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary)}.nav-btn{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.nav-btn:hover{background:var(--color-bg-elevated);border-color:var(--color-border-light);color:var(--color-text-primary)}.back-today-btn{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-blue-bright);background:var(--color-blue-bright-bg);border:none;padding:4px 10px;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease}.back-today-btn:hover{background:#0096ff33}.calendar-grid{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;margin-bottom:var(--spacing-md)}.day-headers{display:grid;grid-template-columns:repeat(7,1fr);direction:rtl;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border)}.day-header{padding:var(--spacing-sm);text-align:center;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted)}.day-header.weekend{color:var(--color-maybe)}.weeks{display:flex;flex-direction:column}.week-row{display:grid;grid-template-columns:repeat(7,1fr);direction:rtl;border-bottom:1px solid var(--color-border)}.week-row:last-child{border-bottom:none}.day-cell{aspect-ratio:1;padding:var(--spacing-xs);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;position:relative;transition:background .1s ease;border-left:1px solid var(--color-border);background:linear-gradient(135deg,rgba(0,210,106,calc(var(--heatmap-intensity, 0) * .3)),rgba(0,168,84,calc(var(--heatmap-intensity, 0) * .2)))}.day-cell:first-child{border-left:none}.day-cell:active{transform:scale(.95)}.day-cell.other-month{opacity:.4}.day-cell.other-month .day-number{color:var(--color-text-muted)}.day-cell.weekend{background:linear-gradient(135deg,#ffa5021a,rgba(0,210,106,calc(var(--heatmap-intensity, 0) * .3)))}.day-cell.selected{background:var(--color-indigo-glow)!important;outline:2px solid var(--color-selection-border);outline-offset:-2px}.day-cell.status-home{background:#00d26a40}.day-cell.status-maybe{background:#ffa50233}.day-number{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.cell-indicators{position:absolute;top:4px;left:4px;display:flex;gap:2px}.birthday-indicator{position:relative;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 2px rgba(255,255,255,.5));animation:bounce 2s infinite ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.cake-icon{font-size:.9rem;z-index:2}.birthday-avatar_dot{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--color-bg-card);z-index:3}.status-dot{width:6px;height:6px;border-radius:var(--radius-full)}.status-dot.home{background:var(--color-home);box-shadow:0 0 6px var(--color-home-glow)}.status-dot.maybe{background:var(--color-maybe);box-shadow:0 0 6px var(--color-maybe-glow)}.home-count{font-size:10px;color:var(--color-home);font-weight:700}.mode-buttons{display:flex;gap:var(--spacing-sm);justify-content:center;direction:rtl}.mode-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);border:2px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-muted);min-width:60px;transition:all .2s ease}.mode-btn:hover{border-color:var(--color-border-light);color:var(--color-text-secondary)}.mode-btn.active{transform:translateY(-2px)}.mode-btn.home.active{border-color:var(--color-home);color:var(--color-home);background:#00d26a26;box-shadow:0 0 15px var(--color-home-glow)}.mode-btn.away.active{border-color:var(--color-away);color:var(--color-away);background:#ff475726;box-shadow:0 0 15px var(--color-away-glow)}.mode-btn.maybe.active{border-color:var(--color-maybe);color:var(--color-maybe);background:#ffa50226;box-shadow:0 0 15px var(--color-maybe-glow)}.mode-btn.checker.active{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-indigo-bg);box-shadow:0 0 15px var(--color-indigo-glow)}.mode-btn span{font-size:var(--font-size-xs);font-weight:600}.checker-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.checker-modal{background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--spacing-xl);min-width:300px;max-width:90vw;max-height:70vh;overflow-y:auto;position:relative;animation:slideUp .2s ease}.checker-modal .close-btn{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);width:2rem;height:2rem;border-radius:var(--radius-full);background:transparent;border:none;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.checker-modal .close-btn:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.checker-modal h3{text-align:center;margin-bottom:var(--spacing-lg);font-size:var(--font-size-lg);color:var(--color-text-primary)}.checker-birthday-banner{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);background:var(--gradient-birthday);border:1px solid rgba(245,158,11,.2);direction:rtl}.birthday-text{display:flex;flex-direction:column;gap:2px}.birthday-text strong{color:var(--color-warning);font-size:var(--font-size-sm)}.birthday-text span{font-size:var(--font-size-md);font-weight:600}.checker-section{margin-bottom:var(--spacing-md)}.checker-title{display:block;font-size:var(--font-size-sm);font-weight:700;margin-bottom:var(--spacing-xs)}.checker-title.home{color:var(--color-home)}.checker-title.maybe{color:var(--color-maybe)}.checker-title.away{color:var(--color-text-muted)}.user-capsules{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.user-capsule{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-secondary)}.user-capsule.home{border-color:var(--color-home-glow);color:var(--color-home)}.user-capsule.maybe{border-color:var(--color-maybe-glow);color:var(--color-maybe)}.user-capsule.away{opacity:.7}.empty-text{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.friends-view{padding:var(--spacing-md);max-width:600px;margin:0 auto}.friends-header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md);text-align:center}.search-bar{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-lg)}.search-bar input{flex:1;background:transparent;border:none;color:var(--color-text-primary);font-size:var(--font-size-base);outline:none;direction:rtl}.search-bar input::placeholder{color:var(--color-text-muted)}.search-bar svg{color:var(--color-text-muted)}.squad-list h2,.leaderboard-section h2{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md);text-align:center}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.user-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.user-card:hover:not(.current){border-color:var(--color-border-light);transform:translateY(-2px)}.user-card.current{opacity:.6;cursor:default}.user-card.home{border-color:var(--color-home);background:#00d26a1a}.user-card.maybe{border-color:var(--color-maybe);background:#ffa5021a}.user-avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background:var(--color-bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.user-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);text-align:center}.status-badge{font-size:10px;padding:2px 6px;border-radius:var(--radius-sm);font-weight:600}.status-badge.home{background:#00d26a33;color:var(--color-home)}.status-badge.maybe{background:#ffa50233;color:var(--color-maybe)}.status-badge.away{background:#ff475733;color:var(--color-away)}.leaderboard{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.leaderboard-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border)}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row .rank{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-muted);min-width:2rem}.leaderboard-row .name{flex:1;font-weight:500;color:var(--color-text-primary)}.leaderboard-row .points{font-weight:700;font-size:var(--font-size-sm);min-width:2.5rem;text-align:center}.leaderboard-row .points.positive{color:var(--color-home)}.leaderboard-row .points.negative{color:var(--color-away)}.vote-buttons{display:flex;gap:4px}.vote-btn{width:1.75rem;height:1.75rem;border-radius:var(--radius-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.vote-btn.up:hover{border-color:var(--color-home);color:var(--color-home);background:#00d26a33}.vote-btn.down:hover{border-color:var(--color-away);color:var(--color-away);background:#ff475733}.modal-overlay{position:fixed;inset:0;background:var(--modal-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.friend-calendar-modal,.vote-modal{background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--spacing-lg);min-width:300px;max-width:90vw;position:relative;animation:slideUp .2s ease}.friend-calendar-modal .close-btn,.vote-modal .close-btn{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);width:2rem;height:2rem;border-radius:var(--radius-full);background:transparent;border:none;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer}.friend-calendar-modal .close-btn:hover,.vote-modal .close-btn:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.friend-calendar-modal h3,.vote-modal h3{display:flex;align-items:center;gap:var(--spacing-xs);justify-content:center;margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.cal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.cal-header button{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs)}.cal-header span{font-weight:600;color:var(--color-text-primary)}.mini-calendar{direction:rtl}.mini-day-headers{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:10px;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.mini-weeks{display:flex;flex-direction:column;gap:2px}.mini-week{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.mini-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:11px;border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-text-secondary)}.mini-day.other{opacity:.3}.mini-day.home{background:#00d26a4d;color:var(--color-home)}.mini-day.maybe{background:#ffa5024d;color:var(--color-maybe)}.mini-day.away{background:#ff475726}.vote-modal textarea{width:100%;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-sm);resize:none;margin-bottom:var(--spacing-md);direction:rtl}.vote-modal textarea::placeholder{color:var(--color-text-muted)}.submit-vote{width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:none;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-vote.positive{background:var(--color-home);color:#fff}.submit-vote.negative{background:var(--color-away);color:#fff}.submit-vote:disabled{opacity:.5;cursor:not-allowed}.modal-vote-actions{margin-top:var(--spacing-lg);border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.modal-vote-actions h4,.friend-reviews h4{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);text-align:right;direction:rtl}.vote-buttons.big{display:flex;justify-content:center;gap:var(--spacing-lg)}.vote-buttons.big .vote-btn{width:auto;height:auto;padding:var(--spacing-sm) var(--spacing-xl);flex-direction:column;gap:4px}.vote-buttons.big .vote-btn span{font-size:var(--font-size-xs);font-weight:600}.friend-reviews{margin-top:var(--spacing-lg);max-height:200px;overflow-y:auto}.reviews-list{display:flex;flex-direction:column;gap:var(--spacing-sm);direction:rtl}.review-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm)}.review-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:4px}.review-value{font-size:var(--font-size-sm)}.review-author{font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-secondary)}.review-reason{font-size:var(--font-size-sm);color:var(--color-text-primary);margin:0;line-height:1.4}.tremps-view{padding:var(--spacing-md);max-width:600px;margin:0 auto}.tremps-header h1{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.tremps-actions-bar{display:flex;justify-content:center;margin-bottom:var(--spacing-xl)}.offer-ride-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-blue-bright);color:#fff;border:none;border-radius:var(--radius-full);font-weight:700;font-size:var(--font-size-base);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0096ff4d}.offer-ride-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--color-blue-bright-glow)}.tremp-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.tremp-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);direction:rtl}.tremp-card.offer{border-left:4px solid var(--color-home)}.tremp-card.request{border-left:4px solid var(--color-maybe)}.tremp-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.tremp-route{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:700;color:var(--color-text-primary);font-size:var(--font-size-lg)}.tremp-seats-visual{display:flex;gap:4px}.slot-taken{color:var(--color-text-muted);opacity:.3}.slot-free{color:var(--color-blue-bright);filter:drop-shadow(0 0 2px var(--color-blue-bright-glow))}.tremp-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.tremp-date,.tremp-driver{display:flex;align-items:center;gap:4px}.tremp-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-bg-elevated)}.tremp-passengers-text{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.delete-btn{display:flex;align-items:center;gap:4px;padding:var(--spacing-xs) var(--spacing-sm);background:transparent;color:var(--color-away);border:1px solid var(--color-away);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .2s ease}.delete-btn:hover{background:var(--color-away);color:#fff}.empty-text{text-align:center;color:var(--color-text-muted);padding:var(--spacing-xl)}.create-modal{background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--spacing-lg);width:90vw;max-width:400px;position:relative;animation:slideUp .2s ease;direction:rtl}.create-modal .close-btn{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);width:2rem;height:2rem;border-radius:var(--radius-full);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer}.create-modal h3{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit}.form-group textarea{resize:none}.form-row{display:flex;gap:var(--spacing-md)}.form-row .form-group{flex:1}.preset-toggle{display:flex;gap:var(--spacing-sm)}.preset-toggle button{flex:1;padding:var(--spacing-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s ease}.preset-toggle button.active{border-color:var(--color-blue-bright);color:var(--color-blue-bright);background:var(--color-blue-bright-bg)}.submit-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-blue-bright);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;margin-top:var(--spacing-md)}.submit-btn:disabled{opacity:.5}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.smart-date-input-wrapper{position:relative;display:flex;align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s;width:220px;direction:ltr;padding:0 .75rem;box-sizing:border-box}.smart-date-input-wrapper:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-glow)}.smart-date-icon-left{color:var(--color-text-secondary);pointer-events:none;flex-shrink:0;margin-right:.5rem}.smart-date-input{flex:1;padding:.75rem 0;background:transparent;border:none;color:var(--color-text-primary);font-family:var(--font-family-mono, "Courier New", monospace);font-size:1.1rem;outline:none;letter-spacing:.05em;text-align:left;min-width:0}.smart-date-clear-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;margin-left:.25rem;border-radius:4px;transition:all .2s}.smart-date-clear-btn:hover{color:var(--color-away);background:var(--color-bg-secondary)}.smart-date-input::placeholder{color:var(--color-text-muted);opacity:.4;font-size:.9rem}.settings-dob-input{margin-left:auto}.onboarding-input{margin:0 auto}.support-modal-overlay{position:fixed;inset:0;background:var(--modal-overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.support-modal{width:100%;max-width:500px;background:var(--color-bg-card);border-radius:24px;padding:2rem;position:relative;border:1px solid var(--color-border);max-height:90vh;overflow-y:auto}.support-modal .close-btn{position:absolute;top:1.5rem;left:1.5rem;background:none;border:none;color:var(--color-text-muted);cursor:pointer;transition:color .2s;padding:0}.support-modal .close-btn:hover{color:var(--color-text-primary)}.support-modal h2{margin:0 0 .5rem;font-size:1.5rem;text-align:center}.support-modal .subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:2rem}.type-selector{display:flex;gap:1rem;margin-bottom:1.5rem;background:var(--color-bg-elevated);padding:.5rem;border-radius:16px}.type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:none;background:none;color:var(--color-text-muted);border-radius:12px;cursor:pointer;transition:all .2s;font-weight:500}.type-btn:hover{background:var(--color-bg-card);color:var(--color-text-primary)}.type-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px var(--color-primary-glow)}.support-modal textarea{width:100%;min-height:150px;padding:1rem;border-radius:16px;background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-primary);font-family:inherit;font-size:1rem;resize:vertical;margin-bottom:1.5rem;transition:all .2s}.support-modal textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.form-actions{display:flex;justify-content:flex-end;gap:1rem}.form-actions button{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;border:none;font-size:1rem}.cancel-btn{background:none;color:var(--color-text-muted)}.cancel-btn:hover{color:var(--color-text-primary);background:var(--color-bg-elevated)}.submit-btn{background:var(--color-primary);color:#fff}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px var(--color-primary-glow)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.success-view{text-align:center;padding:2rem 0}.success-icon{width:80px;height:80px;background:var(--color-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 8px 24px var(--color-success-glow)}.success-view h3{margin:0 0 .5rem;font-size:1.5rem}.success-view p{color:var(--color-text-muted);margin:0}.settings-page{padding:var(--spacing-md);padding-bottom:calc(var(--bottom-nav-height) + var(--spacing-md));max-width:500px;margin:0 auto}.settings-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.settings-header h1{font-size:var(--font-size-xl);font-weight:700}.back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-bg-secondary);transition:background .2s}.back-btn:hover{background:var(--color-bg-elevated)}.settings-content.compact{display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg)}.profile-avatar{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;flex-shrink:0}.profile-info{flex:1;display:flex;align-items:center;justify-content:space-between}.profile-name{font-size:var(--font-size-lg);font-weight:600}.quick-actions{display:flex;gap:var(--spacing-xs)}.quick-action-btn{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.quick-action-btn:hover{background:var(--color-bg-elevated);color:var(--color-accent);border-color:var(--color-accent)}.settings-section{padding:var(--spacing-md);border-radius:var(--radius-lg)}.settings-section.compact-section h2{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-weight:600}.section-header-row{display:flex;align-items:center;justify-content:space-between}.status-toggle-group.compact{display:flex;gap:var(--spacing-xs)}.status-chip{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:var(--radius-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s}.status-chip.active.home{background:var(--color-home-glow);border-color:var(--color-home);color:var(--color-home)}.status-chip.active.away{background:var(--color-away-glow);border-color:var(--color-away);color:var(--color-away)}.status-chip.active.weekends{background:var(--color-purple-bg);border-color:var(--color-purple);color:var(--color-purple)}.weekend-return-compact{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm);justify-content:center;overflow:hidden}.weekend-chip{padding:6px 16px;border-radius:var(--radius-full);background:var(--color-bg-secondary);border:1px solid var(--color-border);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .2s}.weekend-chip.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.settings-section.expandable{padding:0;overflow:hidden}.section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:none;border:none;cursor:pointer;color:var(--color-text-primary)}.toggle-info{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;font-size:var(--font-size-base)}.toggle-icon{color:var(--color-accent)}.chevron{transition:transform .3s;color:var(--color-text-secondary)}.chevron.open{transform:rotate(180deg)}.section-content{padding:0 var(--spacing-md) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);overflow:hidden}.setting-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.setting-row label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:600;display:flex;align-items:center;gap:4px}.color-picker-inline{display:flex;gap:6px;flex-wrap:wrap}.color-dot{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.color-dot:hover{transform:scale(1.1)}.color-dot.selected{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-bg-card)}.color-dot.custom{background:var(--color-bg-secondary);border:1px dashed var(--color-border);color:var(--color-text-secondary)}.color-dot.custom.active{border-color:var(--color-accent);color:var(--color-accent)}.custom-picker-wrapper{padding-top:var(--spacing-sm);display:flex;justify-content:center;overflow:hidden}.custom-picker-wrapper .react-colorful{width:100%!important;max-width:200px}.compact-dob-input{max-width:200px}.security-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap}.security-row:last-child{border-bottom:none}.security-row-header{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary)}.security-row-header svg{color:var(--color-accent)}.action-btn-small{padding:6px 14px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .2s}.action-btn-small:hover:not(:disabled){background:var(--color-accent);border-color:var(--color-accent);color:#fff}.action-btn-small:disabled{opacity:.5}.login-link-compact{display:flex;gap:4px;flex:1;max-width:220px}.login-link-compact input{flex:1;padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-text-primary);font-size:var(--font-size-xs);font-family:monospace;min-width:0;direction:ltr;text-align:left}.login-link-compact button{padding:6px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary)}.password-form-compact{width:100%;display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.input-row{display:flex;align-items:center;gap:4px}.input-row input{flex:1;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-text-primary);font-size:var(--font-size-sm)}.input-row input:focus{outline:none;border-color:var(--color-accent)}.toggle-vis{padding:6px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer}.form-btns{display:flex;gap:var(--spacing-xs);margin-top:4px}.save-small{flex:1;padding:8px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-xs);cursor:pointer}.cancel-small{padding:8px 12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer}.otp-compact{display:flex;align-items:center;gap:var(--spacing-xs)}.otp-value{font-family:monospace;font-size:var(--font-size-base);font-weight:700;color:var(--color-accent);letter-spacing:.1em}.otp-timer{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.otp-compact button{padding:4px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer}.support-row{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-lg)}.support-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s}.support-btn:hover{background:var(--color-bg-elevated);border-color:var(--color-accent);color:var(--color-accent)}.logout-button.compact{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--color-away);color:var(--color-away);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);transition:all .2s;width:100%}.logout-button.compact:hover{background:var(--color-away-glow)}.settings-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.settings-modal{background:var(--color-bg-card);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);max-width:360px;width:100%;text-align:center}.modal-icon-wrapper{margin-bottom:var(--spacing-md)}.warning-icon-wrapper{width:56px;height:56px;margin:0 auto;background:var(--color-warning-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-warning)}.settings-modal h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.settings-modal p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.modal-sub-section{margin-bottom:var(--spacing-md)}.modal-sub-title{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.modal-options-grid{display:flex;gap:var(--spacing-sm);justify-content:center}.modal-option-btn{padding:8px 20px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s}.modal-option-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.modal-actions{display:flex;gap:var(--spacing-sm)}.modal-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.modal-btn.cancel{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary)}.modal-btn.confirm{background:var(--color-accent);border:none;color:#fff}.modal-btn.confirm:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-accent-glow)}.onboarding-container{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto;overflow-x:hidden;position:relative;background:radial-gradient(circle at top right,#3b82f620,transparent),radial-gradient(circle at bottom left,#8b5cf620,transparent)}.onboarding-card{width:100%;max-width:500px;padding:2rem;border-radius:24px;display:flex;flex-direction:column;gap:1.5rem;position:relative;margin:auto}.progress-bar{height:4px;background:var(--bg-white-10);border-radius:24px 24px 2px 2px;overflow:hidden;position:absolute;top:0;left:0;right:0}.progress-fill{height:100%;background:var(--color-accent);transition:width .5s ease}.step-content{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem}.step-icon-wrapper{width:60px;height:60px;border-radius:50%;background:var(--bg-white-05);display:flex;align-items:center;justify-content:center;color:var(--color-accent);box-shadow:0 0 20px var(--color-accent-glow)}.step-icon-wrapper svg{width:30px;height:30px}.step-content h2{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.input-group{width:100%;display:flex;flex-direction:column;gap:1rem}.onboarding-input{width:100%;padding:1rem 1.25rem;border-radius:12px;background:var(--bg-white-05);border:1px solid var(--glass-border);color:var(--color-text-primary);font-size:1.1rem;transition:all .3s ease}.onboarding-input:focus{outline:none;border-color:var(--color-accent);background:var(--bg-white-10);box-shadow:0 0 0 4px var(--color-accent-glow)}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%}.color-btn{aspect-ratio:1;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.color-btn:hover{transform:scale(1.1)}.color-btn.selected{transform:scale(1.1);border-color:var(--color-text-primary);box-shadow:0 0 15px #ffffff4d}.status-selection{display:flex;flex-direction:column;gap:1rem;width:100%}.status-option{padding:1.25rem;border-radius:16px;background:var(--bg-white-05);border:1px solid var(--glass-border);color:var(--color-text-primary);font-size:1rem;text-align:right;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;gap:1rem}.status-option:hover{background:var(--bg-white-10)}.status-option.selected{background:var(--color-accent-glow);border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent)}.hint-text{font-size:.9rem;color:var(--color-text-secondary);margin-top:.5rem}.onboarding-actions{display:flex;justify-content:space-between;align-items:center;width:100%;padding-top:1rem}.back-btn{padding:.75rem 1.5rem;border-radius:12px;background:transparent;color:var(--color-text-secondary);font-weight:500;transition:color .2s}.back-btn:hover{color:var(--color-text-primary);background:var(--color-bg-elevated)}.next-btn{margin-right:auto;padding:.75rem 2rem;border-radius:12px;background:var(--color-accent);color:var(--btn-text-color, white);font-weight:600;font-size:1.1rem;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.welcome-step{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0}.welcome-icon{font-size:3.5rem;margin-bottom:.5rem;animation:wave 2s infinite;transform-origin:70% 70%}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.welcome-step h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,white 0%,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.welcome-step p{font-size:1rem;color:var(--color-text-secondary);line-height:1.6}.style-section{width:100%;display:flex;flex-direction:column;gap:1.5rem}.theme-toggle-group{display:flex;gap:1rem;width:100%}.theme-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;background:var(--bg-white-05);border:1px solid var(--glass-border);border-radius:16px;cursor:pointer;transition:all .2s ease;color:var(--color-text-secondary)}.theme-card:hover{background:var(--bg-white-10)}.theme-card.selected{background:var(--color-accent-glow);border-color:var(--color-accent);color:var(--color-text-primary);box-shadow:0 0 0 1px var(--color-accent)}.divider{height:1px;background:var(--glass-border);width:100%}.color-picker-container{display:flex;flex-direction:column;gap:1rem}.custom-picker-section{display:flex;flex-direction:column;align-items:center;gap:1rem;background:#0003;padding:1rem;border-radius:16px}.hex-display{padding:.5rem 1rem;background:#0000004d;border-radius:8px;font-family:monospace;font-size:1.1rem;color:#fff;border:1px solid transparent;transition:border-color .2s}.react-colorful{width:100%!important;height:150px!important}.react-colorful__saturation{border-radius:12px 12px 0 0!important}.react-colorful__hue{border-radius:0 0 12px 12px!important;height:20px!important;margin-top:2px!important}.react-colorful__pointer{width:24px!important;height:24px!important;border:3px solid white!important;box-shadow:0 2px 4px #0003!important}.next-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px var(--color-accent-glow)}.next-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1);background:var(--color-bg-elevated);color:var(--color-text-muted)}.custom-picker-section-onboarding{margin-top:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff08;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.hex-display-onboarding{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-elevated);border-radius:var(--radius-md);font-family:monospace;font-weight:700;border-right:4px solid;font-size:var(--font-size-md)}.custom-palette-btn{display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.custom-palette-btn.selected{box-shadow:0 0 15px var(--color-accent-glow);transform:scale(1.1)}.section-header-centered{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center;margin-bottom:2rem}.section-header-centered .section-label{font-size:1.4rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.02em}.section-header-centered .section-subtitle{font-size:.95rem;color:var(--color-text-secondary);opacity:.8}.weekend-return-selection{padding:1.25rem;background:#ffffff05;border-radius:16px;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:1rem;width:100%}.subsection-label{font-size:.9rem;font-weight:600;color:var(--color-text-secondary);text-align:right;margin:0;opacity:.9}.weekend-options{display:flex;gap:.75rem;width:100%}.weekend-btn{flex:1;padding:.85rem;border-radius:12px;background:var(--bg-white-05);border:1px solid var(--glass-border);color:var(--color-text-secondary);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.weekend-btn:hover{background:#ffffff14;transform:translateY(-1px)}.weekend-btn.selected{background:var(--color-accent);border-color:var(--color-accent);color:var(--btn-text-color, white);box-shadow:0 4px 12px var(--color-accent-glow)}.security-step{width:100%;display:flex;flex-direction:column;gap:1.5rem}.security-options{display:flex;flex-direction:row;gap:1rem;width:100%}.security-card{position:relative;flex:1;padding:1.5rem;border-radius:16px;background:var(--bg-white-05);border:2px solid var(--glass-border);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;overflow:hidden}.security-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,var(--color-accent-glow),transparent);opacity:0;transition:opacity .3s ease}.security-card:hover{background:#ffffff14;transform:translateY(-2px);border-color:#ffffff26}.security-card:hover:before{opacity:.3}.security-card.selected{background:var(--color-accent-glow);border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent),0 8px 24px var(--color-accent-glow);transform:translateY(-2px)}.security-card.selected:before{opacity:.5}.card-icon{width:56px;height:56px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all .3s ease}.security-card.selected .card-icon{background:var(--color-accent);color:var(--btn-text-color, white);box-shadow:0 4px 16px var(--color-accent-glow)}.security-card h3{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0}.security-card p{font-size:.95rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.check-badge{position:absolute;top:1rem;right:1rem;width:28px;height:28px;border-radius:50%;background:var(--color-accent);color:var(--btn-text-color, white);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--color-accent-glow);animation:checkBadgeAppear .3s cubic-bezier(.34,1.56,.64,1)}@keyframes checkBadgeAppear{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.password-inputs-container{width:100%;display:flex;flex-direction:column;gap:1rem;overflow:hidden}.password-inputs-container .input-group{position:relative}.password-toggle{position:absolute;left:1rem!important;right:auto!important;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;width:32px;height:32px;z-index:10}.password-toggle:hover{background:var(--bg-white-10);color:var(--color-text-primary)}.password-toggle svg{width:18px;height:18px}.password-inputs-container input{padding-left:3.5rem!important;padding-right:1.25rem!important}.password-inputs-container{padding-top:1rem}.settings-reminder{font-size:.85rem;color:var(--color-text-muted);text-align:center;padding:.75rem 1rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05);margin-top:.5rem;opacity:.8;transition:opacity .2s ease}.settings-reminder:hover{opacity:1}.status-selection-container{width:100%;display:flex;flex-direction:column;gap:0}.error-message-onboarding{color:var(--color-danger);font-size:.85rem;font-weight:500;text-align:right;margin-top:-.5rem;margin-bottom:.5rem}.onboarding-input.input-error{border-color:var(--color-danger);background:var(--color-danger-bg)}.onboarding-input.input-error:focus{box-shadow:0 0 0 4px #ef444433}