:root{--color-bg-primary: #0a0a0f;--color-bg-secondary: #12121a;--color-bg-card: #1a1a24;--color-bg-elevated: #22222e;--color-home: #00d26a;--color-home-glow: rgba(0, 210, 106, .3);--color-away: #ff4757;--color-away-glow: rgba(255, 71, 87, .3);--color-maybe: #ffa502;--color-maybe-glow: rgba(255, 165, 2, .3);--color-text-primary: #ffffff;--color-text-secondary: #a0a0b0;--color-text-muted: #606070;--color-accent: #7c5cff;--color-accent-glow: rgba(124, 92, 255, .3);--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-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;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--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);--bottom-nav-height: 4.5rem}.light-mode{--color-bg-primary: #F5F1EB;--color-bg-secondary: #FAF8F3;--color-bg-card: #FDF6EC;--color-bg-elevated: #FFFBF5;--color-text-primary: #2C2416;--color-text-secondary: #5A4E3F;--color-text-muted: #8B7D6B;--color-border: #E8DDC8;--color-border-light: #F0E9DB;--glass-bg: rgba(253, 246, 236, .8);--glass-border: rgba(44, 36, 22, .1)}*{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)}.section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.status-section{margin-bottom:var(--spacing-xl)}.current-status-display{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.status-indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);background:var(--color-bg-elevated);border:2px solid;transition:all .3s ease}.status-indicator.home{border-color:var(--color-home);box-shadow:0 0 15px var(--color-home-glow)}.status-indicator.away{border-color:var(--color-away);box-shadow:0 0 15px var(--color-away-glow)}.status-dot{width:12px;height:12px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-indicator.home .status-dot{background:var(--color-home)}.status-indicator.away .status-dot{background:var(--color-away)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.status-text{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary)}.status-buttons{display:flex;gap:var(--spacing-md);justify-content:center}.status-btn{flex:1;max-width:8rem;aspect-ratio:1;border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all .3s ease;border:2px solid transparent}.status-btn:disabled{opacity:.6;cursor:not-allowed}.status-btn.home{background:linear-gradient(135deg,#00d26a33,#00a85433);border-color:var(--color-home)}.status-btn.home:hover:not(:disabled),.status-btn.home.active{background:linear-gradient(135deg,#00d26a66,#00a85466);box-shadow:0 0 30px var(--color-home-glow);transform:scale(1.05)}.status-btn.away{background:linear-gradient(135deg,#ff475733,#c8323c33);border-color:var(--color-away)}.status-btn.away:hover:not(:disabled),.status-btn.away.active{background:linear-gradient(135deg,#ff475766,#c8323c66);box-shadow:0 0 30px var(--color-away-glow);transform:scale(1.05)}.status-icon{font-size:2.5rem}.status-label{font-size:var(--font-size-lg);font-weight:600}.dashboard-grid{display:flex;flex-direction:column;gap:var(--spacing-lg)}.summary-card,.finder-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;flex-direction:row-reverse;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.card-header h2{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary)}.header-title{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-accent)}.badge{background:var(--color-home);color:#fff;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:800;box-shadow:0 0 10px var(--color-home-glow)}.summary-card.glass{padding:var(--spacing-lg)}.home-users-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);padding:var(--spacing-md) 0}@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);width:auto}.home-user-avatar{width:3rem;height:3rem;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-bg-elevated),var(--color-bg-card));border:2px solid var(--color-home);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:700;color:var(--color-home);box-shadow:0 4px 10px #0000001a,0 0 5px var(--color-home-glow)}.home-user-name{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeframe-toggle{display:flex;background:var(--color-bg-elevated);padding:2px;border-radius:var(--radius-full);border:1px solid var(--color-border)}.timeframe-toggle button{padding:4px 12px;border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease}.timeframe-toggle button.active{background:var(--color-primary);color:#fff}.custom-date-inputs{display:flex;align-items:center;gap:var(--spacing-sm);background:#ffffff08;padding:var(--spacing-sm);border-radius:var(--radius-md)}.custom-date-inputs input[type=date]{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-primary);padding:4px;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:transform .2s ease}.result-item.clickable{cursor:pointer}.result-item.clickable:hover{transform:translate(-4px);border-color:var(--color-primary);background:#ffffff0d}.result-rank{font-size:var(--font-size-lg);font-weight:800;color:var(--color-accent);opacity:.5;min-width:2rem}.result-info{flex:1;display:flex;flex-direction:column;gap:2px}.result-date{font-weight:600;color:var(--color-text-primary)}.result-count,.result-match{font-size:var(--font-size-xs);color:var(--color-text-muted)}.friend-selector{display:flex;flex-direction:column;gap:var(--spacing-sm)}.selector-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.friend-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.friend-chip{padding:4px 12px;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);cursor:pointer;transition:all .2s ease}.friend-chip:hover{border-color:var(--color-primary)}.friend-chip.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.empty-text,.empty-state{text-align:center;padding:var(--spacing-lg);color:var(--color-text-muted);font-style:italic}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.date-modal{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:0;max-width:400px;width:100%;max-height:80vh;overflow-y:auto;border:1px solid var(--color-border)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.close-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-full);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.date-modal h3{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.date-details{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.detail-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.detail-title{font-weight:600;font-size:var(--font-size-sm)}.detail-title.away{color:var(--color-away)}.user-capsule{padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.user-capsule.home{background:#00d26a33;color:var(--color-home);border:1px solid var(--color-home)}.user-capsule.maybe{background:#ffc10733;color:var(--color-maybe);border:1px solid var(--color-maybe)}.user-capsule.away{background:#ff475733;color:var(--color-away);border:1px solid var(--color-away)}.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:0 0 15px var(--color-accent-glow);border:1px solid rgba(255,255,255,.1)}.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:#ef44441a;color:#ef4444;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:#ff4757;border-color:#ff4757}.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:#ffffff0d}.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:#0003;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-primary);background:#0096ff1a;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:#6366f166!important;box-shadow:inset 0 0 0 2px var(--color-accent)}.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)}.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:#6366f126;box-shadow:0 0 15px #6366f166}.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-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:#000000b3;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-primary);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 #0096ff66}.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-primary);filter:drop-shadow(0 0 2px rgba(0,150,255,.4))}.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-primary);color:var(--color-primary);background:#0096ff1a}.submit-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);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}.settings-page{padding:var(--spacing-md);padding-bottom:calc(var(--bottom-nav-height) + var(--spacing-md));max-width:600px;margin:0 auto}.settings-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.settings-header h1{font-size:var(--font-size-2xl);font-weight:700}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-bg-secondary);transition:background .2s}.back-btn:hover{background:var(--color-bg-elevated)}.settings-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-section{padding:var(--spacing-lg);border-radius:var(--radius-lg)}.settings-section h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);color:var(--color-accent)}.section-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;cursor:pointer}.setting-info{display:flex;align-items:center;gap:var(--spacing-md)}.setting-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-accent)}.setting-text{display:flex;flex-direction:column}.setting-label{font-weight:600;font-size:var(--font-size-base)}.setting-description{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.toggle-switch{width:50px;height:26px;background:var(--color-bg-elevated);border-radius:var(--radius-full);position:relative;transition:background .3s;border:1px solid var(--color-border)}.toggle-switch.active{background:var(--color-accent)}.toggle-handle{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;right:2px;transition:transform .3s}.toggle-switch.active .toggle-handle{transform:translate(-24px)}.status-toggle-group{display:flex;gap:var(--spacing-md)}.status-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);transition:all .2s;font-weight:600}.status-toggle-btn.home.active{background:var(--color-home-glow);border-color:var(--color-home);color:var(--color-home)}.status-toggle-btn.away.active{background:var(--color-away-glow);border-color:var(--color-away);color:var(--color-away)}.profile-readonly{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.profile-avatar{width:60px;height:60px;background:var(--color-accent);color:#fff;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.profile-info{display:flex;flex-direction:column}.profile-name{font-size:var(--font-size-lg);font-weight:700}.profile-status{font-size:var(--font-size-xs);color:var(--color-home)}.readonly-note{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic;text-align:center;margin-bottom:var(--spacing-md)}.logout-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-away);color:var(--color-away);border-radius:var(--radius-md);font-weight:700;transition:all .2s;margin-top:var(--spacing-md)}.logout-button:hover{background:var(--color-away-glow)}.security-item{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.security-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.security-item-header{margin-bottom:var(--spacing-md)}.security-item-info{display:flex;align-items:flex-start;gap:var(--spacing-md)}.security-icon{color:var(--color-accent);flex-shrink:0;margin-top:2px}.security-label{display:block;font-weight:600;font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.security-description{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.login-link-display{display:flex;gap:var(--spacing-sm);align-items:center}.login-link-input{flex:1;padding:var(--spacing-sm) 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-sm);text-align:right;direction:ltr;font-family:monospace;overflow:hidden;text-overflow:ellipsis}.copy-button{padding:var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.copy-button:hover{background:var(--color-bg-elevated);border-color:var(--color-accent)}.generate-link-btn,.security-action-btn{width:100%;padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-weight:600;cursor:pointer;transition:all .2s}.generate-link-btn:hover:not(:disabled),.security-action-btn:hover:not(:disabled){background:var(--color-bg-elevated);border-color:var(--color-accent)}.generate-link-btn:disabled,.security-action-btn:disabled{opacity:.6;cursor:not-allowed}.password-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{position:relative;display:flex;align-items:center}.form-group .form-input{width:100%;padding:var(--spacing-md);padding-right:3rem;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-group .form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 10px var(--color-accent-glow)}.password-toggle-btn{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}.password-toggle-btn:hover{color:var(--color-text-primary)}.form-actions{display:flex;gap:var(--spacing-sm)}.save-btn{flex:1;padding:var(--spacing-md);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 15px var(--color-accent-glow)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{flex:1;padding:var(--spacing-md);background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.otp-display{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.otp-code{font-size:var(--font-size-2xl);font-weight:700;font-family:Courier New,monospace;letter-spacing:.2em;text-align:center;color:var(--color-accent);padding:var(--spacing-md);background:var(--color-bg-elevated);border-radius:var(--radius-md)}.otp-info{text-align:center}.otp-timer{font-size:var(--font-size-lg);font-weight:600;color:var(--color-accent);margin-bottom:var(--spacing-xs)}.otp-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.copy-otp-btn{width:100%;padding:var(--spacing-md);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all .2s}.copy-otp-btn:hover{transform:translateY(-2px);box-shadow:0 0 15px var(--color-accent-glow)}