.pwa-install-prompt{position:fixed;bottom:20px;left:20px;right:20px;z-index:1000;background:linear-gradient(135deg,#1a365d,#2d5a87);border-radius:16px;box-shadow:0 8px 32px #0000004d;color:#fff;animation:slideUp .3s ease-out;max-width:400px;margin:0 auto}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-install-content{padding:20px;display:flex;align-items:center;gap:16px}.pwa-install-icon{flex-shrink:0}.pwa-install-icon img{width:48px;height:48px;border-radius:12px;object-fit:cover}.pwa-install-text{flex:1;min-width:0}.pwa-install-text h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#fff}.pwa-install-text p{margin:0 0 12px;font-size:14px;color:#ffffffe6;line-height:1.4}.pwa-install-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.pwa-install-benefits span{font-size:12px;color:#fffc;background:#ffffff1a;padding:4px 8px;border-radius:8px;white-space:nowrap}.pwa-install-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.pwa-install-btn{padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.pwa-install-btn.primary{background:#fff;color:#1a365d}.pwa-install-btn.primary:hover{background:#ffffffe6;transform:translateY(-1px)}.pwa-install-btn.secondary{background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.3)}.pwa-install-btn.secondary:hover{background:#ffffff1a;color:#fff}@media (min-width: 769px){.pwa-install-prompt{display:none}}@media (max-width: 480px){.pwa-install-prompt{left:16px;right:16px;bottom:16px}.pwa-install-content{padding:16px;flex-direction:column;text-align:center}.pwa-install-actions{flex-direction:row;justify-content:center;width:100%}.pwa-install-btn{flex:1}}[dir=rtl] .pwa-install-content{text-align:right}[dir=rtl] .pwa-install-benefits{justify-content:flex-end}.offline-indicator{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1001;padding:12px 20px;border-radius:24px;font-size:14px;font-weight:500;box-shadow:0 4px 16px #0003;animation:slideDown .3s ease-out;max-width:90vw;text-align:center}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.offline-indicator.offline{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}.offline-indicator.online{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.offline-content{display:flex;align-items:center;justify-content:center;gap:8px}.offline-icon{font-size:16px}.offline-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 480px){.offline-indicator{top:10px;left:10px;right:10px;transform:none;max-width:none}.offline-text{font-size:13px}}[dir=rtl] .offline-content{flex-direction:row-reverse}.mobile-install-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;background:linear-gradient(135deg,#818cf8,#a78bfa,#c4b5fd);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .5s ease;overflow-y:auto}.mobile-install-fullscreen.visible{opacity:1}.install-content{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:stretch;gap:32px;transform:translateY(20px);opacity:0;animation:slideInUp .6s ease .3s forwards}@keyframes slideInUp{to{transform:translateY(0);opacity:1}}.install-language-selector{position:absolute;top:45px;left:20px;z-index:10;animation:fadeIn .8s ease .3s backwards}[dir=rtl] .install-language-selector{left:auto;right:20px}.language-selector-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fffffff2;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;font-size:14px;font-weight:600;color:#1f2937}.language-selector-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.language-name{font-size:14px}.language-menu{position:fixed;top:100px;left:20px;right:20px;max-width:300px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0003;overflow:hidden;animation:slideDown .3s ease;z-index:1000}[dir=rtl] .language-menu{left:auto;right:20px}[dir=ltr] .language-menu{left:20px;right:auto}.language-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:#fff;cursor:pointer;transition:background .2s ease;font-size:14px;color:#1f2937;text-align:left}.language-menu-item:hover{background:#f3f4f6}.language-menu-item.active{background:#eef2ff;font-weight:600}.language-check{margin-left:auto;color:#4f46e5;font-weight:700}.install-logo-container{text-align:center;animation:fadeIn .8s ease .5s backwards;width:100%}.install-logo-image{width:120px;height:120px;margin-bottom:20px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.install-brand{font-size:42px;font-weight:900;color:#fff;margin:0 0 8px;letter-spacing:2px;text-shadow:0 4px 12px rgba(0,0,0,.3)}.install-tagline{font-size:16px;color:#fffffff2;margin:0;font-weight:500}.install-message{text-align:center;animation:fadeIn .8s ease .7s backwards;width:100%}.install-title{font-size:28px;font-weight:700;color:#fff;margin:0 0 12px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.install-description{font-size:16px;color:#fffffff2;margin:0;line-height:1.6}.install-buttons{width:100%;display:flex;flex-direction:column;gap:16px;animation:fadeIn .8s ease .9s backwards}.install-store-button{width:100%;display:flex;align-items:center;gap:16px;padding:16px 24px;border:none;border-radius:16px;background:#fffffff2;color:#000;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #0003}.install-store-button:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000004d;background:#fff}.install-store-button:active{transform:translateY(-2px)}.store-button-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.store-button-icon svg{width:100%;height:100%}.install-store-button.app-store .store-button-icon{color:#000}.install-store-button.play-store .store-button-icon{color:#3bccff}.store-button-text{display:flex;flex-direction:column;align-items:center;flex:1;text-align:center}.store-button-subtitle{font-size:12px;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.5px}.store-button-title{font-size:20px;font-weight:700;color:#000}.install-coach-message{width:100%;text-align:center;animation:fadeIn .8s ease 1.1s backwards}.coach-message-divider{position:relative;margin:24px 0;height:1px;background:#ffffff4d}.coach-message-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 20px;color:#fff;font-weight:700;font-size:14px;border-radius:20px;border:1px solid rgba(255,255,255,.2)}.coach-message-text{color:#fffffff2;font-size:18px;line-height:1.8;margin:0;font-weight:600}.install-footer{text-align:center;margin-top:20px;animation:fadeIn .8s ease 1.3s backwards;width:100%}.install-footer p{color:#fffc;font-size:14px;margin:0}@media (max-width: 480px){.install-logo-image{width:100px;height:100px}.install-brand{font-size:36px}.install-title{font-size:24px}.install-description{font-size:15px}.store-button-title{font-size:18px}.coach-message-text{font-size:15px}}@media (max-height: 700px){.install-content{gap:24px}.install-logo-image{width:90px;height:90px;margin-bottom:12px}.install-brand{font-size:32px}}:root,:root[data-theme=dark]{--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--secondary: #06b6d4;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--danger: #dc2626;--bg-primary: #0f0f23;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-card: #1e293b;--bg-glass: rgba(30, 41, 59, .8);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-disabled: #64748b;--border-primary: #334155;--border-secondary: #475569;--border-accent: #6366f1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-bg: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%)}:root[data-theme=light]{--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--secondary: #06b6d4;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--danger: #dc2626;--bg-primary: #f5f7fa;--bg-secondary: #e8ecf0;--bg-tertiary: #d4dee8;--bg-card: #f9fafb;--bg-glass: rgba(249, 250, 251, .95);--text-primary: #1a202c;--text-secondary: #2d3748;--text-muted: #4a5568;--text-disabled: #718096;--border-primary: #cbd5e0;--border-secondary: #b8c4d4;--border-accent: #6366f1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(99, 102, 241, .2);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-bg: linear-gradient(135deg, #f5f7fa 0%, #e8ecf0 50%, #d4dee8 100%)}--font-family-sans: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif; --font-family-mono: "SF Mono", "Monaco", "Consolas", 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: 1.875rem; --font-size-4xl: 2.25rem; --font-size-5xl: 3rem; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --border-radius-sm: .375rem; --border-radius-md: .5rem; --border-radius-lg: .75rem; --border-radius-xl: 1rem; --border-radius-2xl: 1.5rem; --border-radius-full: 9999px; --border-width-0: 0; --border-width-1: 1px; --border-width-2: 2px; --border-width-4: 4px; --transition-fast: .15s ease-out; --transition-normal: .3s ease-out; --transition-slow: .5s ease-out; --transition-base: all .3s cubic-bezier(.4, 0, .2, 1); --z-base: 0; --z-dropdown: 10; --z-sticky: 20; --z-fixed: 30; --z-modal-backdrop: 40; --z-modal: 50; --z-popover: 60; --z-tooltip: 70; --z-toast: 80; --z-max: 9999; font-family: var(--font-family-sans); line-height: 1.6; font-weight: 400; color-scheme: dark; color: var(--text-primary); background: var(--gradient-bg); font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } :root[data-theme="light"] {color-scheme:light}.btn-secondary{background:transparent;color:var(--text-secondary);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-lg);padding:var(--space-3) var(--space-8);font-weight:var(--font-weight-medium);transition:var(--transition-base);cursor:pointer;font-size:var(--font-size-base);min-width:100px}.modal-header{padding:var(--space-10) var(--space-6) var(--space-6) var(--space-6);border-bottom:var(--border-width-1) solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;background:var(--gradient-primary);color:#fff}.app{width:100%;height:100vh;margin:0;padding:0;overflow:hidden}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-4);animation:modalFadeIn var(--transition-normal) ease-out}.modal-overlay:has(.modal-fullscreen),.modal-overlay-fullscreen{padding:0;background:#000000f2;z-index:9999}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--bg-card);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;overflow:hidden;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);font-family:var(--font-family-sans);position:relative;display:flex;flex-direction:column}.modal-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);border-radius:var(--border-radius-2xl) var(--border-radius-2xl) 0 0}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1200px}.modal-fullscreen{max-width:100vw;max-height:100vh;height:100vh;width:100vw;margin:0;border-radius:0;z-index:9999}.modal-fullscreen:before{border-radius:0}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:var(--border-width-1) solid var(--border-primary);background:var(--bg-glass);flex-shrink:0;position:relative;width:100%}.modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;letter-spacing:-.02em;text-align:center;flex:1;padding-left:88px;padding-right:88px}.modal-close-button{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;font-size:var(--font-size-3xl);color:var(--text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--border-radius-lg);transition:var(--transition-base);width:44px;height:44px;display:flex;align-items:center;justify-content:center;line-height:1;z-index:10;flex-shrink:0}[dir=rtl] .modal-action-button{left:var(--space-6)}[dir=ltr] .modal-action-button{right:var(--space-6)}.modal-action-button{position:absolute;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);cursor:pointer;padding:var(--space-2);border-radius:var(--border-radius-lg);transition:var(--transition-base);width:44px;height:44px;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 2px 8px #10b9814d;z-index:10}.modal-action-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px #10b98166}.modal-action-button:active:not(:disabled){transform:translateY(-50%) scale(.95)}.modal-action-button:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:translateY(-50%)}.modal-close-button:hover{background:var(--bg-tertiary);color:var(--text-secondary);transform:translateY(-50%) scale(1.1)}.modal-close-button:active{transform:translateY(-50%) scale(.95)}[dir=rtl] .modal-close-button{right:var(--space-6)}[dir=ltr] .modal-close-button{left:var(--space-6)}.modal-logout-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.modal-logout-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px #ef444466}.modal-logout-button:active{transform:translateY(-50%) scale(.95)}.modal-content{padding:var(--space-6);overflow-y:auto;flex:1;text-align:right}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:var(--space-4) var(--space-6);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-family-sans);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-secondary{background:transparent;color:var(--text-secondary);border:var(--border-width-1) solid var(--border-primary);padding:var(--space-4) var(--space-6);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-family-sans)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-accent);color:var(--text-primary);transform:translateY(-1px)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-success{background:var(--gradient-success);color:#fff;border:none;padding:var(--space-4) var(--space-6);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-family-sans);box-shadow:var(--shadow-md)}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.btn-warning{background:var(--gradient-warning);color:#fff;border:none;padding:var(--space-4) var(--space-6);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-family-sans);box-shadow:var(--shadow-md)}.btn-warning:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b66}.btn-sm{padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-5) var(--space-8);font-size:var(--font-size-lg)}.btn-icon{font-size:var(--font-size-lg)}.button-group{display:flex;gap:var(--space-3);align-items:center;margin-top:var(--space-6)}.button-group.justify-end{justify-content:flex-end}.button-group.justify-between{justify-content:space-between}@media (max-width: 768px){.modal-overlay{padding:var(--space-2)}.modal-container{margin:0;border-radius:var(--border-radius-xl);max-height:95vh}.modal-header,.modal-content{padding:var(--space-4)}.modal-title{font-size:var(--font-size-xl)}.modal-icon{font-size:var(--font-size-2xl)}}@media (max-width: 480px){.modal-overlay{align-items:flex-end;padding:0}.modal-container{border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;max-height:90vh}.button-group{flex-direction:column-reverse;gap:var(--space-2)}.button-group button{width:100%;justify-content:center}}.phone-input-container{display:flex;flex-direction:row;gap:0;width:100%;border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-xl);background:var(--bg-tertiary);transition:var(--transition-base);overflow:hidden}.country-select{width:100%;padding:var(--space-4) var(--space-6) var(--space-4) var(--space-2);border:none;background:transparent;font-size:var(--font-size-sm);font-family:var(--font-family-sans);color:var(--text-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-2) center;background-repeat:no-repeat;background-size:12px;outline:none;text-align:center!important}.country-select:disabled{opacity:.6;cursor:not-allowed}.phone-input{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;transform:none!important;padding:var(--space-4) var(--space-12) var(--space-4) var(--space-4)!important;text-align:center!important;width:100%;font-size:var(--font-size-base);font-family:var(--font-family-sans);color:var(--text-primary);outline:none}.phone-input:disabled{opacity:.6;cursor:not-allowed}.phone-input::placeholder{color:var(--text-disabled)}.input-icon{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);font-size:var(--font-size-lg);color:var(--text-secondary);opacity:.7;pointer-events:none}@media (max-width: 768px){.country-selector{flex:0 0 100px}.country-select{font-size:var(--font-size-xs);padding:var(--space-3) var(--space-5) var(--space-3) var(--space-1)}.phone-input{padding:var(--space-3) var(--space-10) var(--space-3) var(--space-3)!important}.input-icon{right:var(--space-3);font-size:var(--font-size-base)}}@media (max-width: 480px){.country-selector{flex:0 0 85px}.country-select{font-size:var(--font-size-xs);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-1)}.phone-input{padding:var(--space-3) var(--space-8) var(--space-3) var(--space-3)!important}}.success-message{margin:0 0 var(--space-4) 0;padding:var(--space-4);background:#22c55e1a;color:var(--success);border-radius:var(--border-radius-lg);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--space-2);animation:slideIn .3s ease-out;border:var(--border-width-1) solid rgba(34,197,94,.2)}.success-icon{font-size:var(--font-size-lg)}.profile-form{display:flex;flex-direction:column;gap:var(--space-6);text-align:right}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-2);text-align:right}.form-note{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-1);padding:var(--space-2);background:#6366f10d;border-radius:var(--border-radius-md);border:1px solid rgba(99,102,241,.1);line-height:1.4}.input-group{position:relative;display:flex;align-items:center;width:100%}.profile-modal .input-icon{position:absolute;top:50%;transform:translateY(-50%);font-size:var(--font-size-lg);z-index:2;pointer-events:none;color:var(--text-secondary);opacity:.8}[dir=rtl] .profile-modal .input-icon{right:var(--space-4);left:auto}[dir=ltr] .profile-modal .input-icon{left:var(--space-4);right:auto}.profile-modal .phone-number-input .input-icon{right:var(--space-4);left:auto}.modal-input{width:100%;padding:var(--space-4);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-xl);font-size:var(--font-size-base);background:var(--bg-tertiary);transition:var(--transition-base);outline:none;font-family:var(--font-family-sans);box-sizing:border-box;color:var(--text-primary)}[dir=rtl] .modal-input{text-align:right;padding-right:var(--space-16)}[dir=ltr] .modal-input{text-align:left;padding-left:var(--space-16)}.modal-input:focus{border-color:var(--border-accent);background:var(--bg-card);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.modal-input::placeholder{color:var(--text-disabled)}.phone-input-container{display:flex;gap:0;width:100%;border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-xl);background:var(--bg-tertiary);transition:var(--transition-base);overflow:hidden}.phone-input-container:focus-within{border-color:var(--border-accent);background:var(--bg-card);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.country-selector{flex:0 0 120px;border-right:var(--border-width-1) solid var(--border-primary);background:var(--bg-secondary)}.country-select{width:100%;padding:var(--space-4) var(--space-6) var(--space-4) var(--space-2);border:none;background:transparent;font-size:var(--font-size-sm);font-family:var(--font-family-sans);color:var(--text-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-2) center;background-repeat:no-repeat;background-size:12px;outline:none;text-align:left}.country-select:focus{background-color:var(--bg-tertiary)}.phone-number-input{flex:1;position:relative;display:flex;align-items:center}.phone-input{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;transform:none!important;padding:var(--space-4) var(--space-12) var(--space-4) var(--space-4)!important;text-align:right!important}.phone-input:focus{border:none!important;background:transparent!important;box-shadow:none!important;transform:none!important}.readonly-field{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--border-radius-xl);border:var(--border-width-1) solid var(--border-primary)}.field-icon{font-size:var(--font-size-xl);color:var(--text-secondary);opacity:.7;flex-shrink:0}.field-content{flex:1;text-align:right}.field-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.field-value{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.error-message{padding:var(--space-4);background:#ef44441a;color:var(--error);border-radius:var(--border-radius-lg);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--space-2);animation:shake .5s ease-in-out;border:var(--border-width-1) solid rgba(239,68,68,.2);margin-top:var(--space-2)}.loading-spinner.small{width:16px;height:16px;border-width:2px}@media (max-width: 768px){.country-selector{flex:0 0 100px}.country-select{font-size:var(--font-size-xs);padding:var(--space-3) var(--space-5) var(--space-3) var(--space-1)}.form-group{gap:var(--space-3)}.modal-input{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10)}.phone-input{padding:var(--space-3) var(--space-10) var(--space-3) var(--space-3)!important}.profile-modal .input-icon{left:var(--space-3);font-size:var(--font-size-base)}}@media (max-width: 480px){.profile-form{gap:var(--space-4)}.readonly-field{padding:var(--space-3)}.modal-input{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-8)}.country-selector{flex:0 0 85px}.country-select{font-size:var(--font-size-xs);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-1)}.phone-input{padding:var(--space-3) var(--space-8) var(--space-3) var(--space-3)!important}}.settings-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal-backdrop);padding:var(--space-5)}.settings-modal{background:var(--bg-card);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-xl);max-width:420px;width:100%;max-height:90vh;overflow:hidden;animation:modalSlideIn var(--transition-normal) ease-out;font-family:var(--font-family-sans);position:relative}.settings-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);border-radius:var(--border-radius-2xl) var(--border-radius-2xl) 0 0}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-header{display:flex;justify-content:center;align-items:center;padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:var(--border-width-1) solid var(--border-primary);position:relative}.settings-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;text-align:center}.close-button{background:none;border:none;font-size:var(--font-size-xl);color:var(--text-muted);cursor:pointer;padding:var(--space-2);transition:var(--transition-base);width:36px;height:36px;display:flex;align-items:center;justify-content:center;position:absolute}[dir=rtl] .close-button{right:var(--space-6)}[dir=ltr] .close-button{left:var(--space-6)}.close-button:hover{color:var(--text-secondary);transform:scale(1.1)}.settings-content{padding:var(--space-4) var(--space-6) var(--space-6)}.settings-section{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:var(--border-width-1) solid var(--border-primary)}.settings-item{display:flex;align-items:center;gap:var(--space-3)}[dir=rtl] .settings-item{flex-direction:row-reverse;justify-content:flex-end}[dir=ltr] .settings-item{flex-direction:row;justify-content:flex-start}.settings-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap}.settings-options{display:flex;flex-direction:column;gap:var(--space-2)}.settings-option{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:none;border:none;border-radius:var(--border-radius-lg);cursor:pointer;transition:var(--transition-base);width:100%;font-family:var(--font-family-sans)}[dir=rtl] .settings-option{text-align:right}[dir=ltr] .settings-option{text-align:left;flex-direction:row-reverse}.settings-option:hover{background:var(--bg-tertiary);transform:translate(-2px)}.settings-option.danger:hover{background:#ef44441a}.option-icon{font-size:var(--font-size-xl);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--border-radius-lg);flex-shrink:0;transition:var(--transition-base)}.settings-option.danger .option-icon{background:#ef44441a}.settings-option:hover .option-icon{transform:scale(1.05)}.option-content{flex:1}[dir=rtl] .option-content{text-align:right}[dir=ltr] .option-content{text-align:left}.option-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.settings-option.danger .option-title{color:var(--error)}.settings-option.danger .option-description{color:var(--danger)}.option-arrow{font-size:16px;color:#a0aec0;flex-shrink:0}.settings-option.danger .option-arrow{color:#fc8181}.settings-option.critical{border:1px solid rgba(220,38,38,.2)}.settings-option.critical:hover{background:#dc26260d;border-color:#dc26264d}.settings-option.critical .option-icon{background:#dc26261a}.settings-option.critical .option-title{color:var(--error)}.settings-option.critical .option-description{color:#dc2626}.cancel-button{flex:1;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);cursor:pointer;transition:var(--transition-base)}.cancel-button:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.confirm-delete-button{flex:1;padding:var(--space-3) var(--space-4);background:#dc2626;border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:#fff;cursor:pointer;transition:var(--transition-base)}.confirm-delete-button:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}@media (max-width: 480px){.settings-modal{margin:0;border-radius:20px 20px 0 0;max-height:80vh}.settings-modal-overlay{align-items:flex-end;padding:0}.delete-confirm-dialog{padding:var(--space-6)}.delete-confirm-buttons{flex-direction:column}.cancel-button,.confirm-delete-button{width:100%}}.theme-toggle{display:flex;gap:var(--space-2);width:100%}.theme-btn{flex:1;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px}.theme-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-accent);transform:translateY(-2px);color:var(--text-primary)}.theme-btn.active{background:var(--gradient-primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.theme-btn:disabled{opacity:.6;cursor:not-allowed}.settings-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.settings-label-inline{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap}.delete-account-section{padding:var(--space-4) 0 var(--space-6);margin-top:var(--space-6)}.delete-account-btn{width:100%;padding:var(--space-2) var(--space-3);background:#dc26260d;border:1px solid rgba(220,38,38,.2);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--error);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.delete-account-btn:hover{background:#dc26261a;border-color:#dc26264d;transform:translateY(-1px)}.delete-account-btn:active{transform:translateY(0)}.version-info{text-align:center;font-size:11px;color:#80808080;padding:var(--space-3) 0 var(--space-2);margin-top:var(--space-3);-webkit-user-select:none;user-select:none;font-family:var(--font-family-mono);letter-spacing:.5px;font-weight:400}.loading-spinner-container{display:flex;justify-content:center;align-items:center;padding:40px 20px;min-height:200px}.loading-spinner-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);z-index:9998}.loading-spinner-content{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-spinner{display:inline-block;position:relative}.loading-spinner.small{width:40px;height:40px}.loading-spinner.medium{width:64px;height:64px}.loading-spinner.large{width:80px;height:80px}.spinner-ring{display:inline-block;position:relative;width:100%;height:100%}.spinner-ring div{box-sizing:border-box;display:block;position:absolute;width:100%;height:100%;border:3px solid transparent;border-radius:50%;animation:spinner-ring 1.2s cubic-bezier(.5,0,.5,1) infinite}.loading-spinner-fullscreen .spinner-ring div{border-color:#ffffff4d;border-top-color:#fff}.loading-spinner-container .spinner-ring div{border-color:#667eea4d;border-top-color:#667eea}.spinner-ring div:nth-child(1){animation-delay:-.45s}.spinner-ring div:nth-child(2){animation-delay:-.3s}.spinner-ring div:nth-child(3){animation-delay:-.15s}@keyframes spinner-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{margin:0;font-size:16px;font-weight:500;text-align:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.loading-spinner-container .loading-message{color:#667eea;text-shadow:none}.loading-spinner-fullscreen{animation:fadeIn .3s ease-out}.loading-spinner-content{animation:slideUp .4s ease-out}@media (max-width: 768px){.loading-spinner.large{width:64px;height:64px}.loading-message{font-size:14px}}.action-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-primary);background:transparent;color:var(--text-secondary);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-xl);transition:all var(--transition-normal);flex-shrink:0}.action-btn:hover:not(.disabled):not(:disabled){background:var(--bg-secondary);border-color:var(--border-accent);color:var(--text-primary);transform:translateY(-2px)}.action-btn:active:not(.disabled):not(:disabled){background:var(--bg-tertiary);transform:translateY(0)}.action-btn.success{background:var(--success);border-color:var(--success);color:#fff}.action-btn.success:hover:not(.disabled){background:#0ea572;border-color:#0ea572;cursor:default;transform:none}.action-btn.danger{color:var(--danger, #ef4444)}.action-btn.danger:hover:not(.disabled){background:#ef44441a;border-color:var(--danger, #ef4444);color:var(--danger, #ef4444)}.action-btn.disabled,.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-btn.btn-margin-right{margin-right:8px}@media (max-width: 768px){.action-btn{width:32px;height:32px;font-size:var(--font-size-base)}}.flat-exercise-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-primary);border-bottom:var(--border-width-1) solid var(--border-secondary);transition:background .15s ease,border-bottom-color .15s ease;gap:var(--space-3);position:relative;overflow:hidden;cursor:pointer;width:100%;box-sizing:border-box}.flat-exercise-card:hover{background:var(--bg-hover);border-bottom-color:#667eea33}.flat-exercise-card:active{background:var(--bg-secondary)}.flat-exercise-card:last-child{border-bottom:none}.flat-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.flat-card-name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;position:relative}.flat-card-muscle-group{font-size:var(--font-size-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-medium);opacity:.7;letter-spacing:.02em;text-transform:uppercase}.flat-card-buttons{display:flex;gap:var(--space-2);flex-shrink:0}[dir=rtl] .flat-card-buttons{flex-direction:row-reverse}[dir=rtl] .flat-card-content{text-align:right}[dir=ltr] .flat-card-content{text-align:left}@media (max-width: 768px){.flat-exercise-card{padding:var(--space-2) var(--space-3)}.flat-card-name{font-size:var(--font-size-sm)}.flat-card-muscle-group{font-size:var(--font-size-xs)}}.flat-exercise-list{border:1px solid var(--border-secondary);border-radius:16px;background:var(--bg-primary);overflow:hidden;position:relative;width:100%;box-sizing:border-box}.flat-exercise-list .flat-exercise-card:first-child{border-top-left-radius:var(--border-radius-xl);border-top-right-radius:var(--border-radius-xl)}.flat-exercise-list .flat-exercise-card:last-child{border-bottom-left-radius:var(--border-radius-xl);border-bottom-right-radius:var(--border-radius-xl)}.exercise-info-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.exercise-info-modal{background:var(--bg-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.exercise-info-header{position:sticky;top:0;background:var(--bg-primary);border-bottom:var(--border-width-1) solid var(--border-secondary);padding:var(--space-4);display:flex;justify-content:space-between;align-items:center;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.exercise-info-header h2{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.exercise-info-close-btn{background:none;border:none;font-size:var(--font-size-2xl);color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--border-radius-md);transition:var(--transition-base);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.exercise-info-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.exercise-info-name{padding:var(--space-4) var(--space-4) var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);border-bottom:var(--border-width-2) solid var(--primary-color);margin:0 var(--space-4)}.exercise-info-content{padding:var(--space-4)}.info-section{margin-bottom:var(--space-4)}.info-section:last-child{margin-bottom:0}.info-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:var(--font-size-base);color:var(--text-primary);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border-radius:var(--border-radius-md);border:var(--border-width-1) solid var(--border-secondary)}.info-description{font-size:var(--font-size-base);color:var(--text-primary);line-height:1.6;white-space:pre-wrap;padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--border-radius-md);border:var(--border-width-1) solid var(--border-secondary)}.video-container-modal{position:relative;width:100%;padding-bottom:56.25%;border-radius:var(--border-radius-lg);overflow:hidden;background:var(--bg-tertiary);box-shadow:var(--shadow-md)}.video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.ios-video-button{background:var(--gradient-danger);color:var(--text-primary);border:none;border-radius:12px;padding:16px 48px;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #ef444466;transition:all .3s ease;min-width:200px}.ios-video-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444480}.ios-video-button:active{transform:translateY(0)}@media (max-width: 768px){.exercise-info-overlay{padding:var(--space-2)}.exercise-info-modal{max-height:95vh}.exercise-info-header{padding:var(--space-3)}.exercise-info-name{padding:var(--space-3) var(--space-3) var(--space-2);font-size:var(--font-size-lg)}.exercise-info-content{padding:var(--space-3)}}.admin-exercise-bank-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f0f23cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.admin-exercise-bank-modal{background:var(--bg-card);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-2xl);width:100%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-8);background:var(--gradient-primary);color:var(--text-primary);border-bottom:var(--border-width-1) solid var(--border-primary)}.close-button{background:#ffffff1a;border:var(--border-width-1) solid rgba(255,255,255,.2);border-radius:var(--border-radius-lg);width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);color:#fff;cursor:pointer;transition:var(--transition-base);position:absolute;top:var(--space-6);left:var(--space-6);z-index:10}.search-section{padding:var(--space-6) var(--space-8);margin-bottom:0;border-bottom:var(--border-width-1) solid var(--border-primary);background:var(--bg-secondary)}.search-filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-input{flex:1;min-width:200px;padding:var(--space-4) var(--space-4);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-xl);font-size:var(--font-size-base);transition:var(--transition-base);background:var(--bg-tertiary);color:var(--text-primary);font-family:var(--font-family-sans)}.search-input:focus{outline:none;border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.muscle-group-filter{min-width:200px;flex-shrink:0}.exercise-name-filter{min-width:200px;flex-shrink:0}.exercise-name-select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);background:var(--bg-card);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.exercise-name-select:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 2px var(--primary-100)}.exercise-name-select:hover{border-color:var(--border-secondary)}.clear-filters-btn{background:var(--color-danger);color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:var(--transition-base);flex-shrink:0}.clear-filters-btn:hover{background:var(--color-danger-dark);transform:scale(1.1)}.search-input::placeholder{color:var(--text-disabled)}.exercises-content{flex:1;overflow-y:auto;padding:var(--space-8);padding-top:calc(var(--space-8) + var(--space-6));background:var(--bg-primary)}.exercises-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-3)}@media (min-width: 1024px){.exercises-content .exercises-grid{max-width:60%;margin-left:auto;margin-right:auto;grid-template-columns:1fr}}.exercises-grid .card{min-height:120px;cursor:pointer}.exercises-grid .card-expanded{min-height:auto}.card-header{display:flex;align-items:center;gap:var(--space-2)}.card-header-content{flex:1;cursor:pointer;min-width:0}.copy-exercise-btn-compact,.card-action-button{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-md);padding:var(--space-2);cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;flex-shrink:0;gap:var(--space-1)}.exercise-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding:var(--space-4);border-radius:var(--border-radius-lg);transition:var(--transition-base)}.exercise-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:nowrap}.exercise-header.clickable:hover{background:var(--bg-tertiary)}.card-controls{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.expand-icon{font-size:var(--font-size-lg);transition:var(--transition-base);color:var(--text-secondary)}.admin-exercise-card.collapsed,.admin-exercise-card.expanded{padding:0}.exercise-details{padding:0 var(--space-4) var(--space-4);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:500px;padding-top:0;padding-bottom:var(--space-4)}}.admin-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:6px;white-space:nowrap;margin-left:8px;box-shadow:0 2px 4px #f59e0b33}.exercise-short{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin:0 0 var(--space-2) 0}.exercise-note{background:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:var(--space-4);margin:var(--space-3) 0;border-right:3px solid var(--accent-primary)}.exercise-note p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.exercise-link{margin:.75rem 0}.exercise-link a{color:var(--primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-base)}.exercise-link a:hover{color:var(--primary-light);text-decoration:underline}.exercise-actions{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width-1) solid var(--border-primary)}.copy-exercise-btn{background:var(--gradient-success);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:var(--space-2);justify-content:center;box-shadow:0 2px 4px #22c55e33;font-family:var(--font-family-sans)}.copy-exercise-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.copy-exercise-btn:disabled{opacity:.7;cursor:not-allowed}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.empty-state{text-align:center;padding:3rem 2rem;color:#6b7280}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;font-size:1.2rem;color:#374151}.empty-state p{margin:0;font-size:.9rem}@media (max-width: 768px){.admin-exercise-bank-overlay{padding:10px}.modal-header{padding:1.5rem}.modal-header h2{font-size:1.3rem}.search-section{padding:1rem 1.5rem}.search-filters{flex-direction:column;align-items:stretch;gap:.75rem}.search-input,.muscle-group-filter{min-width:unset;width:100%}.clear-filters-btn{align-self:center}.exercises-content{padding:1.5rem}.exercises-grid{grid-template-columns:1fr;gap:1rem}.admin-exercise-card{padding:1.25rem}.exercise-header{flex-direction:column;gap:.5rem}.admin-badge{align-self:flex-start}}.copy-exercise-btn.copied{background:var(--gradient-success);color:#fff;cursor:default;opacity:.8}.copy-exercise-btn.copied:hover{transform:none;box-shadow:0 2px 4px #22c55e33}.copy-exercise-btn-compact{background:var(--gradient-success);color:#fff;border:none;padding:var(--space-2) var(--space-3);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-1);min-width:70px;height:36px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.copy-exercise-btn-compact:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.copy-exercise-btn-compact:disabled{opacity:.7;cursor:not-allowed;transform:none}.copy-exercise-btn-compact.copied{background:var(--bg-secondary, #64748b);color:#fff;cursor:not-allowed;opacity:.9;border:1px solid var(--border-secondary, #94a3b8)}.copy-exercise-btn-compact.copied:hover{transform:none;box-shadow:none;background:var(--bg-secondary, #64748b);color:#fff}.exercise-edit-form{display:flex;flex-direction:column;gap:1rem}.exercise-edit-form .form-group{display:flex;flex-direction:column;gap:.5rem}.exercise-edit-form label{font-weight:600;color:var(--text-primary);font-size:.9rem}.exercise-edit-form input,.exercise-edit-form textarea{padding:.75rem;border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);font-size:1rem;transition:var(--transition-base);background:var(--bg-tertiary);color:var(--text-primary)}.exercise-edit-form input:focus,.exercise-edit-form textarea:focus{outline:none;border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.exercise-edit-form textarea{resize:vertical;min-height:80px;font-family:inherit;background:var(--bg-tertiary, #f8fafc)!important;color:var(--text-primary, #1f2937)!important}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-primary)}.btn-secondary{padding:.75rem 1.5rem;background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);cursor:pointer;font-size:1rem;transition:var(--transition-base)}.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--text-secondary)}.btn-primary{padding:.75rem 1.5rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--border-radius-lg);cursor:pointer;font-size:1rem;font-weight:600;transition:var(--transition-base);display:flex;align-items:center;gap:.5rem}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.card-header-simple{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) 2px var(--space-4);padding-top:calc(var(--space-4) + 4px);cursor:pointer;transition:var(--transition-base);border-radius:var(--border-radius-lg)}.card-header-simple:hover{background:var(--bg-hover)}.expand-icon-left{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-md);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-base);font-size:var(--font-size-sm);color:var(--text-secondary);flex-shrink:0;order:1}.expand-icon-left:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-primary);transform:scale(1.05)}.card-title-simple{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);flex:1;text-align:right;line-height:1.3}.copy-exercise-btn-top-right{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-md);padding:var(--space-1) var(--space-2);cursor:pointer;transition:var(--transition-base);font-size:var(--font-size-xs);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:var(--space-1);z-index:10;box-shadow:var(--shadow-sm)}.copy-exercise-btn-top-right:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-primary);transform:scale(1.02);box-shadow:var(--shadow-md)}.copy-exercise-btn-top-right.copied{background:var(--color-success);color:#fff;border-color:var(--color-success)}.copy-exercise-btn-top-right:disabled{opacity:.7;cursor:not-allowed;transform:none}.exercises-grid .card{position:relative;min-height:50px;margin-bottom:var(--space-2)}.card-content{padding:var(--space-3) var(--space-4) 2px var(--space-4);padding-right:var(--space-10)}.card{background:var(--bg-card);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-md);transition:var(--transition-base);animation:slideInUp .3s ease;position:relative;overflow:hidden;font-family:var(--font-family-sans)}.card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.card-hoverable:hover:before{opacity:1}.card-hoverable:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border-accent)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border-accent)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);gap:var(--space-3)}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;letter-spacing:-.01em}.card-subtitle{display:inline-flex;align-items:center;background:var(--gradient-primary);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3);border-radius:50px;white-space:nowrap;box-shadow:var(--shadow-sm);line-height:1.2;margin:0}.card-actions{display:flex;gap:var(--space-2);align-items:center}.card-action-button{background:none;border:none;padding:var(--space-2);border-radius:var(--border-radius-lg);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);width:40px;height:40px}.card-action-button:hover{background:var(--bg-tertiary);transform:scale(1.1)}.card-content{color:var(--text-secondary);line-height:1.6}.card-content p{margin:0 0 var(--space-4) 0}.card-content p:last-child{margin-bottom:0}.card-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:var(--border-width-1) solid var(--border-primary);display:flex;justify-content:space-between;align-items:center}.card-meta{color:var(--text-muted);font-size:var(--font-size-sm)}.card-stats{display:flex;gap:var(--space-6);margin-top:var(--space-4)}.card-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.card-stat-number{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--accent-primary);line-height:1}.card-stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium);margin-top:var(--space-1)}@media (max-width: 768px){.card{padding:var(--space-6)}.card-header{flex-direction:column;gap:var(--space-3)}.card-actions{align-self:flex-end}.card-stats{gap:var(--space-4)}}.exercise-management-content{font-family:var(--font-family-sans);padding-top:0}.exercise-tabs{display:flex;gap:var(--space-1);margin-bottom:0;border-bottom:2px solid var(--border-secondary);background:var(--bg-secondary);border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;padding:var(--space-2)}.tab-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;background:transparent;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative}.tab-button:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.tab-button.active{background:var(--bg-primary);color:var(--color-primary);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-semibold)}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-primary);border-radius:var(--border-radius-full)}.tab-icon{font-size:var(--font-size-lg);transition:transform var(--transition-base)}.tab-button.active .tab-icon{transform:scale(1.1)}.tab-text{white-space:nowrap}.my-exercises-tab,.bank-exercises-tab{padding:var(--space-4) 0}.management-actions{display:flex;gap:var(--space-3);justify-content:flex-start;margin-bottom:0;padding:var(--space-3) 0 var(--space-4) 0;border-bottom:var(--border-width-1) solid var(--border-primary);background:var(--bg-primary)}.add-button{background:var(--gradient-success);color:#fff;border:none;padding:var(--space-4) var(--space-6);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-md);font-family:var(--font-family-sans)}.add-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.add-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-bank-button{background:var(--gradient-warning);color:#fff;border:none;padding:var(--space-3) var(--space-5);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-md);font-family:var(--font-family-sans)}.admin-bank-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b66}.admin-bank-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-icon{font-size:var(--font-size-lg)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#fff}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-message{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #ef44444d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f0f23cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.exercise-form-modal{background:var(--bg-card);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-2xl);width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-8);background:var(--gradient-primary);border-bottom:var(--border-width-1) solid var(--border-primary)}.modal-header h2{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff}.close-button{background:#ffffff1a;border:var(--border-width-1) solid rgba(255,255,255,.2);font-size:var(--font-size-xl);cursor:pointer;color:#fff;padding:var(--space-3);border-radius:var(--border-radius-lg);transition:var(--transition-base);position:absolute;top:var(--space-6);right:var(--space-6);width:48px;height:48px;display:flex;align-items:center;justify-content:center;z-index:10}.close-button:hover{background:#fff3;transform:scale(1.05);box-shadow:var(--shadow-md)}.exercise-form{padding:var(--space-8);background:var(--bg-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.form-group label{display:block;font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-2);font-size:var(--font-size-sm);text-align:right}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--space-4);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-xl);font-size:var(--font-size-base);transition:var(--transition-base);font-family:var(--font-family-sans);background:var(--bg-secondary);color:var(--text-primary);text-align:right}.form-group input::placeholder,.form-group textarea::placeholder,.form-group select option:first-child{color:var(--text-disabled)}.form-group textarea{resize:vertical;min-height:80px}.tags-input{border:2px solid #e2e8f0;border-radius:12px;padding:.5rem;transition:all .3s ease}.tags-input:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.tag.small{font-size:.75rem;padding:.2rem .6rem}.tag.equipment{background:linear-gradient(135deg,#10b981,#059669)}.tag button{background:none;border:none;color:#fff;cursor:pointer;padding:0;font-size:.8rem;opacity:.8;transition:opacity .2s ease}.tag button:hover{opacity:1}.tags-input input{border:none;outline:none;flex:1;padding:.5rem;font-size:.9rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem;border-top:1px solid #e2e8f0}.cancel-button{background:#f1f5f9;color:var(--text-secondary);border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-button:hover{background:#e2e8f0;color:var(--text-primary)}.save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.exercises-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:2rem}@media (min-width: 1024px){.my-exercises-tab .exercises-grid,.exercises-grid{max-width:60%;margin-left:auto;margin-right:auto;grid-template-columns:1fr;gap:var(--space-3)}.my-exercises-tab .flat-exercise-list,.bank-exercises-tab .flat-exercise-list{max-width:60%;margin-left:auto;margin-right:auto}}.exercise-card{background:var(--bg-card);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-md);transition:var(--transition-base);animation:slideInUp .3s ease;position:relative;overflow:hidden}.exercise-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.exercise-card:hover:before{opacity:1}.exercise-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border-accent)}.exercise-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.exercise-name{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0;flex:1}.exercise-actions{display:flex;gap:.5rem}.edit-button{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;width:40px;height:40px;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1rem}.edit-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f59e0b66}.exercise-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:1rem}.exercise-muscle-group{color:var(--accent-primary);font-size:.85rem;font-weight:600;background:#6366f11a;padding:.25rem .75rem;border-radius:20px;border:1px solid rgba(99,102,241,.2);margin-bottom:1rem;display:inline-block}.exercise-details{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.detail-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.detail-badge.category{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.detail-badge.difficulty.beginner{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.detail-badge.difficulty.intermediate{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.detail-badge.difficulty.advanced{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.muscle-groups,.equipment-list{margin-bottom:1rem}.muscle-groups strong,.equipment-list strong{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.exercise-video{margin-top:1rem}.video-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-primary);text-decoration:none;font-weight:500;font-size:.9rem;transition:all .2s ease}.video-link:hover{color:var(--accent-secondary);text-decoration:underline}.empty-state{text-align:center;padding:4rem 2rem;background:#ffffff1a;border-radius:20px;border:2px dashed rgba(255,255,255,.3);width:100%;margin:2rem 0}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.empty-state p{color:#fffc;font-size:1rem;margin-bottom:2rem}.empty-action-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d}.empty-action-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}@media (max-width: 768px){.exercise-management{padding:1rem}.header-content{flex-direction:column;align-items:stretch}.page-title{font-size:1.5rem;text-align:center}.exercises-grid{grid-template-columns:1fr;gap:1rem}.form-row{grid-template-columns:1fr}.exercise-form-modal{margin:0;border-radius:0;max-height:100vh}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}@media (max-width: 480px){.exercise-card{padding:1.5rem}.exercise-form,.modal-header{padding:1rem}}.exercise-info{flex:1;min-width:0;text-align:right}.exercise-info .card-title{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-align:right;line-height:1.2}.exercise-info .card-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.exercise-management-content .card-header{display:flex;align-items:center;gap:var(--space-2)}.exercise-management-content .card-header-content{flex:1;cursor:pointer;min-width:0}.exercise-management-content .card-action-button{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-md);padding:var(--space-2);cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;flex-shrink:0}.exercise-management-content .card-action-button:hover{background:var(--bg-accent);border-color:var(--border-accent);color:var(--text-primary);transform:scale(1.05)}.card.collapsed{padding:var(--space-3)}.card.expanded{padding:var(--space-3) var(--space-3) var(--space-5)}.my-exercises-tab .exercises-grid .card{position:relative;min-height:50px;margin-bottom:var(--space-2)}.my-exercises-tab .card-header-simple{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) 2px var(--space-4);padding-top:calc(var(--space-4) + 9px);padding-right:calc(var(--space-4) + 5px);cursor:pointer;transition:var(--transition-base);border-radius:var(--border-radius-lg)}.my-exercises-tab .card-header-simple:hover{background:var(--bg-hover)}.my-exercises-tab .expand-icon-left{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);color:var(--text-muted);transition:var(--transition-base);order:1}.my-exercises-tab .expand-icon-left:hover{background:var(--bg-hover);border-color:var(--border-primary);color:var(--text-primary)}.my-exercises-tab .card-title-simple{flex:1;margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);order:0}.my-exercises-tab .card-content{padding:var(--space-3) var(--space-4) 2px var(--space-4);padding-right:calc(var(--space-10) + 5px)}.edit-exercise-btn-top-right{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-secondary);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base);z-index:10}.edit-exercise-btn-top-right:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.edit-exercise-btn-top-right:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.my-exercises-tab,.bank-exercises-tab{width:100%;padding-top:var(--space-6)}.my-exercises-tab .exercises-content,.bank-exercises-tab .exercises-content{position:relative;margin-top:var(--space-6)}.search-section{width:100%;padding:var(--space-6) var(--space-8);margin-bottom:0;border-bottom:var(--border-width-1) solid var(--border-primary);background:var(--bg-secondary);box-sizing:border-box}.search-filters{display:flex;gap:1rem;align-items:stretch;width:100%;box-sizing:border-box}.muscle-group-filter,.exercise-name-filter{flex:1;min-width:0}.filter-select{width:100%}.sticky-muscle-group-container{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-tertiary)}.sticky-muscle-group{display:inline-flex;align-items:center;gap:.25rem;background:var(--primary-color);color:#fff;padding:.375rem .75rem;border-radius:16px;font-size:.875rem;font-weight:500;box-shadow:0 2px 8px #00000026;animation:slideInDown .3s ease-out}.sticky-muscle-group-icon{font-size:.875rem}.sticky-muscle-group-text{white-space:nowrap;font-weight:600}.sticky-muscle-group-clear{background:#fff3;border:none;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;transition:background-color .2s ease;padding:0;margin:0;margin-right:.25rem}.sticky-muscle-group-clear:hover{background:#ffffff4d}.sticky-muscle-group-clear:active{background:#fff6}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.exercise-name-search-container{position:relative;width:100%}.exercise-name-search-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);background:var(--bg-card);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-fast);box-sizing:border-box;text-align:right}.exercise-name-search-input:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 2px var(--primary-100)}.exercise-name-search-input:hover{border-color:var(--border-secondary)}.exercise-name-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border-primary);border-top:none;border-radius:0 0 var(--border-radius-md) var(--border-radius-md);box-shadow:var(--shadow-md);max-height:200px;overflow-y:auto;z-index:1000}.exercise-name-option{padding:var(--space-2) var(--space-3);cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-sm);border-bottom:1px solid var(--border-tertiary);text-align:right}.exercise-name-option:last-child{border-bottom:none}.exercise-name-option:hover,.exercise-name-option.highlighted{background:var(--bg-accent);color:var(--text-primary)}.exercise-name-option.highlighted{background:var(--primary-100)}@media (min-width: 1024px){.my-exercises-tab .search-section,.bank-exercises-tab .search-section{max-width:60%;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;margin-bottom:var(--space-6)}}@media (max-width: 768px){.search-section{padding:1rem 1.5rem}.search-filters{flex-direction:column;align-items:stretch;gap:.75rem}.muscle-group-filter,.exercise-name-filter{min-width:unset;width:100%}.clear-filters-btn{align-self:center}}.inline-editor{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);padding:var(--space-3);margin:var(--space-3) 0;box-shadow:var(--shadow-md);animation:slideDown .3s ease-out;position:relative}.inline-editor-content{position:relative}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:1000px}}.inline-editor.compact{padding:var(--space-3);margin:var(--space-3) 0}.inline-editor.compact .inline-editor-header{margin-bottom:var(--space-3);padding-bottom:var(--space-2)}.inline-editor.no-border{border:none;box-shadow:none;background:transparent}.inline-editor.elevated{box-shadow:var(--shadow-md);border:1px solid var(--border-accent)}@media (max-width: 768px){.inline-editor{padding:var(--space-2);margin:var(--space-2) 0;max-width:calc(100vw - var(--space-4));box-sizing:border-box}.inline-editor-title{font-size:var(--font-size-base)}.inline-editor-close{width:28px;height:28px;font-size:var(--font-size-base)}}@media (max-width: 480px){.inline-editor{padding:var(--space-2);margin:var(--space-2) 0;max-width:calc(100vw - var(--space-3));box-sizing:border-box}.inline-editor-header{margin-bottom:var(--space-2);padding-bottom:var(--space-2)}}.exercise-parameter-inline.compact{padding:var(--space-2);margin:var(--space-2) 0}.parameters-form-compact{margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.form-row-separate{display:flex;align-items:center;gap:var(--space-3)}.form-row-separate label{font-size:16px;font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0;flex-shrink:0;min-width:80px;text-align:start}.input-compact-mobile{flex:1;min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--border-radius-sm);font-size:16px!important;background:var(--bg-secondary);color:var(--text-primary);text-align:center;box-sizing:border-box}.input-compact-mobile:focus{border-color:var(--border-accent);background:var(--bg-card);outline:none}.range-compact{flex:1;display:flex;align-items:center;gap:var(--space-2);min-width:0}.range-compact span{font-size:16px;color:var(--text-muted);font-weight:var(--font-weight-medium);flex-shrink:0}.range-input{flex:1;min-width:50px;padding:var(--space-2) var(--space-3)}.btn-compact-mobile{padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--border-radius-md);font-size:16px!important;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;white-space:nowrap;width:100%;box-shadow:0 2px 8px #10b9814d;position:relative;overflow:hidden}.btn-compact-mobile:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-compact-mobile:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 16px #10b98166}.btn-compact-mobile:hover:before{left:100%}.btn-compact-mobile:active{transform:translateY(0);box-shadow:0 2px 8px #10b9814d}@media (max-width: 768px){.exercise-parameter-inline.compact{padding:var(--space-2);margin:var(--space-2) 0;max-width:100%;box-sizing:border-box}.parameters-form-compact{max-width:100%;overflow-x:hidden}.form-row-separate{max-width:100%;box-sizing:border-box}.form-row-separate label{width:100px;font-size:16px!important}.input-compact-mobile,.range-compact{width:calc(100% - 100px - var(--space-2));max-width:150px}.range-input{width:45px!important}.form-row.single,.form-row.range{flex-direction:column}.form-group{max-width:none}.range-inputs{flex-direction:column;gap:var(--space-2)}.range-separator{display:none}.inline-actions{flex-direction:column}.btn-primary{width:100%;justify-content:center}}@media (max-width: 480px){.exercise-parameter-inline.compact{padding:var(--space-1);margin:var(--space-1) 0}.form-row-separate label{width:90px}.input-compact-mobile,.range-compact{width:calc(100% - 90px - var(--space-2));max-width:130px}.range-input{width:40px!important}.parameters-form{margin:var(--space-3) 0}.form-row{margin-bottom:var(--space-3)}.form-group input{padding:var(--space-2);font-size:var(--font-size-sm)}.inline-actions{margin-top:var(--space-3);padding-top:var(--space-2)}}.exercise-selection-modal{display:flex;flex-direction:column;height:100%;gap:var(--space-4);background:var(--bg-secondary)}.warning-modal-content{padding:var(--space-4);text-align:center}.warning-modal-content p{margin:0 0 var(--space-4) 0;color:var(--text-primary);font-size:var(--font-size-base);line-height:1.5}.warning-modal-content .modal-actions{display:flex;gap:var(--space-3);justify-content:center}.exercise-source-switch{display:flex;justify-content:center;margin-bottom:16px}.switch-container{display:flex;background:var(--bg-card);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-xl);padding:var(--space-1);gap:var(--space-1)}.switch-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:none;border-radius:var(--border-radius-lg);background:transparent;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base);min-width:140px;justify-content:center}.switch-button:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-secondary)}.switch-button.active{background:var(--primary);color:var(--text-primary);box-shadow:var(--shadow-md)}.switch-button:disabled{opacity:.6;cursor:not-allowed}.switch-icon{font-size:16px}.exercises-list{flex:1;overflow-y:auto;padding:0 var(--space-1);background:var(--bg-secondary);display:flex;justify-content:center;align-items:flex-start}.exercises-flat-list{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2);width:100%}@media (min-width: 1024px){.exercises-flat-list,.exercises-list .flat-exercise-list{max-width:60%;width:60%;margin-left:auto;margin-right:auto}}.empty-state{text-align:center;padding:var(--space-10) var(--space-5);color:var(--text-muted)}.empty-icon{font-size:48px;margin-bottom:var(--space-4)}.empty-state h4{margin:0 0 var(--space-2) 0;font-size:var(--font-size-lg);color:var(--text-primary)}.empty-state p{margin:0;font-size:var(--font-size-sm);line-height:1.5;color:var(--text-secondary)}.empty-state-actions{margin-top:20px}.empty-state-actions .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#4299e1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.empty-state-actions .btn-primary:hover{background:#3182ce;transform:translateY(-1px);box-shadow:0 4px 8px #4299e14d}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-5);color:var(--text-muted)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-primary);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.superset-params{padding:var(--space-4);background:var(--bg-card);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-lg);margin-top:var(--space-2)}.superset-params h4{margin:0 0 var(--space-3) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.superset-config-modal{display:flex;flex-direction:column;gap:var(--space-6);background:var(--bg-secondary);border-radius:var(--border-radius-xl);padding:var(--space-6)}.selected-exercises{background:transparent;border:none;padding:0}.selected-exercises h4{margin:0 0 var(--space-3) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.selected-exercises .selected-exercise-item,.superset-config-modal .selected-exercise-item,.selected-exercise-item{display:flex!important;align-items:center!important;gap:var(--space-3)!important;padding:var(--space-3)!important;background:#1a1a2e!important;background-color:#1a1a2e!important;border:1px solid #334155!important;border-color:#334155!important;border-radius:var(--border-radius-md)!important;margin-bottom:var(--space-3)!important;transition:all .2s ease!important;position:relative!important;min-width:100%!important;width:100%!important;color:#f8fafc!important}.selected-exercise-item:hover{background:var(--bg-tertiary)!important;background-color:#16213e!important;border-color:var(--border-accent)!important;border-color:#6366f1!important;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.selected-exercise-item span:first-child{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.2;word-wrap:break-word;white-space:normal}.btn-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:16px;font-weight:700;line-height:1;opacity:.6;transition:all var(--transition-fast);border-radius:50%}.selected-exercise-item:hover .btn-remove{opacity:1;color:#ef4444;background:#ef44441a}.btn-remove:hover{background:#ef444433;transform:scale(1.1)}.superset-parameters{background:var(--bg-card);border:var(--border-width-2) solid var(--border-primary);border-radius:var(--border-radius-xl);padding:var(--space-5);box-shadow:var(--shadow-md)}.superset-parameters h4{margin:0 0 var(--space-4) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.modal-actions{display:flex;gap:var(--space-4);justify-content:flex-end;padding-top:var(--space-5);border-top:var(--border-width-2) solid var(--border-primary);margin-top:var(--space-2)}.modal-actions .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:var(--border-width-1) solid var(--border-primary);padding:var(--space-3) var(--space-6);border-radius:var(--border-radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base)}.modal-actions .btn-secondary:hover{background:var(--bg-primary);border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}div.selected-exercise-item,.superset-config-modal div.selected-exercise-item,.selected-exercises div.selected-exercise-item{background:#1a1a2e!important;background-color:#1a1a2e!important;color:#f8fafc!important;border:1px solid #334155!important}.modal-actions .btn-primary{background:var(--gradient-primary);color:var(--text-primary);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--border-radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-md)}.modal-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.superset-exercise-list{display:flex;flex-direction:column;gap:var(--space-2)}.superset-step-item{cursor:default;background:var(--bg-card)}.superset-step-item:hover{background:var(--bg-tertiary);cursor:default}.superset-config-modal .form-row-separate{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.superset-config-modal .form-row-separate label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0;flex-shrink:0;min-width:120px;text-align:start}.superset-config-modal .input-compact-mobile{flex:1;min-width:0;padding:var(--space-2) var(--space-3);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);background:var(--bg-secondary);color:var(--text-primary);text-align:center;box-sizing:border-box}.superset-config-modal .input-compact-mobile:focus{border-color:var(--border-accent);background:var(--bg-card);outline:none}.superset-config-modal .range-compact{display:flex;align-items:center;gap:var(--space-2);flex:1}.superset-config-modal .range-input{flex:1;min-width:0;padding:var(--space-2) var(--space-3);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);background:var(--bg-secondary);color:var(--text-primary);text-align:center;box-sizing:border-box}.superset-config-modal .range-input:focus{border-color:var(--border-accent);background:var(--bg-card);outline:none}.superset-config-modal .range-compact span{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.superset-config-modal .btn-compact-mobile{background:var(--gradient-primary);color:var(--text-primary);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.superset-config-modal .btn-compact-mobile:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.superset-config-modal .btn-compact-mobile:disabled{opacity:.6;cursor:not-allowed;transform:none}.exercise-form{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-4)}.exercise-form .form-group{display:flex;flex-direction:column;gap:var(--space-2)}.exercise-form label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.exercise-form input,.exercise-form textarea{padding:var(--space-3);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-md);font-size:var(--font-size-base);background:var(--bg-secondary);color:var(--text-primary);transition:var(--transition-base)}.exercise-form input:focus,.exercise-form textarea:focus{outline:none;border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 3px #6366f11a}.exercise-form input::placeholder,.exercise-form textarea::placeholder{color:var(--text-muted)}.exercise-form input:disabled,.exercise-form textarea:disabled{opacity:.6;cursor:not-allowed}.exercise-form textarea{resize:vertical;min-height:100px}.empty-state-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4);align-items:center}.empty-state-actions .btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--bg-tertiary);color:var(--text-primary);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base)}.empty-state-actions .btn-secondary:hover{background:var(--bg-primary);border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.create-exercise-button-container{padding:0 var(--space-4);margin-bottom:var(--space-3);display:flex;justify-content:center}.create-exercise-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-md);width:100%;max-width:400px;justify-content:center}.create-exercise-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.create-exercise-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.create-exercise-button .btn-icon{font-size:16px;line-height:1}.video-validation-warning{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-3);background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);line-height:1.4}.warning-icon{font-size:var(--font-size-base);flex-shrink:0;margin-top:1px}.warning-text{color:var(--text-warning);font-weight:var(--font-weight-medium)}.draggable-step-bar{display:flex;flex-direction:column;background:var(--bg-card);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-lg);padding:var(--space-4);min-width:280px;max-width:320px;height:fit-content;max-height:70vh;overflow:hidden}.draggable-step-bar.training-step-bar-main{min-width:100%;max-width:none;height:auto;max-height:none;flex:1;background:transparent;border:none;padding:0}.draggable-step-bar.empty{min-height:200px;justify-content:center;align-items:center}.step-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:var(--border-width-1) solid var(--border-primary)}.training-step-bar-main .step-bar-header{display:none}.step-bar-header h4{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.step-count{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:var(--font-weight-medium)}.step-bar-container{flex:1;overflow-y:auto;padding-right:var(--space-1);display:flex;flex-direction:column;gap:var(--space-2)}.step-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-md);cursor:grab;transition:all .2s ease;-webkit-user-select:none;user-select:none;position:relative;touch-action:none;width:100%}.step-item:hover{background:var(--bg-tertiary);border-color:var(--border-accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.step-item.dragging{cursor:grabbing;opacity:.8;transform:rotate(2deg) scale(1.02);box-shadow:0 8px 25px #00000026;z-index:1000;transition:none;background:var(--bg-primary);border-color:var(--primary)}.drag-handle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-muted);transition:color .2s ease;flex-shrink:0;cursor:grab;touch-action:none}.step-item:hover .drag-handle{color:var(--primary)}.superset-header-draggable .drag-handle,.superset-group-draggable .drag-handle{cursor:grab;touch-action:none;pointer-events:auto}.superset-header-draggable .drag-handle:active,.superset-group-draggable .drag-handle:active{cursor:grabbing}.drag-icon{font-size:16px;line-height:1;transform:rotate(90deg);display:block}.step-number{width:28px;height:28px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0}.step-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.step-exercise-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-muscle-group{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-params{display:flex;flex-direction:column;gap:2px;flex-shrink:0;justify-content:center;align-items:flex-end;margin-right:var(--space-2)}.step-param-line{font-size:10px;color:var(--text-secondary);font-weight:var(--font-weight-medium);white-space:nowrap;line-height:1.3}[dir=rtl] .step-params{align-items:flex-start;margin-right:0;margin-left:var(--space-2)}.step-remove-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:16px;font-weight:700;line-height:1;opacity:.6;transition:all var(--transition-fast);border-radius:50%}.step-item:hover .step-remove-btn{opacity:1;color:#ef4444;background:#ef44441a}.step-remove-btn:hover{background:#ef444433;transform:scale(1.1)}.drag-handle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-muted);cursor:grab;flex-shrink:0;opacity:.6;transition:opacity var(--transition-fast)}.step-item:hover .drag-handle{opacity:1}.drag-icon{font-size:12px;line-height:1;transform:rotate(90deg)}.step-bar-footer{margin-top:var(--space-3);padding-top:var(--space-2);border-top:var(--border-width-1) solid var(--border-primary)}.drag-hint{font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic;display:flex;align-items:center;gap:var(--space-1)}.empty-step-bar{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;color:var(--text-muted)}.empty-icon{font-size:2rem;opacity:.5}.empty-step-bar p{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}@media (max-width: 1024px){.draggable-step-bar{min-width:240px;max-width:280px}}@media (max-width: 768px){.draggable-step-bar{min-width:200px;max-width:240px;padding:var(--space-3)}.step-item{padding:var(--space-2);gap:var(--space-2)}.step-number{width:24px;height:24px;font-size:var(--font-size-xs)}.step-exercise-name{font-size:var(--font-size-xs)}.step-muscle-group{font-size:10px}}[dir=rtl] .step-item:hover{transform:translate(-2px)}[dir=rtl] .step-item.drag-over{transform:translate(-4px)}[dir=rtl] .drag-icon{transform:rotate(-90deg)}.superset-group-draggable{background:var(--bg-card);border:2px solid var(--secondary);border-radius:var(--border-radius-xl);margin:var(--space-3) 0;padding:var(--space-4);box-shadow:var(--shadow-md);cursor:default;transition:var(--transition-base);position:relative}.superset-group-draggable:hover{border-color:var(--primary);box-shadow:var(--shadow-lg)}.superset-group-draggable.dragging{cursor:grabbing;opacity:.8;transform:rotate(2deg)}.superset-header-draggable{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-primary);cursor:default;position:relative}.superset-content-draggable{cursor:default}.superset-title-draggable{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.superset-config-draggable{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-start}.superset-edit-btn{position:absolute;top:-12px;left:-12px;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;width:32px;height:32px;border:2px solid var(--bg-card);background:var(--primary);color:#fff;border-radius:50%;cursor:pointer;font-size:14px;font-weight:600;line-height:1;opacity:.9;transition:all .2s ease;z-index:100;box-shadow:0 1px 4px #00000026;touch-action:auto!important;pointer-events:auto!important;-webkit-tap-highlight-color:rgba(99,102,241,.3)}.superset-edit-btn:hover{background:var(--primary-dark);opacity:1;transform:scale(1.1);box-shadow:0 2px 6px #6366f14d}.superset-remove-btn{position:absolute;top:-12px;right:-12px;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;width:32px;height:32px;border:2px solid var(--bg-card);background:#ef4444;color:#fff;border-radius:50%;cursor:pointer;font-size:16px;font-weight:600;line-height:1;opacity:.9;transition:all .2s ease;z-index:100;box-shadow:0 1px 4px #00000026;touch-action:auto!important;pointer-events:auto!important;-webkit-tap-highlight-color:rgba(239,68,68,.3)}.superset-remove-btn:hover{background:#dc2626;opacity:1;transform:scale(1.1);box-shadow:0 2px 6px #ef44444d}.superset-exercises-draggable{display:flex;flex-direction:column;gap:var(--space-2)}.superset-exercises-draggable .step-item{background:var(--bg-secondary);border:1px solid var(--border-primary);margin:0}.step-item.superset-exercise{background:var(--bg-tertiary);border:1px solid var(--secondary);opacity:.9}.step-item.superset-exercise .drag-handle{opacity:.7}.step-item.superset-exercise:hover{background:var(--bg-secondary);border-color:var(--primary)}.drop-zone{height:2px;background:transparent;margin:2px 0;border-radius:2px;transition:all .2s ease;opacity:0}.drop-zone-visible{opacity:.3;background:var(--border-primary)}.drop-zone-active{opacity:1!important;background:var(--primary)!important;height:4px!important;box-shadow:0 0 8px var(--primary)}.training-plan-builder-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-secondary);display:flex;flex-direction:column;z-index:1000}.builder-header{background:var(--bg-card);border-bottom:var(--border-width-1) solid var(--border-primary);padding:36px var(--space-6) var(--space-3) var(--space-6);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);position:relative;z-index:10;flex-shrink:0}.header-left,.header-right{flex:1;display:flex;align-items:center}.header-left{justify-content:flex-start}.header-right{justify-content:flex-end;gap:var(--space-3)}.header-center{flex:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.builder-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.progress-indicator{display:flex;align-items:center;gap:var(--space-1)}.step-text{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.training-progress{font-size:var(--font-size-sm);color:var(--text-muted)}.training-plan-builder-fullscreen .btn-cancel{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.training-plan-builder-fullscreen .btn-secondary{min-width:120px;padding:var(--space-3) var(--space-6);display:flex;align-items:center;justify-content:center}.training-plan-builder-fullscreen .btn-cancel:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;transform:translateY(-1px);box-shadow:var(--shadow-md)}.builder-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.basic-info-step{flex:1;display:flex;flex-direction:column;overflow-y:auto}.step-container{flex:1;background:var(--bg-card);padding:var(--space-6);display:flex;flex-direction:column;overflow:visible}@media (min-width: 1024px){.step-container{max-width:60%;margin-left:auto;margin-right:auto;width:100%}}.step-container h2{margin:0 0 var(--space-6) 0;font-size:var(--font-size-2xl);color:var(--text-primary);font-weight:var(--font-weight-bold)}.form-group{margin-bottom:var(--space-6)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-weight-semibold);color:#fff;font-size:var(--font-size-base);text-align:start}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--space-3) var(--space-4);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);transition:var(--transition-base);text-align:start;font-family:var(--font-family-sans);background:var(--bg-card);color:#f9fafb}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.form-group select{cursor:pointer}.training-step-simple{flex:1;display:flex;flex-direction:column;overflow-y:auto}.training-step-mobile{display:flex}.training-step-desktop{display:none}@media (min-width: 1024px){.training-step-mobile{display:none}.training-step-desktop{display:flex;flex:1;overflow-y:auto}}.training-step-with-sidebar{flex:1;display:flex;gap:var(--space-4);overflow:hidden}.training-main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.training-sidebar{flex-shrink:0;width:320px;padding:var(--space-4);background:var(--bg-secondary);border-left:var(--border-width-1) solid var(--border-primary);overflow-y:auto}.training-step-bar{height:100%}.training-container{flex:1;background:var(--bg-card);padding:var(--space-6);display:flex;flex-direction:column}.trainings-columns-container{display:flex;justify-content:flex-start;gap:var(--space-4);padding:var(--space-6) var(--space-8);overflow-x:auto;overflow-y:hidden;height:100%;width:100%;box-sizing:border-box}.training-column-desktop{flex:0 0 auto;width:400px;min-width:350px;max-width:450px}.training-column-desktop .training-container{height:100%;overflow-y:auto;background:var(--bg-card);border-radius:var(--border-radius-lg);border:var(--border-width-1) solid var(--border-primary)}@media (min-width: 1400px){.training-column-desktop{width:450px;min-width:400px;max-width:500px}}.training-container h2{margin:0 0 var(--space-6) 0;font-size:var(--font-size-2xl);color:var(--text-primary);font-weight:var(--font-weight-bold)}.workout-name-input{width:100%;padding:var(--space-3) var(--space-4);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);transition:var(--transition-base);background:var(--bg-card);font-family:var(--font-family-sans)}.workout-name-input:focus{outline:none;border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.exercises-section{flex:1;margin-top:var(--space-6);display:flex;flex-direction:column}.exercises-section h3{margin:0 0 var(--space-4) 0;font-size:var(--font-size-lg);color:var(--text-secondary);font-weight:var(--font-weight-semibold);text-align:right}.exercises-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);gap:var(--space-4)}.exercises-header h3{margin:0;flex:1}.exercise-buttons{display:flex;gap:var(--space-2);align-items:stretch}.exercise-buttons .btn-primary,.exercise-buttons .btn-secondary{flex:1 1 auto;min-width:120px;height:60px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;text-align:center;display:flex;align-items:center;justify-content:center}.superset-group{background:var(--bg-card);border:2px solid var(--secondary);border-radius:var(--border-radius-xl);margin:var(--space-3) 0;padding:var(--space-4);box-shadow:var(--shadow-md)}.superset-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-primary)}.superset-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.superset-icon{font-size:var(--font-size-xl)}.superset-config{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.superset-exercises{display:flex;flex-direction:column;gap:var(--space-2)}.superset-exercise-item{background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-primary);padding:var(--space-2)}.training-step-bar-main{flex:1;min-width:100%;max-width:none;height:auto;max-height:none}.exercises-list-area{flex:1;overflow-y:auto;padding-right:var(--space-2)}.muscle-group-section{margin-bottom:var(--space-4)}.muscle-group-header{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.5px}.exercise-item{background:var(--bg-secondary);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);display:flex;justify-content:space-between;align-items:center;transition:var(--transition-base)}.exercise-item:hover{background:var(--bg-tertiary);border-color:var(--border-accent)}.exercise-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.remove-exercise-btn{background:var(--gradient-warning);color:#fff;border:none;width:24px;height:24px;border-radius:var(--border-radius-full);font-size:var(--font-size-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.remove-exercise-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.exercises-section .btn-primary{align-self:flex-start;margin-top:auto;margin-bottom:var(--space-4)}.summary-step{flex:1;display:flex;flex-direction:column;overflow-y:auto}.plan-summary{flex:1;background:var(--bg-card);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.summary-section{background:var(--bg-secondary);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-lg);padding:var(--space-4);flex-shrink:0}.summary-section h3{margin:0 0 var(--space-4) 0;font-size:var(--font-size-lg);color:var(--text-primary);border-bottom:var(--border-width-1) solid var(--border-primary);padding-bottom:var(--space-2);font-weight:var(--font-weight-bold);text-align:right}.summary-item{margin-bottom:var(--space-3);font-size:var(--font-size-base);line-height:1.5;color:var(--text-secondary)}.summary-item strong{color:var(--text-primary);margin-left:var(--space-2)}.training-summary{background:var(--bg-secondary);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.training-summary h4{margin:0 0 var(--space-2) 0;font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.training-summary p{margin:0 0 var(--space-3) 0;font-size:var(--font-size-sm);color:var(--text-muted)}.exercises-summary{display:flex;flex-direction:column;gap:var(--space-2)}.exercise-summary{background:var(--bg-card);border-radius:var(--border-radius-md);padding:var(--space-2) var(--space-3);display:flex;justify-content:space-between;align-items:center;border:var(--border-width-1) solid var(--border-primary)}.exercise-summary .exercise-name{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.exercise-summary .exercise-details{font-size:var(--font-size-xs);color:var(--text-muted)}.empty-state{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-muted)}.empty-icon{font-size:3rem;margin-bottom:var(--space-4)}.empty-state h4{margin:0 0 var(--space-2) 0;font-size:var(--font-size-lg);color:var(--text-secondary);font-weight:var(--font-weight-semibold)}.empty-state p{margin:0;font-size:var(--font-size-base)}@media (max-width: 1024px){.training-step-with-sidebar{flex-direction:column}.training-sidebar{width:100%;border-left:none;border-top:var(--border-width-1) solid var(--border-primary);max-height:300px}.training-step-bar{max-height:250px}}@media (max-width: 768px){.builder-header{padding:36px var(--space-4);flex-direction:column;gap:var(--space-2)}.header-left,.header-center,.header-right{flex:none}.header-left,.header-right{width:100%;justify-content:center}.builder-title{font-size:var(--font-size-base)}.step-container,.training-container,.plan-summary{padding:var(--space-4)}.training-sidebar{padding:var(--space-3);max-height:250px}}.exercises-list-area-compact{flex:1;overflow-y:auto;padding:var(--space-2);gap:var(--space-4);display:flex;flex-direction:column}.muscle-group-section-compact{margin-bottom:var(--space-4)}.muscle-group-title-gentle{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0 0 var(--space-3) 0;padding-bottom:var(--space-1);border-bottom:1px solid var(--border-primary);opacity:.8;letter-spacing:.3px;text-align:right}.exercise-labels-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.exercise-label-container{position:relative;display:inline-flex;align-items:center}.exercise-label-purple{display:inline-flex;align-items:center;background:var(--gradient-primary);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-4);padding-right:var(--space-5);border-radius:50px;white-space:nowrap;box-shadow:var(--shadow-sm);line-height:1.2;transition:var(--transition-fast);min-height:28px}.exercise-remove-btn-small{position:absolute;top:-2px;right:-2px;background:none;border:none;color:#ffffffe6;width:14px;height:14px;font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;z-index:2;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.exercise-remove-btn-small:hover{color:#f44;transform:scale(1.2);text-shadow:0 1px 3px rgba(0,0,0,.5)}.exercise-remove-btn-small:active{transform:scale(.95)}.exercise-label-container:hover .exercise-label-purple{transform:translateY(-1px);box-shadow:var(--shadow-md)}.plan-summary-compact{width:100%;background:var(--bg-card);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);overflow:visible}.trainings-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);width:100%;max-width:100%;padding:0 var(--space-4);box-sizing:border-box}.training-column{background:var(--bg-secondary);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-lg);padding:var(--space-3);display:flex;flex-direction:column;min-height:340px;height:auto}.training-header{text-align:center;margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:var(--border-width-1) solid var(--border-primary)}.training-title{margin:0 0 var(--space-1) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.training-name{margin:0 0 var(--space-2) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.training-count{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-medium)}.training-exercises{flex:1;display:flex;flex-direction:column;gap:var(--space-4)}.muscle-group-summary{margin-bottom:var(--space-3)}.muscle-group-title-summary{margin:0 0 var(--space-2) 0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:right;opacity:.7}.exercises-list-summary{display:flex;flex-direction:column;gap:var(--space-1)}.exercise-item-summary{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) var(--space-2);background:var(--bg-card);border-radius:var(--border-radius-sm);border:var(--border-width-1) solid rgba(255,255,255,.05)}.exercise-name-summary{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);flex:1;text-align:right}.exercise-params-summary{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);margin-right:var(--space-2)}.sets-reps{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-medium);white-space:nowrap}.rest-time{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-normal);white-space:nowrap;opacity:.8}@media (max-width: 1024px){.trainings-columns{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3)}}@media (max-width: 1200px){.trainings-columns{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.training-column{padding:var(--space-2);min-height:208px;max-height:234px}}@media (max-width: 768px){.trainings-columns{grid-template-columns:1fr;gap:var(--space-3)}.plan-summary-compact{padding:var(--space-4)}}.training-steps-section{flex-shrink:0;height:80px;padding:var(--space-3);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}.training-steps-container{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:nowrap}.training-step-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all var(--transition-normal);flex:1;max-width:150px;min-width:100px}.step-circle{width:55px;height:55px;border-radius:50%;background:var(--primary);border:4px solid var(--border-primary);margin-bottom:var(--space-1);transition:all var(--transition-normal);position:relative;display:flex;align-items:center;justify-content:center}.step-number{font-size:18px;font-weight:var(--font-weight-bold);color:#fff;line-height:1;text-align:center;z-index:10;position:relative}.training-step-item:hover .step-circle{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.training-step-item.selected .step-circle{background:var(--success);border-color:var(--success);box-shadow:0 0 15px #10b9814d}.training-step-item.selected{transform:scale(1.05)}.training-step-item:hover .step-number{color:#fff;transform:scale(1.1)}.step-label{text-align:center;font-size:calc(var(--font-size-xs) * 1.69);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1.2}.step-line1,.step-line2{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:101px}.step-muscle-group{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:101px;font-size:16px;color:#fff;font-weight:var(--font-weight-medium);margin-top:7px;background:var(--primary);padding:4px 10px;border-radius:21px;text-align:center}.step-sets-reps{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:101px;font-size:16px;color:var(--text-secondary);font-weight:var(--font-weight-bold);margin-top:4px;text-align:center}.step-rest-time{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:101px;font-size:14px;color:var(--text-muted);font-weight:var(--font-weight-medium);margin-top:3px;text-align:center;opacity:.9}@media (max-width: 768px){.training-steps-container{gap:var(--space-1)}.training-step-item{max-width:104px;min-width:65px}.step-circle{width:42px;height:42px}.step-circle:after{width:21px;height:21px}.step-label{font-size:13px}.step-line1,.step-line2{max-width:78px}.step-muscle-group{font-size:10px;padding:1px 5px;border-radius:13px;max-width:65px}.step-sets-reps{font-size:9px;max-width:65px}.step-rest-time{font-size:8px;max-width:65px}}.plan-summary-cards{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.training-summary-card{background:var(--bg-secondary);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.training-card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-3);border-bottom:var(--border-width-1) solid var(--border-primary)}.training-card-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.training-card-count{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:var(--font-weight-medium)}.training-card-exercises{display:flex;flex-direction:column;gap:var(--space-2)}.exercise-summary-row{display:flex;justify-content:space-between;align-items:stretch;padding:var(--space-3);background:var(--bg-card);border-radius:var(--border-radius-md);border:var(--border-width-1) solid rgba(255,255,255,.05);min-height:65px;gap:var(--space-3)}@keyframes green-flash{0%{background-color:#10b981;box-shadow:0 0 20px #10b98166}50%{background-color:#34d399;box-shadow:0 0 30px #34d39966}to{background-color:var(--bg-card);box-shadow:none}}.exercise-summary-row.recently-edited{animation:green-flash 2s ease-out}.exercise-summary-info{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0;justify-content:center}.exercise-summary-name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.exercise-summary-row[dir=rtl] .exercise-summary-name{text-align:right!important}.exercise-summary-row[dir=ltr] .exercise-summary-name{text-align:left!important}.exercise-summary-label{display:flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);background:#7c3aed;color:#fff;border-radius:12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px;width:fit-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exercise-summary-row[dir=rtl] .exercise-summary-label{text-align:center!important;justify-content:center!important;margin-left:var(--space-1);margin-top:var(--space-1)}.exercise-summary-row[dir=ltr] .exercise-summary-label{text-align:center!important;justify-content:center!important;margin-right:calc(var(--space-3) * 9)}.exercise-summary-params{display:flex;flex-direction:column;gap:var(--space-1);flex-shrink:0;justify-content:center}.exercise-summary-param-line{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);white-space:nowrap}.exercise-summary-row[dir=rtl] .exercise-summary-info{align-items:flex-end}.exercise-summary-row[dir=ltr] .exercise-summary-info,.exercise-summary-row[dir=rtl] .exercise-summary-params{align-items:flex-start}.exercise-summary-row[dir=ltr] .exercise-summary-params{align-items:flex-end}@media (max-width: 768px){.exercise-summary-row{min-height:55px}.exercise-summary-name{font-size:var(--font-size-sm)}.exercise-summary-param-line{font-size:var(--font-size-xs)}}.exercise-info{margin-bottom:var(--space-6)}.exercise-info .exercise-muscle-group{margin:0 0 var(--space-4) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.exercise-info .exercise-content{margin-top:var(--space-3)}.exercise-info .content-with-video{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-secondary);transition:var(--transition-fast)}.exercise-info .content-with-video.clickable{cursor:pointer;pointer-events:auto;position:relative;z-index:10}.exercise-info .content-with-video.clickable:hover{background:var(--bg-accent);border-color:var(--border-accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.exercise-info .video-button-small{font-size:var(--font-size-lg);flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gradient-primary);border-radius:var(--border-radius-full);color:#fff;box-shadow:var(--shadow-sm)}.exercise-info .content-text{flex:1;min-width:0}.exercise-info .content-text p{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text-primary)}.exercise-info .video-only-button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--gradient-primary);color:#fff;border-radius:var(--border-radius-lg);cursor:pointer;transition:var(--transition-fast);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-md);pointer-events:auto;position:relative;z-index:10}.exercise-info .video-only-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.exercise-info .video-only-button .video-icon{font-size:var(--font-size-xl)}.exercise-info .description-only{padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-secondary)}.exercise-info .description-only p{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text-primary)}.exercise-info.compact{margin-bottom:var(--space-4)}.exercise-info.compact .exercise-name{font-size:var(--font-size-base);margin-bottom:var(--space-1)}.exercise-info.compact .exercise-muscle-group{font-size:var(--font-size-xs);margin-bottom:var(--space-2)}.exercise-info.compact .content-with-video{padding:var(--space-2)}.exercise-info.compact .video-button-small{width:24px;height:24px;font-size:var(--font-size-sm)}.exercise-info.compact .content-text p{font-size:var(--font-size-xs)}.exercise-group-view{display:flex;flex-direction:column;gap:var(--space-4)}.muscle-group-section{background:var(--bg-card);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition-base)}.muscle-group-section:hover{box-shadow:var(--shadow-md)}.muscle-group-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:var(--bg-secondary);cursor:pointer;transition:var(--transition-base);border-bottom:var(--border-width-1) solid var(--border-secondary)}.muscle-group-header:hover{background:var(--bg-hover)}.muscle-group-info{display:flex;align-items:center;gap:var(--space-3)}.muscle-group-name{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.muscle-group-section .exercise-count{display:inline-flex!important;align-items:center;background:var(--gradient-primary, linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%))!important;color:#fff!important;font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-semibold, 600);padding:var(--space-1, 4px) var(--space-3, 12px);border-radius:50px!important;white-space:nowrap;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));line-height:1.2;border:none;text-decoration:none}.expand-icon{font-size:var(--font-size-lg);color:var(--text-muted);transition:var(--transition-base);-webkit-user-select:none;user-select:none}.muscle-group-header:hover .expand-icon{color:var(--text-primary);transform:scale(1.1)}.muscle-group-exercises{padding:var(--space-6);background:var(--bg-tertiary)}.muscle-group-exercises .exercises-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.muscle-group-exercises{animation:expandGroup .3s ease-out}@keyframes expandGroup{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 1024px){.exercise-group-view{max-width:60%;margin-left:auto;margin-right:auto}.muscle-group-exercises .exercises-grid{grid-template-columns:1fr}}@media (max-width: 768px){.muscle-group-header{padding:var(--space-3) var(--space-4)}.muscle-group-name{font-size:var(--font-size-base)}.exercise-count{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.muscle-group-exercises{padding:var(--space-4)}.muscle-group-exercises .exercises-grid{grid-template-columns:1fr;gap:var(--space-3)}}.flat-trainee-card{background:transparent;border:none;border-bottom:var(--border-width-1) solid var(--border-secondary);padding:var(--space-5) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);transition:var(--transition-base);cursor:pointer;min-height:85px;width:100%;box-sizing:border-box;flex-shrink:0}.flat-trainee-card:last-child{border-bottom:none}.flat-trainee-card:hover{background:var(--bg-hover)}.flat-trainee-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}[dir=rtl] .flat-trainee-content{text-align:right}[dir=ltr] .flat-trainee-content{text-align:left}.flat-trainee-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flat-trainee-buttons{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.flat-trainee-manage-btn{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--border-radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--font-size-xl);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;box-shadow:var(--shadow-md)}.flat-trainee-manage-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-glow)}.flat-trainee-manage-btn:active{transform:scale(.95)}@media (max-width: 768px){.flat-trainee-card{padding:var(--space-3);min-height:60px}.flat-trainee-name{font-size:var(--font-size-base)}.flat-trainee-manage-btn{min-width:44px;min-height:44px;padding:var(--space-2) var(--space-3)}}.trainee-management-modal{display:flex;flex-direction:column;gap:var(--space-4)}.tab-navigation{display:flex;gap:var(--space-2);border-bottom:2px solid var(--border-primary);margin-bottom:var(--space-4)}.tab-button{flex:1;background:transparent;border:none;border-bottom:3px solid transparent;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-muted);cursor:pointer;transition:var(--transition-base);position:relative;bottom:-2px}.tab-button:hover{color:var(--text-secondary);background:var(--bg-hover);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-content{padding:var(--space-2) 0}.details-tab,.training-tab{display:flex;flex-direction:column;gap:var(--space-5)}.trainee-details-section{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:var(--border-width-1) solid var(--border-secondary)}.detail-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2)}.detail-icon{font-size:var(--font-size-xl);flex-shrink:0}.detail-text{font-size:var(--font-size-base);color:var(--text-secondary);flex:1}.phone-item{align-items:flex-start}.inline-edit-container{display:flex;gap:var(--space-2);flex:1;align-items:center}.btn-edit-plan{background:var(--gradient-primary);color:#fff;border:none;padding:var(--space-2) var(--space-3);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:var(--space-1);white-space:nowrap}.btn-edit-plan:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-save{background:var(--gradient-success);color:#fff;border:none;border-radius:var(--border-radius-lg);padding:var(--space-2) var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-base);opacity:0;transform:scale(.8);pointer-events:none}.btn-save.show{opacity:1;transform:scale(1);pointer-events:all}.btn-save:hover:not(:disabled){transform:scale(1.05);box-shadow:var(--shadow-glow)}.plan-assignment-section{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:var(--border-width-1) solid var(--border-secondary)}.current-plan{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base)}.current-plan strong{color:var(--text-primary)}.assigned-plan{color:var(--success-color);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3);background:var(--success-bg);border-radius:var(--border-radius-md)}.plan-history{margin-top:var(--space-1)}.plan-actions{margin-top:var(--space-2)}.plan-selector{width:100%;padding:var(--space-3);background:var(--bg-primary);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-lg);color:var(--text-primary);font-size:var(--font-size-base);cursor:pointer;transition:var(--transition-base)}.plan-selector:hover:not(:disabled){border-color:var(--border-accent);background:var(--bg-hover)}.modal-actions-section{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-3);border-top:var(--border-width-1) solid var(--border-primary)}.training-tab{padding:var(--space-4)}.full-width{width:100%}@media (max-width: 768px){.tab-button{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.trainee-details-section,.plan-assignment-section{padding:var(--space-3)}.detail-item{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.modal-actions-section{flex-direction:column}.modal-actions-section button{width:100%}}.training-plan-management{min-height:100vh;background:var(--gradient-bg);padding:var(--space-8) var(--space-6);font-family:var(--font-family-sans)}.training-plan-management-content{min-height:100vh;background:var(--gradient-bg);font-family:var(--font-family-sans)}.plan-form-modal,.training-form-modal{background:var(--bg-card);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-2xl);width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);position:relative}.plan-form-modal:before,.training-form-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);border-radius:var(--border-radius-2xl) var(--border-radius-2xl) 0 0}.plan-form{padding:var(--space-8)}.management-header{margin-bottom:var(--space-10);background:var(--bg-card);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.management-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary)}.back-icon-button{position:absolute;top:var(--space-6);left:var(--space-6);background:var(--bg-card);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-full);width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-base);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);z-index:var(--z-sticky);box-shadow:var(--shadow-md)}.back-icon-button:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-6)}.page-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-3);letter-spacing:-.02em}.title-icon{font-size:var(--font-size-5xl);filter:drop-shadow(0 4px 12px rgba(99,102,241,.3))}.header-actions{display:flex;gap:var(--space-3);align-items:center}.trainings-section{margin:2rem 0;padding:1.5rem;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{margin:0;font-size:1.2rem;font-weight:600;color:var(--text-primary)}.add-training-button{background:var(--gradient-primary);color:#fff;border:none;padding:var(--space-3) var(--space-4);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--space-2)}.add-training-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.add-training-section{margin-top:var(--space-6);padding:var(--space-4) 0;text-align:center}.add-training-section .btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:var(--space-4) var(--space-6);border-radius:var(--border-radius-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-md);min-width:200px}.add-training-section .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--gradient-primary-hover, var(--gradient-primary))}.add-training-section .btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.simple-trainings-list{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-secondary)}.simple-trainings-list h4{margin:0 0 var(--space-4) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.training-cards{display:flex;flex-direction:column;gap:var(--space-3)}.simple-training-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.simple-training-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.training-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);flex:1}.edit-training-btn{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-md);padding:var(--space-2) var(--space-3);cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.edit-training-btn:hover{background:var(--bg-accent);border-color:var(--border-accent);transform:scale(1.05)}.edit-training-btn:active{transform:scale(.95)}.trainings-list{display:flex;flex-direction:column;gap:1rem}.training-item{background:#fff;border-radius:12px;padding:1rem;border:1px solid #e2e8f0;transition:all .3s ease}.training-item:hover{box-shadow:0 4px 15px #0000001a}.training-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.training-header h4{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.training-actions{display:flex;gap:.5rem}.edit-button,.remove-button{background:none;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:.9rem}.edit-button{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.remove-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.edit-button:hover,.remove-button:hover{transform:translateY(-2px)}.training-exercises{color:var(--text-secondary);font-size:.9rem}.empty-trainings{text-align:center;padding:2rem;color:var(--text-secondary)}.empty-trainings p{margin-bottom:1rem}.empty-action-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.empty-action-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf64d}.training-form{padding:2rem}.exercises-section{margin:2rem 0}.exercise-selection{margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0}.exercise-selection h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.available-exercises{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.5rem;max-height:200px;overflow-y:auto;padding:.5rem;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.available-exercise{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.available-exercise:hover{background:#f1f5f9}.available-exercise .exercise-info{display:flex;flex-direction:column;gap:.25rem}.exercise-name{font-weight:500;color:var(--text-primary);font-size:.9rem}.available-exercise .exercise-muscle-group{font-size:.75rem;color:#6366f1;font-weight:500;background:#6366f11a;padding:2px 6px;border-radius:4px;border:1px solid rgba(99,102,241,.2);align-self:flex-start}.add-exercise-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;width:28px;height:28px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:.8rem}.add-exercise-button:disabled{background:#94a3b8;cursor:not-allowed}.add-exercise-button:not(:disabled):hover{transform:scale(1.1)}.selected-exercises{padding:1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;border:2px solid #6366f1;box-shadow:0 4px 12px #6366f14d}.selected-exercises h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#fff}.training-exercise-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1rem;position:relative}.exercise-info h5{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.exercise-params{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1rem}.param-group{display:flex;flex-direction:column}.param-group label{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.param-group input{padding:.5rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .3s ease}.param-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.exercise-notes{margin-bottom:1rem}.exercise-notes label{display:block;font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.exercise-notes input{width:100%;padding:.5rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem}.remove-exercise-button{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:.9rem}.remove-exercise-button:hover{transform:translateY(-2px)}.empty-exercises{text-align:center;padding:2rem;color:var(--text-secondary);border:2px dashed #e2e8f0;border-radius:12px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:2rem}.plans-grid.list-layout{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.plans-grid.list-layout .flat-trainees-list{margin-left:0;margin-right:0;margin-top:0;max-width:100%}@media (min-width: 1024px){.plans-grid{max-width:75%;margin-left:auto;margin-right:auto;grid-template-columns:1fr;gap:var(--space-3)}.plans-grid.list-layout{max-width:75%;margin-left:auto;margin-right:auto}}.plan-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;animation:slideInUp .3s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.plan-card.deleting{animation:fadeOutSlideUp .3s ease forwards}@keyframes fadeOutSlideUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.plan-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.plan-card.clickable{cursor:pointer}.plan-card.clickable:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0003}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.plan-actions{display:flex;gap:8px;opacity:1;transition:opacity .2s ease}.edit-plan-btn,.delete-plan-btn{background:#ffffffe6;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.edit-plan-btn:hover{background:#3b82f6;color:#fff;transform:scale(1.1)}.delete-plan-btn:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.plan-name{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0}.plan-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.plan-stats{display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px}.stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:1.5rem;font-weight:700;color:#667eea}.stat-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.plan-trainings{display:flex;flex-direction:column;gap:.5rem}.training-summary{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:10px;border:1px solid rgba(102,126,234,.2)}.training-summary strong{color:var(--text-primary);font-size:.9rem}.training-summary span{color:var(--text-secondary);font-size:.85rem}.training-plan-management .card{background:var(--bg-card)}.training-plan-management .card .empty-state{background:#1e293bcc!important;margin:-2rem -1.5rem!important;border-radius:12px!important;border:1px solid rgba(71,85,105,.4)!important}.training-plan-management .empty-state{grid-column:1 / -1;text-align:center;padding:1.5rem 1rem!important;background:#1e293bcc!important;border-radius:12px!important;border:1px solid rgba(71,85,105,.4)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000026}.plans-grid .card{grid-column:1 / -1;width:100%}@media (min-width: 1024px){.plans-grid .card{width:100%;max-width:none}}.training-plan-management .empty-icon{font-size:2rem!important;margin-bottom:.5rem!important;opacity:.8}.training-plan-management .empty-state h3{color:#e2e8f0!important;font-size:1.1rem!important;font-weight:600!important;margin-bottom:.5rem!important}.training-plan-management .empty-state p{color:#94a3b8!important;font-size:.85rem!important;margin-bottom:1rem!important;line-height:1.4}.training-plan-management .empty-state .btn-primary{font-size:.9rem!important;padding:.75rem 1.5rem!important;margin-top:.5rem!important}@media (max-width: 768px){.training-plan-management{padding:1rem}.plans-grid{grid-template-columns:1fr;gap:1rem}.plan-form-modal,.training-form-modal{margin:0;border-radius:0;max-height:100vh}.exercise-params{grid-template-columns:1fr}.available-exercises{grid-template-columns:1fr;max-height:150px}.plan-stats{gap:1rem}.training-plan-management .empty-state{padding:1rem .75rem!important}.training-plan-management .empty-icon{font-size:1.75rem!important;margin-bottom:.4rem!important}.training-plan-management .empty-state h3{font-size:1rem!important}.training-plan-management .empty-state p{font-size:.8rem!important;margin-bottom:.75rem!important}}@media (max-width: 480px){.plan-card{padding:1.5rem}.plan-form,.training-form,.training-exercise-item{padding:1rem}.remove-exercise-button{top:.5rem;left:.5rem}.training-plan-management .empty-state{padding:.75rem .5rem!important}.training-plan-management .empty-icon{font-size:1.5rem!important}.training-plan-management .empty-state h3{font-size:.9rem!important}.training-plan-management .empty-state p{font-size:.75rem!important}}.plan-info{flex:1;min-width:0;text-align:right}.plan-info .card-title{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-align:right;line-height:1.2}.plan-info .card-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.card-header.clickable .card-title{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-align:right;line-height:1.2}.card-actions-section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width-1) solid var(--border-primary);display:flex;gap:var(--space-3);justify-content:flex-end}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-group input,.form-group textarea{width:100%;padding:var(--space-3);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);transition:var(--transition-base);font-family:var(--font-family-sans);background:var(--bg-tertiary, #f8fafc);color:var(--text-primary, #1f2937);text-align:right}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.training-sections{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.exercise-browser-section,.training-exercises-section{display:flex;flex-direction:column;min-height:300px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.section-title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.section-icon{font-size:1.25rem}.exercises-count{background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500}.exercises-content,.training-exercises-content{padding-right:.5rem}.sections-divider{display:flex;align-items:center;gap:1rem;margin:1rem 0;padding:0 1rem}.divider-line{flex:1;height:2px;background:var(--border-color)}.divider-icon{font-size:1.5rem;color:var(--primary-color);background:var(--background-primary);padding:.5rem;border-radius:50%;border:2px solid var(--border-color)}.selected-indicator{display:flex;align-items:center;gap:.5rem;color:var(--success-color);font-weight:500;font-size:.875rem}.selected-icon{font-size:1rem}.training-parameters{margin-bottom:1rem;padding:.75rem;background:var(--background-tertiary);border-radius:.375rem}.parameter-row{display:flex;gap:2rem;margin-bottom:.5rem}.parameter-row:last-child{margin-bottom:0}.parameter-item{display:flex;flex-direction:column;gap:.25rem}.parameter-label{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.parameter-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.training-form{max-height:none}.card-top-actions{position:absolute;top:.5rem;left:.5rem;z-index:10}.add-exercise-btn{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#64748b;border:1px solid #cbd5e1;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px #0000001a;position:relative}.add-exercise-btn:before{content:"";position:absolute;width:10px;height:2px;background:currentColor;border-radius:1px}.add-exercise-btn:after{content:"";position:absolute;width:2px;height:10px;background:currentColor;border-radius:1px}.add-exercise-btn:hover:not(:disabled):not(.selected){background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.add-exercise-btn:disabled{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#059669;cursor:not-allowed;transform:none;box-shadow:0 2px 6px #10b98133}.add-exercise-btn.selected{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#059669;box-shadow:0 2px 6px #10b98133}.plans-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius-xl);padding:var(--space-2);box-shadow:var(--shadow-sm)}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:none;border-radius:var(--border-radius-lg);background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);min-height:44px}.tab-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.tab-button.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.tab-button.active:hover{background:var(--gradient-primary);color:#fff}.tab-icon{font-size:var(--font-size-base)}.tab-text{font-weight:var(--font-weight-medium)}.card-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-secondary)}.btn-sm.disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-sm.disabled:hover{opacity:.5;transform:none!important;box-shadow:var(--shadow-sm)}.loading-spinner-small{display:inline-block;width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.training-history-modal{background:var(--bg-card);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-2xl);width:90vw;max-width:1200px;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-xl);font-family:var(--font-family-sans);display:flex;flex-direction:column}.modal-header{background:var(--gradient-primary);color:#fff;padding:var(--space-5) var(--space-6);display:flex;justify-content:space-between;align-items:center;border-radius:var(--border-radius-2xl) var(--border-radius-2xl) 0 0}.modal-header h2{margin:0;font-size:24px;font-weight:600}.close-button{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:18px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-content{flex:1;overflow-y:auto;padding:var(--space-6);background:var(--bg-card);color:var(--text-primary)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-5);text-align:center;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-primary);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.loading-container p{color:#6b7280;font-size:16px;margin:0}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.error-text{color:#dc2626;font-size:18px;margin-bottom:24px}.retry-button{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.retry-button:hover{background:#5a67d8;transform:translateY(-2px)}.button-icon{font-size:16px}.empty-history{text-align:center;padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-history h3{color:#374151;font-size:24px;font-weight:600;margin:0 0 8px}.empty-history p{color:#6b7280;font-size:16px;margin:0}.trainings-overview{display:flex;flex-direction:column;gap:32px}.training-group{background:#f8fafc;border-radius:12px;padding:24px;border:1px solid #e2e8f0}.training-group-header{margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #667eea}.training-group-header h3{color:#667eea;font-size:20px;font-weight:700;margin:0;display:flex;align-items:center;gap:8px}.exercises-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.exercise-summary-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.exercise-summary-card:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.exercise-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.exercise-card-header h4{color:#374151;font-size:16px;font-weight:600;margin:0;line-height:1.2}.session-count{background:#667eea;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.exercise-card-details{display:flex;flex-direction:column;gap:8px}.last-workout,.last-weight,.last-repeats{display:flex;justify-content:space-between;align-items:center}.detail-label{color:#6b7280;font-size:14px;font-weight:500}.detail-value{color:#374151;font-size:14px;font-weight:600}.exercise-history-view{display:flex;flex-direction:column;gap:24px}.exercise-history-header{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.back-button{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#e5e7eb;border-color:#9ca3af}.exercise-history-header h3{color:#374151;font-size:20px;font-weight:600;margin:0}.no-history{text-align:center;padding:40px 20px;color:#6b7280;font-size:16px}.history-list{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.history-list-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr;gap:16px;font-weight:600;color:#374151;font-size:14px}.history-entry{padding:16px;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr;gap:16px;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.history-entry:last-child{border-bottom:none}.history-entry:hover{background:#f8fafc}.history-col{display:flex;align-items:center;font-size:14px;color:#374151}.history-list-header .history-col{font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:12px}@media (max-width: 768px){.training-history-modal{width:95vw;max-height:95vh}.modal-content{padding:16px}.modal-header{padding:16px 20px}.modal-header h2{font-size:20px}.exercises-grid{grid-template-columns:1fr}.history-list-header,.history-entry{grid-template-columns:1fr;gap:8px}.history-list-header .history-col,.history-entry .history-col{padding:4px 0}.history-list-header .history-col:before{content:attr(data-label) ": ";font-weight:600;color:#6b7280}.training-group{padding:16px}}@media (max-width: 480px){.training-history-modal{width:100vw;max-height:100vh;border-radius:0}.modal-header{border-radius:0}.exercise-card-header{flex-direction:column;align-items:flex-start;gap:8px}.exercise-history-header{flex-direction:column;align-items:flex-start;gap:12px}}.plan-upgrade-modal-content{display:flex;flex-direction:column;gap:1.25rem;padding:0;max-height:80vh;overflow-y:auto}.upgrade-message{text-align:center;padding:0;margin-bottom:.5rem}.upgrade-message p{margin:0;font-size:.95rem;color:#ffffffd9;line-height:1.5}.plans-container{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.5rem}.plan-card{background:linear-gradient(135deg,#c8c8d240,#b4b4be33);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(160,160,170,.3);border-radius:10px;padding:.75rem 1rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.plan-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}.plan-card .plan-header h3,.plan-card .plan-price .price{color:#000000d9;text-shadow:none}.plan-card .plan-description{color:#000000b3;text-shadow:none}.plan-card .plan-price .period{color:#0009}.plan-card:nth-child(2){background:linear-gradient(135deg,#3c3c4680,#32323c73);border:1.5px solid rgba(100,100,120,.4);box-shadow:0 4px 16px #00000040}.plan-card:nth-child(2):hover{box-shadow:0 6px 24px #00000059;border-color:#78788c80}.plan-card:nth-child(2) .plan-header h3,.plan-card:nth-child(2) .plan-price .price{color:#fffffff2;text-shadow:none}.plan-card:nth-child(2) .plan-description{color:#ffffffd9;text-shadow:none}.plan-card:nth-child(2) .plan-price .period{color:#ffffffb3}.plan-card.popular{background:linear-gradient(135deg,#fb923c4d,#f9731640);border:2px solid rgba(251,146,60,.6);box-shadow:0 6px 20px #fb923c66,0 0 30px #fb923c33}.plan-card.popular:hover{box-shadow:0 8px 32px #fb923c99,0 0 40px #fb923c4d;border-color:#fb923ccc;transform:translateY(-3px)}.plan-card.popular .plan-header h3,.plan-card.popular .plan-price .price,.plan-card.popular .plan-description{color:#fff;text-shadow:0 2px 12px rgba(251,146,60,.5);font-weight:800}.plan-card.current-plan{border-color:#4caf5099;box-shadow:0 4px 16px #4caf504d}.plan-card.current-plan:hover{box-shadow:0 6px 24px #4caf5066}.popular-badge{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;padding:.2rem .6rem;border-radius:8px;font-size:.65rem;font-weight:700;white-space:nowrap;box-shadow:0 2px 8px #fb923c80;letter-spacing:.3px;align-self:flex-start}.plan-header{display:flex;flex-direction:row;gap:.5rem;align-items:center;flex:1}.plan-header h3{margin:0;font-size:.95rem;font-weight:700;letter-spacing:.3px}.current-badge{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;padding:.2rem .6rem;border-radius:8px;font-size:.65rem;font-weight:700;letter-spacing:.3px;box-shadow:0 2px 6px #4caf504d;white-space:nowrap}.plan-price{display:flex;align-items:baseline;gap:.2rem;white-space:nowrap}.plan-price .price{font-size:1.3rem;font-weight:800}.plan-price .period{font-size:.7rem;color:#ffffffb3;font-weight:500}.plan-description{font-size:.8rem;line-height:1.4;font-weight:500;flex:1;text-align:right}.contact-section{text-align:center;padding:1.25rem 1rem;background:linear-gradient(135deg,#ffffff14,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 4px 12px #00000026}.contact-section h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:.3px}.contact-section p{margin:0 0 1rem;font-size:.9rem;color:#fffc;line-height:1.5}.whatsapp-contact-button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.9rem 1.75rem;background:linear-gradient(135deg,#25d366,#1fa855);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;max-width:320px;box-shadow:0 4px 16px #25d36659;letter-spacing:.3px}.whatsapp-contact-button:hover{background:linear-gradient(135deg,#20ba5a,#188a47);transform:translateY(-2px);box-shadow:0 6px 24px #25d36673}.whatsapp-contact-button:active{transform:translateY(0)}.whatsapp-contact-button svg{width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.simple-message-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem 1rem;text-align:center}.limit-message{display:flex;flex-direction:column;gap:1rem;max-width:500px}.limit-message h3{margin:0;font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:.3px}.limit-message p{margin:0;font-size:1rem;color:#ffffffd9;line-height:1.6}[dir=rtl] .plan-header{flex-direction:column}[dir=rtl] .feature{flex-direction:row-reverse}@media (max-width: 768px){.plan-upgrade-modal-content{max-height:85vh;padding:0;gap:.75rem}.upgrade-message{padding:0;margin-bottom:0}.upgrade-message p{font-size:.8rem}.plans-container{gap:.6rem}.plan-card{padding:.65rem .85rem;gap:.75rem}.plan-header h3{font-size:.85rem}.plan-price .price{font-size:1.1rem}.plan-price .period{font-size:.65rem}.plan-description{font-size:.75rem}.contact-section{padding:1rem .75rem}.contact-section h3{font-size:.95rem;margin-bottom:.4rem}.contact-section p{font-size:.78rem;margin-bottom:.75rem}.whatsapp-contact-button{padding:.75rem 1.25rem;font-size:.85rem}.popular-badge,.current-badge{font-size:.6rem;padding:.15rem .45rem}}.coach-tracking-view{display:flex;flex-direction:column;gap:var(--space-4);width:100%;padding:var(--space-4);background:var(--bg-primary)}.coach-tracking-view.loading{align-items:center;justify-content:center;min-height:400px}.loading-message{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.spinner{width:40px;height:40px;border:4px solid var(--border-secondary);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.view-toggle{position:sticky;top:0;z-index:100;display:flex;justify-content:center;margin-bottom:var(--space-4);padding-top:var(--space-2);background:var(--bg-primary);box-shadow:0 2px 8px #0000001a}.view-switcher{display:flex;background:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:var(--space-1);gap:var(--space-1)}.view-option{padding:var(--space-2) var(--space-4);border:none;background:transparent;color:var(--text-muted);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-base)}.view-option:hover{background:var(--bg-hover);color:var(--text-secondary)}.view-option.active{background:var(--primary-color);color:#fff}.tracking-calendar{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:100%;padding:0}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--border-radius-lg);width:100%;box-sizing:border-box}.month-year{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.nav-button{padding:var(--space-2);background:transparent;border:none;font-size:var(--font-size-xl);color:var(--primary-color);cursor:pointer;border-radius:var(--border-radius-md);transition:var(--transition-base)}.nav-button:hover{background:var(--bg-hover)}.today-button{padding:var(--space-2) var(--space-4);background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);align-self:center}.today-button:hover{opacity:.9}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-2);margin-bottom:var(--space-2)}.weekday-header{text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);padding:var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-md)}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;border-radius:var(--border-radius-md);background:var(--bg-secondary);cursor:pointer;transition:var(--transition-base)}.calendar-day:not(.empty):hover{background:var(--bg-hover)}.calendar-day.has-data{background:var(--primary-light);border:2px solid var(--primary-color)}.calendar-day.selected{background:var(--primary-color);color:#fff}.calendar-day.today{box-shadow:0 0 0 2px var(--secondary-color)}.day-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.data-indicator{position:absolute;bottom:4px;font-size:8px;color:var(--primary-color)}.entry-details{padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:var(--border-width-1) solid var(--border-secondary);width:100%;max-width:100%;margin:0}.entry-details h3{margin:0 0 var(--space-3) 0;font-size:var(--font-size-lg);color:var(--text-primary)}.details-content{display:flex;flex-direction:column;gap:var(--space-2)}.detail-row{display:flex;justify-content:space-between;padding:var(--space-2);background:var(--bg-primary);border-radius:var(--border-radius-md)}.detail-label{font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.detail-value{color:var(--text-primary);font-weight:var(--font-weight-bold)}.tracking-graph{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:100%}.graph-legend{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-2);border-radius:var(--border-radius-md);transition:var(--transition-base)}.legend-item:hover{background:var(--bg-hover)}.legend-color{width:20px;height:4px;border-radius:2px}.weight-color{background:var(--primary-color)}.body-weight-color{background:var(--secondary-color)}.graph-svg{overflow:visible;display:block;margin:0 auto}.no-data-message{padding:var(--space-6);text-align:center;color:var(--text-muted);font-size:var(--font-size-base);background:var(--bg-secondary);border-radius:var(--border-radius-lg);width:100%;max-width:100%;margin:0}.nutrition-onboarding-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#000000b3!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;padding:1rem!important}.nutrition-onboarding-modal{background:var(--bg-card, #ffffff)!important;border-radius:var(--radius-lg, 16px)!important;box-shadow:var(--shadow-xl, 0 20px 60px rgba(0, 0, 0, .3))!important;max-width:500px!important;width:95%!important;max-height:85vh!important;overflow-y:auto!important;direction:rtl!important;position:relative!important;z-index:100000!important}.nutrition-onboarding-header{padding:1rem 1rem .75rem;text-align:center;border-bottom:1px solid var(--border-color, #e0e0e0)}.nutrition-onboarding-content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.onboarding-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.onboarding-grid{grid-template-columns:1fr;gap:.75rem}}.onboarding-section{display:flex;flex-direction:column;gap:.5rem}.onboarding-field{display:flex;flex-direction:column;gap:.25rem}.onboarding-label{font-size:.8rem;font-weight:600;color:var(--text-primary, #1a1a1a);text-align:start}.onboarding-input{padding:.5rem;border:2px solid var(--border-color, #e0e0e0);border-radius:var(--radius-md, 8px);font-size:.9rem;font-weight:500;font-family:inherit;background:var(--bg-secondary, #f8f9fa);color:var(--text-primary, #1a1a1a);transition:all .2s ease;text-align:right;direction:rtl}.onboarding-input::placeholder{color:var(--text-tertiary, #999);font-weight:400}.onboarding-input:hover{border-color:var(--border-hover, #c0c0c0);background:var(--bg-primary, #ffffff)}.onboarding-input:focus{outline:none;border-color:var(--primary-color, #4a90e2);background:var(--bg-primary, #ffffff);box-shadow:0 0 0 3px #4a90e226}.nutrition-onboarding-actions{padding:.75rem 1rem;border-top:1px solid var(--border-color, #e0e0e0);display:flex;gap:.75rem;justify-content:flex-end}.onboarding-btn{padding:.5rem 1rem;border:none;border-radius:var(--radius-md, 8px);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.onboarding-btn:disabled{opacity:.5;cursor:not-allowed}.onboarding-btn-primary{background:var(--primary-color, #4a90e2);color:#fff}.onboarding-btn-primary:hover:not(:disabled){background:var(--primary-hover, #357abd);transform:translateY(-1px);box-shadow:0 4px 12px #4a90e24d}.onboarding-btn-secondary{background:transparent;color:var(--text-secondary, #666666);border:1px solid var(--border-color, #e0e0e0)}.onboarding-btn-secondary:hover:not(:disabled){background:var(--bg-hover, #f5f5f5)}.onboarding-error{padding:.75rem 1rem;background:#fee;border:1px solid #fcc;border-radius:var(--radius-md, 8px);color:#c33;font-size:.875rem;font-weight:500;text-align:center;margin-top:.5rem}@media (max-width: 640px){.nutrition-onboarding-modal{max-height:90vh;width:98%}.nutrition-onboarding-header{padding:.75rem .75rem .5rem}.nutrition-onboarding-content{padding:.75rem;gap:.75rem}.nutrition-onboarding-actions{padding:.5rem .75rem}.onboarding-btn{flex:1;padding:.5rem .75rem;font-size:.85rem}.onboarding-section{gap:.4rem}.onboarding-field{gap:.2rem}.onboarding-label{font-size:.75rem}.onboarding-input{padding:.4rem;font-size:.85rem}}.ai-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease-out}.ai-modal-container{background:#fff;border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.ai-modal-header{padding:24px;border-bottom:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;position:relative}.ai-modal-header h2{margin:0;font-size:24px;font-weight:700;text-align:center}.ai-modal-close{background:#fff3;border:none;width:36px;height:36px;border-radius:50%;font-size:28px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1;position:absolute;inset-inline-start:24px;top:50%;transform:translateY(-50%)}.ai-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.ai-modal-content{padding:24px;overflow-y:auto;flex:1}.ai-profile-summary{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:12px;padding:20px;margin-bottom:24px}.ai-profile-summary h3{margin:0 0 16px;font-size:18px;font-weight:700;color:#0369a1}.ai-profile-info{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.ai-profile-item{display:flex;align-items:center;gap:8px;font-size:15px}.ai-profile-label{font-weight:600;color:#0369a1}.ai-profile-value{color:#0c4a6e}.ai-profile-note{background:#fff;border-radius:8px;padding:12px;margin:0;font-size:14px;color:#0369a1;border:1px solid #bae6fd}.ai-form-group{margin-bottom:24px}.ai-form-label{display:block;font-size:16px;font-weight:700;margin-bottom:8px;color:#1f2937;text-align:start}.ai-form-hint{font-size:14px;color:#6b7280;margin:0 0 12px;line-height:1.5}.ai-form-textarea,.ai-form-select{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;font-family:inherit;transition:border-color .2s;background-color:#fff;color:#1f2937}.ai-form-textarea{resize:vertical}.ai-form-textarea:focus,.ai-form-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.ai-form-textarea::placeholder{color:#9ca3af}.ai-form-select{cursor:pointer}.ai-info-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;padding:16px;margin-bottom:24px}.ai-info-box strong{display:block;color:#92400e;font-size:16px;margin-bottom:8px}.ai-info-box p{margin:0 0 8px;color:#78350f;font-size:14px}.ai-info-box ul{margin:0;padding-right:20px;color:#78350f;font-size:14px}.ai-info-box li{margin-bottom:4px}.ai-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.ai-btn{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.ai-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 12px #6366f14d}.ai-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.ai-btn-primary:active{transform:translateY(0)}.ai-btn-secondary{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.ai-btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.ai-modal-footer-note{text-align:center;font-size:13px;color:#6b7280;margin:16px 0 0;font-style:italic}@media (max-width: 768px){.ai-modal-container{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0;margin-top:auto}.ai-modal-header{padding:20px}.ai-modal-header h2{font-size:20px}.ai-modal-close{inset-inline-start:20px}.ai-modal-content{padding:20px}.ai-modal-actions{flex-direction:column-reverse}.ai-btn{width:100%}.ai-profile-info{font-size:14px}}.custom-food-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001}.custom-food-modal{background:var(--bg-card);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;padding:24px;box-shadow:var(--shadow-lg);direction:rtl;text-align:right}.custom-food-title{font-size:24px;font-weight:600;margin:0 0 8px;text-align:center;color:var(--text-primary)}.custom-food-subtitle{font-size:14px;color:var(--text-secondary);text-align:center;margin:0 0 20px}.custom-food-errors{background:#fee;border:1px solid #fcc;border-radius:8px;padding:12px;margin-bottom:16px}.custom-food-error{color:#c00;font-size:14px;margin:4px 0}.custom-food-form{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.custom-food-field{display:flex;flex-direction:column;gap:6px}.custom-food-label{font-size:14px;font-weight:600;color:var(--text-primary)}.custom-food-required{color:#e74c3c;font-weight:700}.custom-food-optional{color:var(--text-secondary);font-weight:400;font-size:12px}.custom-food-input{width:100%;padding:12px 16px;font-size:16px;border:2px solid var(--border-primary);border-radius:8px;outline:none;transition:border-color .2s;background:var(--bg-primary)!important;color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important;direction:rtl;text-align:right}.custom-food-input::placeholder{color:var(--text-disabled)}.custom-food-input:focus{border-color:var(--primary)}.custom-food-input:-webkit-autofill,.custom-food-input:-webkit-autofill:hover,.custom-food-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--bg-primary) inset!important;-webkit-text-fill-color:var(--text-primary)!important;box-shadow:0 0 0 1000px var(--bg-primary) inset!important}.custom-food-actions{display:flex;gap:12px;justify-content:space-between}.custom-food-btn{flex:1;padding:14px 24px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.custom-food-btn-cancel{background:var(--bg-secondary);color:var(--text-primary)}.custom-food-btn-cancel:hover{background:var(--bg-tertiary)}.custom-food-btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.custom-food-btn-save:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.custom-food-btn-save:active{transform:translateY(0)}.food-amount-picker-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:#f7fafc;display:flex;flex-direction:column;overflow:hidden;z-index:1000}.food-amount-picker-header{display:flex;justify-content:space-between;align-items:center;padding:48px 20px 16px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;flex-shrink:0}.food-amount-picker-cancel{padding:8px 12px;background:#e2e8f0;border:none;border-radius:8px;font-size:18px;cursor:pointer;transition:background-color .2s}.food-amount-picker-cancel:hover{background:#cbd5e0}.food-amount-picker-title{font-size:20px;font-weight:600;color:#1a365d;margin:0;direction:rtl}.food-amount-picker-spacer{width:44px}.food-amount-picker-body{flex:1;overflow-y:auto;padding:32px 20px;direction:rtl;display:flex;flex-direction:column;align-items:center}.food-amount-mode-tabs{display:flex;gap:8px;margin-bottom:32px;background:#f3f4f6;padding:4px;border-radius:8px;width:100%;max-width:300px}.food-amount-mode-tab{flex:1;padding:10px 16px;border:none;background:transparent;border-radius:6px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.food-amount-mode-tab.active{background:#fff;color:#2563eb;box-shadow:0 1px 3px #0000001a}.food-amount-input-group{margin-bottom:32px;width:100%;max-width:400px}.food-amount-input-group label{display:block;font-size:16px;font-weight:600;color:#374151;margin-bottom:20px;text-align:center}.food-amount-stepper{display:flex;align-items:center;justify-content:center;gap:16px;width:100%}.food-amount-stepper-btn{width:56px;height:56px;border:2px solid #e5e7eb;background:#fff;border-radius:12px;font-size:32px;font-weight:300;color:#2563eb;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.food-amount-stepper-btn:hover{background:#f0f9ff;border-color:#2563eb;transform:scale(1.05)}.food-amount-stepper-btn:active{transform:scale(.95)}.food-amount-input-wrapper{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:12px 20px;transition:all .2s;flex:1;max-width:180px}.food-amount-input-wrapper:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.food-amount-input{flex:1;border:none;background:transparent;font-size:24px;font-weight:700;color:#1f2937;padding:0;outline:none;text-align:center;min-width:0;width:100%}.food-amount-input::placeholder{color:#9ca3af}.food-amount-unit{font-size:14px;font-weight:500;color:#6b7280;white-space:nowrap}.food-amount-helper{font-size:14px;color:#6b7280;margin-top:12px;padding:10px 16px;background:#eff6ff;border-radius:8px;text-align:center}.food-amount-preview{background:#fff;border-radius:12px;padding:20px;margin-top:24px;border:1px solid #e5e7eb;width:100%;max-width:400px}.food-amount-preview-title{font-size:14px;font-weight:600;color:#6b7280;margin-bottom:16px;text-align:center}.food-amount-preview-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:16px}.food-amount-preview-item:not(:last-child){border-bottom:1px solid #e5e7eb}.food-amount-preview-item span:first-child{color:#6b7280;font-weight:500}.food-amount-preview-item span:last-child{color:#1f2937;font-weight:600}.food-amount-picker-footer{display:flex;gap:12px;padding:16px 20px 36px;border-top:1px solid #e2e8f0;background:#fff;direction:rtl;flex-shrink:0}.food-amount-button{flex:1;padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.food-amount-button.cancel{background:#f3f4f6;color:#6b7280}.food-amount-button.cancel:hover{background:#e5e7eb}.food-amount-button.confirm{background:#48bb78;color:#fff}.food-amount-button.confirm:hover{background:#38a169}.food-amount-button.confirm:active{transform:scale(.98)}.food-amount-input::-webkit-outer-spin-button,.food-amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.food-amount-input[type=number]{-moz-appearance:textfield}.food-swap-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.food-swap-confirmation-modal{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.food-swap-header{position:relative;padding:20px;border-bottom:2px solid #e2e8f0}.food-swap-close{position:absolute;top:16px;inset-inline-end:16px;background:#f7fafc;border:none;width:32px;height:32px;border-radius:8px;font-size:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.food-swap-close:hover{background:#e2e8f0;transform:scale(1.1)}.food-swap-title{font-size:22px;font-weight:700;margin:0;text-align:center;color:#2d3748}.food-swap-body{flex:1;overflow-y:auto;padding:24px}.food-swap-info{margin-bottom:24px}.food-swap-arrow{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:12px;margin-bottom:12px}.food-swap-old{font-size:15px;font-weight:600;color:#718096}.food-swap-arrow-icon{font-size:24px;color:#667eea}.food-swap-new{font-size:17px;font-weight:700;color:#667eea}.food-swap-hint{font-size:14px;color:#718096;text-align:start;margin:0}.food-swap-mode-tabs{display:flex;gap:8px;background:#e2e8f0;padding:4px;border-radius:10px;margin-bottom:20px}.food-swap-mode-tab{flex:1;padding:10px 16px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:600;color:#4a5568;cursor:pointer;transition:all .2s}.food-swap-mode-tab.active{background:#fff;color:#667eea;box-shadow:0 2px 6px #0000001a}.food-swap-input-group{margin-bottom:24px}.food-swap-input-group label{display:block;font-size:15px;font-weight:600;color:#2d3748;margin-bottom:12px;text-align:start}.food-swap-stepper{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;padding:12px 16px;border-radius:12px;border:2px solid #cbd5e0;transition:border-color .2s;width:100%;box-sizing:border-box}.food-swap-stepper:focus-within{border-color:#667eea}.food-swap-stepper-btn{width:36px;height:36px;flex-shrink:0;border:none;background:#667eea;color:#fff;border-radius:8px;font-size:20px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.food-swap-stepper-btn:hover{background:#764ba2;transform:scale(1.05)}.food-swap-stepper-btn:active{transform:scale(.98)}.food-swap-input{width:70px;max-width:70px;flex-shrink:0;padding:8px 4px;border:none;background:#f7fafc;border-radius:8px;font-size:28px;font-weight:700;text-align:center;outline:none;color:#2d3748}.food-swap-center-group{display:flex;align-items:center;gap:6px;flex:1;justify-content:center}.food-swap-unit{font-size:16px;font-weight:600;color:#4a5568;white-space:nowrap;margin:0}.food-swap-helper{margin-top:8px;font-size:13px;color:#718096;text-align:start}.food-swap-preview{background:#edf6ff;border-radius:12px;padding:16px;border:2px solid #667eea30}.food-swap-preview-title{font-size:14px;font-weight:600;color:#667eea;margin-bottom:12px}.food-swap-preview-item{display:flex;justify-content:space-between;font-size:15px;margin-bottom:8px}.food-swap-preview-item:last-child{margin-bottom:0}.food-swap-preview-item span:first-child{color:#718096;font-weight:500}.food-swap-preview-item span:last-child{color:#2d3748;font-weight:700}.food-swap-footer{display:flex;gap:12px;padding:20px;border-top:2px solid #e2e8f0}.food-swap-button{flex:1;padding:14px;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.food-swap-button.cancel{background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0}.food-swap-button.cancel:hover{background:#e2e8f0}.food-swap-button.confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea66}.food-swap-button.confirm:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.food-swap-button.confirm:active{transform:translateY(0)}.alternatives-manager-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out}.alternatives-manager{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 40px #0000004d;animation:slideIn .3s cubic-bezier(.4,0,.2,1);position:relative}.alternatives-manager:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(135deg,#805ad5,#6b46c1);border-radius:16px 16px 0 0}@keyframes slideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.alternatives-manager-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e2e8f0;position:relative}.alternatives-manager-close{background:transparent;border:none;color:#4a5568;font-size:24px;cursor:pointer;padding:4px 8px;transition:all .2s;line-height:1}.alternatives-manager-close:hover{color:#2d3748;transform:scale(1.1)}.alternatives-manager-title{font-size:20px;font-weight:600;color:#1a202c;margin:0;flex:1;text-align:center}.alternatives-tabs{display:flex;background:#f7fafc;border-bottom:1px solid #e2e8f0}.alternatives-tab{flex:1;padding:16px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:15px;font-weight:500;color:#718096;cursor:pointer;transition:all .2s}.alternatives-tab:hover{background:#edf2f7;color:#4a5568}.alternatives-tab.active{background:#fff;color:#805ad5;border-bottom-color:#805ad5;font-weight:600}.alternatives-content{flex:1;overflow-y:auto;padding:20px}.alternatives-add-tab{display:flex;flex-direction:column;align-items:center;gap:24px;padding:48px 24px}.alternatives-instructions{font-size:15px;color:#4a5568;text-align:center;margin:0;line-height:1.6}.alternatives-add-button{padding:14px 32px;background:linear-gradient(135deg,#805ad5,#6b46c1);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #805ad54d}.alternatives-add-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #805ad566}.alternatives-add-button:active{transform:translateY(0);box-shadow:0 4px 12px #805ad54d}.alternatives-view-tab{min-height:200px}.alternatives-empty{text-align:center;color:#a0aec0;font-size:15px;padding:60px 24px;margin:0;line-height:1.6}.alternatives-list-manager{display:flex;flex-direction:column;gap:10px}.alternative-item-manager{display:flex;align-items:center;gap:12px;padding:14px;background:#faf9fc;border:1px solid #e9d8fd;border-radius:10px;transition:all .2s}.alternative-item-manager:hover{border-color:#d6bcfa;box-shadow:0 2px 8px #805ad526;background:#f7f4fb}.alternative-item-content{flex:1;min-width:0}.alternative-item-name{font-size:15px;font-weight:600;color:#2d3748;margin-bottom:4px;word-wrap:break-word}.alternative-item-details{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#718096;gap:12px}.alternative-item-nutrition{font-size:13px;color:#805ad5;font-weight:500}.alternative-item-remove{flex-shrink:0;padding:6px 10px;background:#fff;color:#e53e3e;border:1px solid #feb2b2;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s}.alternative-item-remove:hover{background:#fff5f5;border-color:#fc8181;transform:scale(1.05)}.alternative-item-remove:active{transform:scale(.98)}@media (max-width: 480px){.alternatives-manager{max-width:100%;max-height:90vh;border-radius:16px 16px 0 0}.alternatives-manager-title{font-size:18px;padding:0 50px}.alternatives-tab{font-size:14px;padding:12px}.alternatives-add-button{width:100%}}.meal-card{background:#fff;border-radius:12px;padding:32px 16px 16px;margin-bottom:16px;box-shadow:0 2px 4px #0000001a}.meal-name{font-size:27px;font-weight:700;color:#1a365d;margin:0 0 12px}.food-item{position:relative;padding:12px;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0;text-align:start}.food-item.editing{background:#edf6ff;border-color:#3182ce}.food-name{font-size:16px;font-weight:600;color:#2d3748;flex:1;text-align:start}.food-details{display:flex;justify-content:flex-start;font-size:14px;color:#718096;margin-top:2px}.food-actions{display:flex;gap:6px;justify-content:center;margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.food-alternatives-count{margin-top:8px;padding:6px 12px;background:#e6fffa;border-radius:6px;font-size:13px;color:#234e52;font-weight:600;text-align:center;border:1px solid #81e6d9}.food-main-row{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-bottom:8px}.food-inline-edit{display:flex;align-items:center;gap:8px;justify-content:flex-start;text-align:start}.food-inline-input-container{display:flex;align-items:center;gap:12px;position:relative}.food-inline-input-always{width:50px;height:32px;padding:4px 8px;border:1.5px solid #cbd5e0;background-color:#fff!important;border-radius:6px;font-size:14px;font-weight:600;text-align:center;color:#2d3748!important;outline:none;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.food-inline-input-always:hover{border-color:#a0aec0;background-color:#fff!important}.food-inline-input-always:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background-color:#fff!important}.food-inline-input-always::-webkit-inner-spin-button,.food-inline-input-always::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;display:none}.food-inline-input-always[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.food-inline-unit-label{font-size:14px;color:#4a5568;font-weight:500;-webkit-user-select:none;user-select:none}.food-edit-section{margin-top:12px;padding-top:12px;border-top:1px solid #cbd5e0}.food-edit-tabs{display:flex;gap:6px;background:#e2e8f0;padding:4px;border-radius:8px;margin-bottom:12px}.food-edit-tab{flex:1;padding:6px 12px;border:none;background:transparent;border-radius:6px;font-size:13px;font-weight:600;color:#4a5568;cursor:pointer;transition:all .2s}.food-edit-tab.active{background:#fff;color:#3182ce;box-shadow:0 2px 4px #0000001a}.food-swap-button{width:100%;padding:16px 24px;margin-top:0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:14px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea66;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.food-swap-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.food-swap-button:hover:before{left:100%}.food-swap-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #667eea80}.food-swap-button:active{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.food-input-container{position:relative;margin-bottom:12px}.food-input-box{display:flex;align-items:center;justify-content:center;gap:20px;background:#f7fafc;padding:20px;border-radius:14px;border:2px solid #e2e8f0;box-shadow:0 2px 8px #00000014;transition:all .3s}.food-input-box:focus-within{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-1px)}.food-amount-input-new{width:90px;padding:10px 14px;border:2px solid #cbd5e0;background:#fff;border-radius:10px;font-size:26px;font-weight:700;text-align:center;outline:none;color:#2d3748;transition:all .2s}.food-amount-input-new:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.food-amount-unit-new{font-size:18px;font-weight:600;color:#718096;white-space:nowrap;margin-inline-start:4px}.food-confirm-btn-corner{position:absolute;top:8px;inset-inline-start:8px;padding:8px 14px;background:#48bb78;color:#fff;border:none;border-radius:8px;font-size:22px;font-weight:700;cursor:pointer;transition:all .2s;z-index:10;box-shadow:0 2px 6px #48bb7866}.food-confirm-btn-corner:hover{background:#38a169;transform:scale(1.08);box-shadow:0 4px 10px #48bb7880}.food-confirm-btn-corner:active{transform:scale(1.03)}.meal-actions{display:flex;gap:8px;margin-top:12px}.meal-action-button{width:100%;padding:14px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a}.meal-action-button.add-food:hover{background:#38a169;transform:translateY(-1px);box-shadow:0 4px 8px #48bb784d}.meal-action-button.add-food:active{transform:translateY(0)}.meal-quantity-input-wrapper{display:inline-flex;align-items:center;gap:12px}input.editable-food-amount-field,input[type=number].editable-food-amount-field{width:60px;padding:8px;background:var(--bg-card);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:16px;font-weight:700;text-align:center;outline:none;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);min-height:40px;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:textfield}input.editable-food-amount-field:focus,input[type=number].editable-food-amount-field:focus{background:var(--bg-tertiary);border-color:var(--primary);box-shadow:var(--shadow-md),0 0 15px #6366f133;transform:translateY(-1px)}input.editable-food-amount-field::-webkit-inner-spin-button,input.editable-food-amount-field::-webkit-outer-spin-button,input[type=number].editable-food-amount-field::-webkit-inner-spin-button,input[type=number].editable-food-amount-field::-webkit-outer-spin-button{display:none;-webkit-appearance:none}.food-measurement-unit-text{font-size:14px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.menu-viewer{background:#f7fafc;display:flex;flex-direction:column;height:100%;width:100%;position:relative;overflow:hidden}.viewer-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;flex-shrink:0;position:absolute;top:0;left:0;right:0;z-index:100;height:60px}.viewer-header-spacer{width:42px;flex-shrink:0}.viewer-title{font-size:18px;font-weight:600;color:#1a365d;margin:0;flex:1;text-align:center}.viewer-edit{padding:6px 12px;background:#3182ce;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .2s;flex-shrink:0}.viewer-edit:hover{background:#2c5282}.viewer-info{padding:12px 20px;background:#edf2f7;border-bottom:1px solid #e2e8f0;font-size:14px;color:#4a5568;text-align:center}.days-nav-container{position:absolute;top:106px;left:0;right:0;background:#fff;border-bottom:1px solid #e2e8f0;padding:12px 6px;display:flex;align-items:center;gap:4px;flex-shrink:0;z-index:90;height:60px}.nutrition-bar{position:absolute;top:166px;left:0;right:0;background:#fff;border-bottom:1px solid #e2e8f0;padding:12px 16px;display:flex;flex-direction:column;gap:8px;z-index:80}.nutrition-bar.simple{flex-direction:row;justify-content:space-around;align-items:center}.nutrition-bar.simple.protein-insufficient{background:#fff5f5;border-color:#fc8181}.nutrition-bar.simple.protein-adequate{background:#f0fff4;border-color:#68d391}.nutrition-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f7fafc;border-radius:8px}.nutrition-row.actual.goal-achieved{background:linear-gradient(135deg,#d4f4dd,#c3f0d0);border:2px solid #48bb78}.nutrition-label{font-weight:600;color:#2d3748;font-size:14px}.nutrition-item{font-size:14px;color:#4a5568;padding:4px 8px;border-radius:6px;transition:all .3s ease}.nutrition-item.goal-reached{background:linear-gradient(135deg,#d4f4dd,#c3f0d0);color:#2f855a;font-weight:700;border:1px solid #48bb78;box-shadow:0 2px 4px #48bb7833}.nutrition-value{font-size:16px;font-weight:600;color:#2d3748}.hint{font-size:12px;color:#718096;font-weight:400}.menu-viewer-scrollable{position:absolute;top:265px;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--safe-area-bottom, 32px) + 80px)}.scroll-btn{flex-shrink:0;width:36px;height:36px;background:#f7fafc;border:2px solid #cbd5e0;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#2d3748;transition:all .15s;z-index:2}.day-btn{flex-shrink:0;padding:8px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;color:#2d3748;cursor:pointer;transition:all .2s;white-space:nowrap}.meals-container{padding:71px 12px 16px}.meal-card{background:#fff;border-radius:10px;padding:12px;margin-bottom:12px;box-shadow:0 2px 4px #0000001a}.meal-name{font-size:24px;font-weight:700;color:#1a365d;margin:0 0 10px;text-align:right}.meal-content{margin-bottom:12px}.meal-empty{color:#a0aec0;font-size:14px;text-align:center;padding:12px;margin:0}.food-list{display:flex;flex-direction:column;gap:8px}.food-item{padding:12px;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0;text-align:start;display:flex;flex-direction:column;gap:8px}.food-item[dir=rtl]{text-align:right}.food-item[dir=ltr]{text-align:left}.food-name{font-size:16px;font-weight:500;color:#2d3748}.food-details{display:flex;justify-content:space-between;font-size:14px;color:#718096}.food-nutrition{font-size:13px;color:#4a5568}.food-actions{display:flex;gap:6px;padding-top:8px;border-top:1px solid #e2e8f0;justify-content:flex-end}.food-actions[dir=rtl]{justify-content:flex-start}.food-actions[dir=ltr]{justify-content:flex-end}.food-action-btn{padding:6px 10px;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.edit-btn{background:#4299e1;color:#fff}.edit-btn:hover{background:#3182ce;transform:scale(1.05)}.alternative-btn{background:#805ad5;color:#fff}.alternative-btn:hover{background:#6b46c1;transform:scale(1.05)}.remove-btn{background:#e53e3e;color:#fff}.remove-btn:hover{background:#c53030;transform:scale(1.05)}.meal-totals{display:flex;justify-content:space-around;padding:12px;background:#edf2f7;border-radius:8px;margin-top:12px}.meal-total-value{font-size:16px;font-weight:600;color:#2d3748}.alternatives-section{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.alternatives-label{font-size:14px;font-weight:600;color:#4a5568;margin:0 0 12px}.alternative-meal{margin-bottom:12px;padding:12px;background:#fefcbf;border-radius:8px;border:1px solid #fbd38d}.alternative-meal h4{font-size:15px;font-weight:600;color:#744210;margin:0 0 8px}.food-item-wrapper{margin-bottom:12px}.show-alternatives-btn{margin-top:8px;padding:8px 16px;background:#805ad5;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.show-alternatives-btn:hover{background:#6b46c1;transform:translateY(-1px);box-shadow:0 4px 8px #805ad54d}.show-alternatives-btn:active{transform:translateY(0)}.alternatives-list{margin-top:8px;padding:12px;background:#f5f3ff;border-radius:8px;border:1px solid #d6bcfa}.alternatives-title{font-size:13px;font-weight:700;color:#553c9a;margin-bottom:8px;text-align:right}.alternative-food-item{padding:10px;background:#fff;border-radius:6px;border:1px solid #e9d8fd;margin-bottom:6px}.alternative-food-item:last-child{margin-bottom:0}.alternative-food-item .food-name{font-size:15px;color:#44337a}.alternative-food-item .food-details{font-size:13px;color:#6b46c1}.interactive-menu-viewer .meals-container{overflow-y:auto;-webkit-overflow-scrolling:touch}.consumption-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:10px 15px;background:var(--bg-secondary);border-radius:9px;border:1.5px solid var(--border-primary);box-shadow:var(--shadow-sm)}.consumption-row.actual-row{background:var(--bg-tertiary);border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary) inset}.consumption-row.actual-row.goal-reached{background:linear-gradient(135deg,#d4f4dd,#c3f0d0);border-color:#48bb78;box-shadow:0 0 0 2px #48bb78 inset,0 4px 6px #48bb7826;animation:goal-pulse .6s ease-in-out}@keyframes goal-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.consumption-row.actual-row.goal-reached .consumption-label{color:#2f855a}.consumption-row.actual-row.goal-reached .consumption-value{border-color:#48bb78;background:#fff}.consumption-row.actual-row.goal-reached .value-number{color:#2f855a;font-weight:800}.consumption-row.actual-row.goal-reached .value-unit{color:#48bb78}.consumption-label{color:var(--text-secondary);font-weight:700;font-size:13px;min-width:64px;text-align:start;align-self:center}.consumption-value-container{display:flex;flex-direction:column;gap:4px;align-items:center}.consumption-value-label{color:var(--text-secondary);font-weight:600;font-size:10px;text-align:center;text-transform:uppercase;letter-spacing:.3px}.consumption-value{background:var(--bg-card);padding:6px 10px;border-radius:7.5px;border:1.5px solid var(--border-secondary);min-width:70px;width:70px;text-align:center;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:2px;justify-content:center}.value-number{color:var(--text-primary);font-weight:700;font-size:15px;line-height:1.2}.value-unit{color:var(--text-secondary);font-weight:600;font-size:10px;line-height:1}.actual-row .consumption-value{border-color:var(--brand-primary)}.actual-row .value-number{color:var(--brand-primary);font-weight:800}.meal-header-with-checkbox{margin-bottom:12px}.meal-checkbox-container{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.meal-checkbox{width:24px;height:24px;cursor:pointer;accent-color:var(--primary);flex-shrink:0}.meal-checkbox-container .meal-name{margin:0;cursor:pointer}.food-checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;flex:1;-webkit-user-select:none;user-select:none}.food-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--primary);flex-shrink:0;margin-top:2px}.food-content{flex:1;min-width:0}.food-item.food-checked{background:var(--bg-secondary);border-color:var(--primary);opacity:.85}.food-item.food-checked .food-name{color:var(--text-secondary)}.additional-foods-section{margin-top:16px;padding-top:16px;border-top:2px dashed var(--border-primary)}.additional-foods-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.additional-food{position:relative;display:flex;flex-direction:column;gap:8px;background:var(--bg-tertiary);border:2px solid var(--primary);padding:0}.additional-food .food-content{display:flex;flex-direction:column;gap:8px;padding:18px 36px 12px 12px}.additional-food[dir=ltr] .food-content{padding-right:12px;padding-left:36px}.additional-food .food-name-amount{display:flex;align-items:center;flex-wrap:wrap;gap:4px;line-height:1.4}.additional-food .food-name{font-size:16px;font-weight:500;color:var(--text-primary)}.additional-food .food-separator{color:var(--text-secondary);font-weight:400}.additional-food .food-amount{font-size:14px;color:var(--text-secondary)}.additional-food .food-nutrition-boxes{display:flex!important;gap:8px;margin-top:4px;justify-content:flex-end!important}.additional-food .nutrition-box{display:flex;flex-direction:column;align-items:center;padding:8px 16px;background:#fff;border-radius:8px;border:1.5px solid var(--border-primary);min-width:70px}.additional-food .nutrition-box.calories{border-color:#f6ad55}.additional-food .nutrition-box.protein{border-color:#48bb78}.additional-food .nutrition-box.goal-reached{background:linear-gradient(135deg,#d4f4dd,#c3f0d0);border-color:#48bb78;border-width:2px}.additional-food .nutrition-box.goal-reached .nutrition-value{color:#2f855a;font-weight:800}.additional-food .nutrition-box.goal-reached .nutrition-label{color:#48bb78}.additional-food .nutrition-value{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1}.additional-food .nutrition-label{font-size:11px;color:var(--text-secondary);margin-top:2px;font-weight:600}.remove-food-btn{position:absolute;top:-18px;right:-10px;width:24px;height:24px;border-radius:50%;border:none;background:#e53e3ed9;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;padding:0;line-height:1;z-index:1;box-shadow:0 2px 6px #e53e3e4d}.additional-food[dir=ltr] .remove-food-btn{right:auto;left:-10px}.remove-food-btn:hover{background:#c53030f2;transform:scale(1.15);box-shadow:0 3px 8px #e53e3e66}.remove-food-btn:active{transform:scale(.95);background:#c53030}.add-food-to-meal-btn,.add-extra-food-btn{width:100%;padding:12px;border-radius:8px;border:2px dashed var(--border-secondary);background:var(--bg-secondary);color:var(--text-secondary);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:12px}.add-food-to-meal-btn:hover,.add-extra-food-btn:hover{border-color:var(--primary);background:var(--bg-tertiary);color:var(--primary);transform:translateY(-1px)}.add-food-to-meal-btn:active,.add-extra-food-btn:active{transform:translateY(0)}.add-extra-food-btn{margin:8px auto 16px;max-width:500px;display:block}.extra-foods-card{background:var(--bg-tertiary);border:2px solid var(--primary)}.extra-foods-card .meal-name{color:var(--primary)}@media (max-width: 600px){.consumption-summary{margin:12px 15px;padding:15px 12px}.consumption-row{padding:9px 13.5px}.consumption-label{font-size:12px;min-width:56px}.consumption-value-container{gap:3px}.consumption-value-label{font-size:9px}.consumption-value{padding:5px 9px;min-width:65px;width:65px}.value-number{font-size:14px}.value-unit{font-size:9px}}[dir=rtl] .food-checkbox-label{flex-direction:row}[dir=ltr] .food-checkbox-label{flex-direction:row-reverse}.daily-calculator{background:#f7fafc;display:flex;flex-direction:column;height:100%;width:100%;position:relative;overflow:hidden}.calculator-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px 12px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;flex-shrink:0;height:60px}.calculator-header-spacer{width:80px;flex-shrink:0}.calculator-title{font-size:18px;font-weight:600;color:#1a365d;margin:0;flex:1;text-align:center}.reset-button{padding:6px 12px;background:#e53e3e;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:background-color .2s;flex-shrink:0;font-weight:600}.reset-button:hover{background:#c53030}.reset-button:active{transform:scale(.98)}.single-day-menu{display:flex;flex-direction:column;height:100%;width:100%;position:relative;overflow:hidden;flex:1}.single-day-menu .nutrition-bar{flex-shrink:0;position:sticky;top:0;z-index:10}.single-day-menu .menu-viewer-scrollable{position:absolute;top:154px;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--safe-area-bottom, 32px) + 80px)}.single-day-menu.has-profile-prompt .menu-viewer-scrollable{top:260px}.single-day-menu .meals-container{padding:16px 12px}.nutrition-warning-message{padding:.75rem 1rem;background:var(--warning-bg, #fff3cd);border-bottom:1px solid var(--warning-border, #ffc107);font-size:.875rem;color:var(--warning-text, #856404);text-align:center;flex-shrink:0}.nutrition-profile-prompt{padding:1rem;background:linear-gradient(135deg,#e6f2ff,#f0f7ff);border-bottom:1px solid #b3d9ff;display:flex;flex-direction:column;align-items:center;gap:.75rem;flex-shrink:0}.profile-prompt-text{font-size:.875rem;color:#1a5490;text-align:center;font-weight:500;line-height:1.4}.profile-prompt-button{padding:.5rem 1.5rem;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #4a90e24d}.profile-prompt-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4a90e266;background:linear-gradient(135deg,#357abd,#2868a8)}.profile-prompt-button:active{transform:translateY(0)}.day-menu-builder{position:fixed;top:0;left:0;right:0;bottom:0;background:#f7fafc;display:flex;flex-direction:column;overflow:hidden;z-index:999;padding-top:32px;padding-bottom:0}.day-menu-builder.with-ai-section{padding-bottom:80px}.sticky-top-container{flex-shrink:0;width:100%;display:flex;flex-direction:column}.viewer-header{display:flex;justify-content:space-between;align-items:center;padding:56px 20px 30px;background:#fff;border-bottom:1px solid #e2e8f0}.viewer-close{padding:8px 12px;background:#e2e8f0;border:none;border-radius:8px;font-size:18px;cursor:pointer;transition:background-color .2s;min-width:40px}.viewer-close:hover{background:#cbd5e0}.viewer-title{font-size:22px;font-weight:600;color:#1a365d;margin:0}.viewer-edit{padding:8px 16px;background:#48bb78;color:#fff;border:none;border-radius:8px;font-size:20px;font-weight:600;cursor:pointer;transition:background-color .2s;min-width:40px}.viewer-edit:hover{background:#38a169}.days-nav-container{width:100%;background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 8px;display:flex;align-items:center;gap:4px;min-height:70px}.scroll-btn{flex-shrink:0;width:40px;height:40px;background:#f7fafc;border:2px solid #cbd5e0;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#2d3748;transition:all .15s;z-index:2}.scroll-btn:hover{background:#e2e8f0;border-color:#3182ce}.scroll-btn:hover svg{color:#3182ce}.scroll-btn:active{transform:scale(.92)}.scroll-btn svg{width:24px;height:24px;display:block;flex-shrink:0}.days-scrollable{flex:1;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.days-scrollable::-webkit-scrollbar{display:none}.days-list{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;white-space:nowrap}.day-btn{flex-shrink:0;padding:10px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;font-weight:600;color:#2d3748;cursor:pointer;transition:all .2s;white-space:nowrap}.day-btn:hover{background:#f7fafc;border-color:#cbd5e0}.day-btn-active{background:#3182ce!important;color:#fff!important;border-color:#3182ce!important}.day-btn-active:hover{background:#2c5aa0!important}.builder-header{position:relative;display:flex;justify-content:center;align-items:center;padding:16px 20px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;min-height:72px}.builder-cancel{position:absolute;left:12px;top:50%;transform:translateY(-50%);padding:10px;background:#e2e8f0;border:none;border-radius:8px;font-size:22px;cursor:pointer;transition:all .2s;width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:10}.builder-cancel:hover{background:#cbd5e0;transform:translateY(-50%) scale(1.05)}.builder-save{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:10px;background:#48bb78;color:#fff;border:none;border-radius:8px;font-size:24px;font-weight:600;cursor:pointer;transition:all .2s;width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #48bb784d;flex-shrink:0;z-index:10}.builder-save:hover{background:#38a169;transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px #48bb7866}.builder-title{font-size:22px;font-weight:600;color:#1a365d;margin:0;text-align:center;padding:0 60px}.day-navigation{width:100%;padding:16px 20px;background:#fff;border-bottom:1px solid #e2e8f0;position:relative}.day-scroll-wrapper{position:relative;width:100%}.day-scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:60px;display:flex;align-items:center;justify-content:center;color:#1a365d;cursor:pointer;transition:all .2s ease;border:none;padding:0}.day-scroll-arrow:hover{opacity:1}.day-scroll-arrow:active{transform:translateY(-50%) scale(.95)}.day-scroll-arrow-left{left:0;background:linear-gradient(to right,white 0%,white 70%,transparent 100%)}.day-scroll-arrow-right{right:0;background:linear-gradient(to left,white 0%,white 70%,transparent 100%)}.day-scroll-arrow svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));opacity:.8;font-size:24px;font-weight:700;transition:opacity .2s}.day-scroll-arrow:hover svg{opacity:1}.day-selector{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:0 50px}.day-selector::-webkit-scrollbar{display:none}.days-row{display:flex;align-items:center;gap:12px;padding:8px 0;min-width:min-content}.day-button{padding:12px 24px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;font-weight:600;color:#2d3748;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;min-width:90px}.daily-nutrition-stats-banner{display:flex;align-items:center;justify-content:center;gap:24px;padding:24px 20px;background:#f8f9fa;width:100%;border-bottom:1px solid #e2e8f0;min-height:120px;margin-top:120px}.nutrition-stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:1;max-width:160px}.stat-label{font-size:11px;font-weight:700;color:#4a5568;text-transform:uppercase;letter-spacing:1px;order:1}.stat-value-row{display:flex;align-items:baseline;gap:4px;direction:ltr;order:2}.stat-current{font-size:24px;font-weight:700;color:#2d3748;line-height:1}.stat-separator{font-size:16px;font-weight:400;color:#cbd5e0;margin:0 2px}.stat-target{font-size:16px;font-weight:600;color:#a0aec0;line-height:1}.nutrition-divider{width:1px;height:40px;background:#e2e8f0;flex-shrink:0}.meals-container{flex:1;overflow-y:auto;padding:20px;background:#f7fafc}[dir=rtl] .builder-next-button .arrow-next{transform:scaleX(-1);display:inline-block}[dir=ltr] .builder-next-button .arrow-next{transform:none;display:inline-block}.cancel-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}.cancel-confirm-modal{background-color:var(--bg-card, #ffffff);border-radius:16px;padding:32px 24px;max-width:400px;width:100%;box-shadow:0 20px 60px #0006;text-align:center;position:relative}.cancel-confirm-title{font-size:22px;font-weight:700;color:var(--text-primary, #1a202c);margin:0 0 12px;line-height:1.3}.cancel-confirm-message{font-size:16px;color:var(--text-muted, #718096);margin:0 0 28px;line-height:1.5}.cancel-confirm-actions{display:flex;gap:12px;direction:rtl}.cancel-confirm-button{flex:1;border-radius:12px;padding:14px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-confirm-button.continue{background-color:var(--bg-secondary, #f7fafc);color:var(--text-secondary, #2d3748);border:2px solid var(--border-primary, #e2e8f0)}.cancel-confirm-button.continue:hover{background-color:var(--bg-tertiary, #edf2f7);border-color:var(--border-secondary, #cbd5e0)}.cancel-confirm-button.danger{background-color:var(--danger, #e53e3e);color:#fff;border:none}.cancel-confirm-button.danger:hover{background-color:#c53030;transform:translateY(-1px)}.sticky-bottom-ai-section{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,#fff0,#fffffff2 20%,#fff);padding:16px 20px 20px;border-top:1px solid #e2e8f0;z-index:100;display:flex;justify-content:center;align-items:center;gap:12px;box-shadow:0 -4px 12px #0000000d}.ai-dismiss-button{position:absolute;top:0;inset-inline-start:0px;width:24px;height:24px;background:transparent;color:#4a5568;border:none;border-radius:50%;font-size:16px;font-weight:400;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:101;opacity:.8}.ai-dismiss-button:hover{background:#0000000d;color:#2d3748;transform:scale(1.05);opacity:1}.ai-dismiss-button:active{transform:scale(.9);opacity:.9}.ai-generate-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea66;min-width:280px}.ai-generate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.ai-generate-button:active:not(:disabled){transform:translateY(0)}.ai-generate-button:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#9ca3af,#6b7280)}.ai-icon{font-size:24px}.ai-button-text{font-size:16px}.ai-loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.ai-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.ai-loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;text-align:center}.ai-loading-icon{font-size:6rem}.ai-loading-icon.bouncing{animation:bounceUpDown 1.5s ease-in-out infinite}@keyframes bounceUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.ai-loading-messages{display:flex;flex-direction:column;gap:.75rem;max-width:500px;width:100%}.ai-loading-message{color:#fff;font-size:1.1rem;font-weight:500;margin:0;padding:.75rem 1.5rem;background:#ffffff1a;border-radius:12px;text-align:center;animation:fadeInSlide .5s ease-out;direction:rtl}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-loading-text{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.ai-loading-subtext{color:#ffffffb3;font-size:1rem;margin:0}} .fullscreen-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;overflow:hidden;animation:fadeIn .3s ease-out}.fullscreen-modal{height:100vh;width:100%;background:var(--bg-primary, #1a1a2e);display:flex;flex-direction:column;position:relative;overflow:hidden}.fullscreen-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary, #ffffff);background:linear-gradient(135deg,#10b981,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;flex:1}.fullscreen-close-btn{position:absolute;top:70%;left:var(--space-2, 16px);transform:translateY(-50%);background:var(--bg-tertiary, rgba(40, 40, 60, .8));border:1px solid var(--border-primary, rgba(255, 255, 255, .1));color:var(--text-secondary, #a0a0a0);font-size:1.2rem;cursor:pointer;padding:.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.fullscreen-close-btn:hover{background:var(--bg-hover, rgba(60, 60, 80, .9));border-color:var(--border-accent, rgba(99, 102, 241, .4));color:var(--text-primary, #ffffff);transform:translateY(-50%) scale(1.1)}[dir=rtl] .fullscreen-close-btn{left:auto;right:var(--space-2, 16px);top:70%;transform:translateY(-50%)}[dir=rtl] .fullscreen-close-btn:hover{transform:translateY(-50%) scale(1.1)}.profile-scrollable-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;-webkit-overflow-scrolling:touch}.profile-tabs-sticky{flex-shrink:0;display:flex;gap:8px;padding:16px;background:var(--bg-secondary, #16213e);border-bottom:1px solid var(--border-primary, rgba(255, 255, 255, .1));justify-content:center}.profile-tabs-sticky .profile-tab-icon{flex:0 0 auto;min-width:60px;padding:12px;border:none;background:var(--bg-tertiary, rgba(40, 40, 60, .8));font-size:24px;cursor:pointer;border-radius:12px;transition:all .2s;border:1px solid var(--border-primary, rgba(255, 255, 255, .1))}.profile-tabs-sticky .profile-tab-icon:hover{background:var(--bg-hover, rgba(60, 60, 80, .9));transform:scale(1.05);border-color:var(--border-accent, rgba(99, 102, 241, .4))}.profile-tabs-sticky .profile-tab-icon.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66;border-color:transparent}.profile-tab-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-primary, rgba(255, 255, 255, .1))}.profile-tab-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-tab-description{margin:0;font-size:.95rem;color:var(--text-secondary, #a0a0a0)}.profile-form-container{max-width:600px;margin:0 auto;width:100%;padding:0 20px}.profile-sticky-footer{flex-shrink:0;padding:1rem 1.5rem;padding-bottom:40px;background:var(--bg-secondary, #16213e);border-top:1px solid var(--border-primary, rgba(255, 255, 255, .1));display:flex;justify-content:center}.profile-sticky-footer .profile-save-btn{max-width:600px;width:100%}.profile-save-section{max-width:600px;margin:2rem auto 1rem;width:100%}.profile-save-btn{width:100%;padding:16px 24px;font-size:1.1rem;font-weight:700;border-radius:12px;background:linear-gradient(135deg,#10b981,#6366f1);color:#fff;border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #10b98166}.profile-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10b98180}.profile-save-btn:active:not(:disabled){transform:translateY(0)}.profile-save-btn:disabled{opacity:.6;cursor:not-allowed}.profile-container{position:fixed;top:0;left:0;right:0;bottom:0;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px;z-index:10000;overflow-y:auto}.profile-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;padding:40px;animation:slideUp .3s ease-out;position:relative}.profile-close-button-top{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:#0000000d;border:none;color:#666;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.profile-close-button-top:hover{background:#0000001a;color:#333;transform:scale(1.1)}.profile-editor-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:var(--bg-primary);z-index:10000;display:flex;flex-direction:column;animation:fadeIn .2s ease-out}.profile-editor-content{max-width:600px;margin:0 auto;padding:20px;height:100%;display:flex;flex-direction:column}.profile-editor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-primary)}.profile-editor-title h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.profile-editor-title p{font-size:14px;color:var(--text-secondary);margin:0}.profile-close-button{width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.profile-close-button:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.1)}.profile-tabs-icon{display:flex;gap:8px;margin-bottom:24px;padding:8px;background:var(--bg-secondary);border-radius:12px}.profile-tab-icon{flex:1;padding:12px;border:none;background:transparent;font-size:24px;cursor:pointer;border-radius:8px;transition:all .2s;position:relative}.profile-tab-icon:hover{background:var(--bg-tertiary);transform:scale(1.1)}.profile-tab-icon.active{background:var(--bg-primary);box-shadow:0 2px 8px #0000001a}.profile-tab-icon.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:30%;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px 2px 0 0}.profile-header{text-align:center;margin-bottom:30px}.profile-header h1{font-size:28px;color:#333;margin:0 0 10px;font-weight:700}.profile-header p{font-size:16px;color:#666;margin:0}.profile-progress{margin-bottom:30px}.profile-progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:10px;overflow:hidden}.profile-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;border-radius:10px}.profile-step-indicator{text-align:center;margin-top:10px;font-size:14px;color:#666}.profile-form{display:flex;flex-direction:column;gap:20px}.profile-form-group{display:flex;flex-direction:column;gap:8px}.profile-form-label{font-size:14px;font-weight:600;color:#333}.profile-form-input{padding:12px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;background:#f8f9fa;color:#333;transition:border-color .2s;width:100%;box-sizing:border-box}.profile-form-input.readonly,.profile-form-input[readonly]{border:none;background:transparent;padding:8px 4px;color:var(--text-primary, #333);font-size:16px;font-weight:500;cursor:default}.profile-form-input:focus{outline:none;border-color:#667eea;background:#f8f9fa}.profile-form-select{padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;background:#f8f9fa;color:#333;cursor:pointer;transition:border-color .2s}.profile-form-select:focus{outline:none;border-color:#667eea;background:#f8f9fa}.profile-form-textarea{padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;min-height:80px;resize:vertical;font-family:inherit;background:#f8f9fa;color:#333;transition:border-color .2s}.profile-form-textarea:focus{outline:none;border-color:#667eea;background:#f8f9fa}.profile-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0 auto;max-width:400px}.profile-form-grid .profile-form-group{gap:4px}.profile-form-grid .profile-form-label{font-size:13px}.profile-form-grid .profile-form-input{padding:10px 8px;font-size:15px}.profile-form-grid-small{display:grid;grid-template-columns:1fr;gap:16px;max-width:250px;margin:0 auto}.profile-form-unit{font-size:12px;color:#999;margin-top:2px}.profile-checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 auto;max-width:500px}.profile-checkbox-group{display:flex;flex-wrap:wrap;gap:10px}.profile-checkbox-item{display:flex;align-items:center;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;gap:10px;background:#f8f9fa;color:#333}.profile-checkbox-item:hover{border-color:#667eea;background:#f0f1f5}.profile-checkbox-item input[type=checkbox],.profile-checkbox-item input[type=radio]{cursor:pointer;width:18px;height:18px;margin:0}.profile-checkbox-item.checked{border-color:#667eea;background:linear-gradient(135deg,#667eea26,#764ba226);font-weight:600}.profile-checkbox-label{display:flex;align-items:center;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.profile-checkbox-label:hover{border-color:#667eea;background:#f8f9ff}.profile-checkbox-label input[type=checkbox]{margin-right:10px;cursor:pointer;width:18px;height:18px}.profile-checkbox-label.checked{border-color:#667eea;background:#f8f9ff}.profile-radio-group{display:flex;flex-direction:column;gap:10px}.profile-radio-group-horizontal{display:flex;flex-direction:row;gap:10px;justify-content:center}.profile-radio-label{display:flex;align-items:center;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;background:#f8f9fa;color:#333}.profile-radio-label:hover{border-color:#667eea;background:#f0f1f5}.profile-radio-label input[type=radio]{margin-right:10px;cursor:pointer}.profile-radio-label.checked{border-color:#667eea;background:linear-gradient(135deg,#667eea26,#764ba226)}.profile-actions{display:flex;gap:12px;margin-top:20px}.profile-btn{flex:1;padding:14px 24px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.profile-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.profile-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.profile-btn-primary:active{transform:translateY(0)}.profile-btn-secondary{background:#f0f0f0;color:#666}.profile-btn-secondary:hover{background:#e0e0e0}.profile-btn-ghost{background:transparent;color:#667eea;border:2px solid #667eea}.profile-btn-ghost:hover{background:#f8f9ff}.profile-btn:disabled{opacity:.5;cursor:not-allowed}.profile-btn:disabled:hover{transform:none;box-shadow:none}.profile-error{color:#e74c3c;font-size:14px;margin-top:5px}.profile-loading{text-align:center;padding:40px;font-size:16px;color:#666}.profile-completion{text-align:center;padding:40px 0}.profile-completion-icon{font-size:60px;margin-bottom:20px}.profile-completion-title{font-size:24px;font-weight:700;color:#333;margin-bottom:10px}.profile-completion-message{font-size:16px;color:#666;margin-bottom:30px}[dir=rtl] .profile-checkbox-label input[type=checkbox],[dir=rtl] .profile-radio-label input[type=radio]{margin-right:0;margin-left:10px}@media (max-width: 600px){.profile-card{padding:30px 20px}.profile-header h1{font-size:24px}.profile-checkbox-item{min-width:100%}.profile-actions{flex-direction:column}.profile-btn{width:100%}}.profile-inline-container{width:100%;max-width:100%;display:flex;flex-direction:column;gap:1rem;padding:0;position:relative;z-index:1}.profile-inline-loading{text-align:center;padding:2rem;color:var(--text-secondary, #666);font-size:1.1rem}.profile-tabs-inline{position:sticky;top:0;z-index:100;display:flex;justify-content:center;gap:1rem;padding:1rem;background:var(--bg-secondary, #f5f5f5);border-radius:12px;flex-wrap:wrap;margin-bottom:1rem;box-shadow:0 2px 8px #0000001a}.profile-inline-content{width:100%;padding:0 1rem}.profile-inline-footer{padding:1rem;display:flex;justify-content:center;border-top:1px solid var(--border-primary, rgba(0, 0, 0, .1));margin-top:2rem}.manage-trainee-screen{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden;z-index:1000}.screen-header{display:flex;align-items:center;justify-content:center;position:relative;padding:calc(1.5rem + 32px) 2rem 1.5rem 2rem;background:var(--bg-card);border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.back-button-screen{position:absolute;left:2rem;background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary);font-size:1.5rem;padding:.5rem .75rem;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;min-width:48px;height:48px;display:flex;align-items:center;justify-content:center}[dir=rtl] .back-button-screen{left:auto;right:2rem}.back-button-screen:hover{background:var(--bg-tertiary);border-color:var(--border-accent);transform:translate(-2px)}[dir=rtl] .back-button-screen:hover{transform:translate(2px)}.screen-title-container{display:flex;flex-direction:column;align-items:center;gap:.25rem}.screen-title{margin:0;font-size:1.875rem;font-weight:700;color:var(--text-primary);text-align:center}.screen-subtitle{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:center}.tab-navigation{display:flex;background:var(--bg-card);border-bottom:2px solid var(--border-primary);padding:0 2rem}.tab-button{padding:1rem 2rem;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;position:relative}.tab-button:hover{color:var(--text-primary);background:#6366f10d}.tab-button.active{color:var(--primary);border-bottom-color:var(--primary);background:#6366f11a}.tab-content-screen{flex:1;overflow-y:auto;padding:2rem}.details-tab{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.trainee-details-section{display:flex;width:100%;max-width:100%;box-sizing:border-box;flex-direction:column;gap:1rem}.detail-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);width:100%;box-sizing:border-box;overflow:hidden}.detail-icon{font-size:1.5rem;min-width:32px;text-align:center}.detail-text{flex:1;color:var(--text-primary);font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.phone-item{flex-direction:row}.inline-edit-container{display:flex;align-items:center;gap:.5rem;flex:1}.btn-save{background:var(--success);color:#fff;border:none;border-radius:var(--radius-lg);padding:.5rem 1rem;font-size:1.125rem;cursor:pointer;transition:all .2s;opacity:0;transform:scale(.8);pointer-events:none}.btn-save.show{opacity:1;transform:scale(1);pointer-events:auto}.btn-save:hover:not(:disabled){background:var(--success-hover);transform:scale(1.05)}.btn-save:disabled{opacity:.5;cursor:not-allowed}.plan-assignment-section{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-sm)}.current-plan{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.plan-info-row{display:flex;align-items:center;gap:.75rem}.assigned-plan{color:var(--primary);font-weight:600}.no-plan{color:var(--text-muted);font-style:italic}.customize-plan-row{display:flex}.btn-customize-plan{background:var(--primary);border:none;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;padding:.5rem 1rem;border-radius:var(--radius-md);transition:all .2s;box-shadow:0 1px 3px #0000001a}.btn-customize-plan:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.plan-actions{margin-top:.5rem}.plan-selector{width:100%;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all .2s}.plan-selector:hover{border-color:var(--border-accent);background:var(--bg-tertiary)}.plan-selector:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.modal-actions-section{display:flex;justify-content:center;gap:1rem}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-md)}.btn-icon{font-size:1.25rem}.training-data-tab,.tracking-data-tab{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem;width:100%}.plan-selector-section{position:sticky;top:0;z-index:100;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000001a}.plan-selector-section label{font-weight:600;color:var(--text-primary);font-size:1rem}.plan-selector-dropdown{flex:1;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all .2s}.plan-selector-dropdown:hover{border-color:var(--border-accent);background:var(--bg-tertiary)}.plan-selector-dropdown:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-primary);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.no-plan-selected{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.training-summary-section{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-sm)}.training-summary-section h3{margin:0 0 1rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-item{padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:600}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary)}.training-completions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.training-completion-item{padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center}.training-name{font-weight:600;color:var(--text-primary)}.completion-count{font-size:1.125rem;font-weight:700;color:var(--success)}.exercise-list-section{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-sm)}.exercise-list-section h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.no-exercises{text-align:center;padding:2rem;color:var(--text-muted)}.exercise-list-container{display:flex;flex-direction:column;gap:1.5rem}.training-group{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.training-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-tertiary);border-bottom:2px solid var(--border-primary)}.training-header h4{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.training-completion-badge{display:inline-flex;align-items:center;gap:.25rem;background:var(--success);color:#fff;padding:.35rem .85rem;border-radius:var(--radius-full);font-weight:600;font-size:.875rem}.training-group .exercise-rows,.exercise-list-section .exercise-rows{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;grid-template-columns:none!important;grid-template-rows:none!important}.training-group .exercise-row,.exercise-list-section .exercise-row,.exercise-rows .exercise-row{display:flex!important;justify-content:space-between!important;align-items:center!important;grid-template-columns:none!important;grid-template-rows:none!important;gap:1rem!important;justify-items:unset!important;padding:.75rem 1rem!important;border-bottom:1px solid var(--border-primary);transition:all .2s;min-height:60px!important;max-height:none!important;height:auto!important;width:100%!important;box-sizing:border-box!important}.exercise-row:last-child{border-bottom:none}.exercise-row.clickable{cursor:pointer}.exercise-row.clickable:hover{background:#6366f11a;transform:translate(2px)}.exercise-row-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0;justify-content:center}.exercise-rows .exercise-row .exercise-name,.training-group .exercise-row .exercise-name{display:inline-block!important;font-weight:500;color:var(--text-primary);font-size:.875rem;line-height:1.2;padding:0!important;margin:0!important}.exercise-row[dir=rtl] .exercise-name{text-align:right!important}.exercise-row[dir=ltr] .exercise-name{text-align:left!important}.exercise-row-params{display:flex;flex-direction:column;gap:.125rem;flex-shrink:0;justify-content:center}.exercise-param-line{font-size:.75rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.exercise-row[dir=rtl] .exercise-row-params{align-items:flex-start}.exercise-row[dir=ltr] .exercise-row-params,.exercise-row[dir=rtl] .exercise-row-info{align-items:flex-end}.exercise-row[dir=ltr] .exercise-row-info{align-items:flex-start}.exercise-completion-count{display:inline-flex;align-items:center;background:var(--primary);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-full);font-weight:700;font-size:.875rem}.exercise-history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.exercise-history-modal{background:var(--bg-card);border-radius:var(--radius-xl);max-width:900px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.exercise-history-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.exercise-history-header h2{margin:0;font-size:1.3rem;font-weight:700;color:var(--text-primary)}.history-close-button{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:1.5rem;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all .2s}.history-close-button:hover{background:var(--bg-primary);border-color:var(--border-accent);color:var(--text-primary);transform:scale(1.1)}.no-history-message{text-align:center;padding:4rem 2rem;color:var(--text-muted);font-size:1.1rem}.history-modal-tabs{display:flex;gap:0;border-bottom:2px solid var(--border-primary);background:var(--bg-secondary)}.history-modal-tab{flex:1;padding:1rem 1.5rem;background:transparent;border:none;color:var(--text-muted);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent;display:flex;align-items:center;justify-content:center;gap:.5rem}.history-modal-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.history-modal-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--bg-card)}.history-modal-content-area{flex:1;overflow-y:auto;background:var(--bg-card)}.history-list-view{display:flex;flex-direction:column}.history-list-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:.75rem;padding:1rem 1.5rem;background:var(--bg-tertiary);font-weight:700;color:var(--text-secondary);font-size:.875rem;border-bottom:2px solid var(--border-primary);text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10}.history-entry-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-primary);transition:all .2s;position:relative}.history-entry-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#6366f1,#10b981);opacity:0;transition:opacity .2s}.history-entry-row:hover:before{opacity:1}.history-entry-row:hover{background:var(--bg-card);transform:translate(-4px)}.history-entry-row.clickable-entry{cursor:pointer;border:1px solid transparent;border-radius:8px;background:linear-gradient(145deg,#6366f108,#10b98105);margin-bottom:4px}.history-entry-row.clickable-entry:after{content:"›";position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.25rem;color:var(--text-muted);opacity:.5;transition:all .2s;pointer-events:none}.history-entry-row.clickable-entry:hover{background:linear-gradient(145deg,#6366f114,#10b9810d);transform:translate(-4px) translateY(-2px);box-shadow:0 4px 12px #0000001a,0 0 20px #6366f126;border-color:#6366f133}.history-entry-row.clickable-entry:hover:after{opacity:1;color:var(--primary);transform:translateY(-50%) translate(3px)}.history-col{text-align:center;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.history-graph-view{padding:2rem;min-height:400px}@media (max-width: 768px){.screen-header{padding:calc(1rem + 32px) 1rem 1rem 1rem}.screen-title{font-size:1.5rem}.tab-navigation{padding:0 1rem}.tab-button{padding:.75rem 1rem;font-size:.875rem}.tab-content-screen,.exercise-list-section,.training-summary-section,.plan-selector-section{padding:1rem}.training-header{padding:.75rem 1rem}.training-header h4{font-size:1rem}.exercise-row{padding:.75rem 1rem}.history-list-header,.history-entry-row{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;padding:.75rem 1rem;font-size:.8rem}}.plans-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.plan-item{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1rem;transition:all .2s}.plan-item.current{border-color:var(--primary);background:#6366f10d}.plan-item.future{border-color:var(--warning);background:#f59e0b0d}.plan-item.past{opacity:.7}.plan-item-content{display:flex;flex-direction:column;gap:.5rem}.plan-item-header{display:flex;justify-content:space-between;align-items:center}.plan-name{font-weight:600;color:var(--text-primary);font-size:1rem}.plan-status{padding:.25rem .75rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;text-transform:uppercase}.status-current{background:var(--primary);color:#fff}.status-future{background:var(--warning);color:#fff}.status-past{background:var(--bg-tertiary);color:var(--text-secondary)}.plan-item-date{display:flex;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.date-label{font-weight:600}.date-value{color:var(--text-primary)}.btn-customize-plan-inline{align-self:flex-start;padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:all .2s}.btn-customize-plan-inline:hover{background:var(--primary-hover)}.plan-item-actions{display:flex;gap:.75rem;align-items:center;margin-top:.5rem}.btn-remove-plan{align-self:flex-start;padding:.5rem;background:var(--danger);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;line-height:1}.btn-remove-plan:hover{background:var(--danger-hover);transform:scale(1.1)}.no-plans{padding:1rem;text-align:center;color:var(--text-secondary);font-style:italic}.assign-plan-modal{min-width:400px;max-width:500px}.assign-plan-form{display:flex;flex-direction:column;gap:1.5rem}.plan-display{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.plan-display strong{color:var(--text-secondary);font-size:.875rem}.plan-display span{color:var(--text-primary);font-size:1rem;font-weight:600}.assignment-type-selector{display:flex;flex-direction:column;gap:.75rem}.assignment-type-selector label{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.assignment-type-selector label:hover{border-color:var(--primary)}.assignment-type-selector input[type=radio]{width:20px;height:20px;cursor:pointer}.assignment-type-selector input[type=radio]:checked+span{color:var(--primary);font-weight:600}.assignment-type-selector label:has(input:checked){border-color:var(--primary);background:#6366f10d}.future-date-input{display:flex;flex-direction:column;gap:.5rem}.future-date-input label{font-weight:600;color:var(--text-primary)}.future-date-input input[type=date]{padding:.75rem;border:1px solid var(--border-primary);border-radius:var(--radius-lg);font-size:1rem;background:var(--bg-primary);color:var(--text-primary)}.future-date-input input[type=date]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.modal-overlay-inline{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-overlay-warning{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:3000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content-inline{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow-y:auto;padding:1.5rem}.modal-header-inline{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header-inline h2{margin:0;color:var(--text-primary)}.modal-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:.25rem .5rem;transition:color .2s}.modal-close-btn:hover{color:var(--text-primary)}.modal-body-inline{margin-bottom:1.5rem}.modal-actions-inline{display:flex;justify-content:flex-end;gap:.75rem}.current-plan-highlight{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:2px solid var(--primary);border-radius:var(--radius-xl);padding:1.5rem;margin-bottom:1rem}.current-plan-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.current-label{font-weight:700;color:var(--primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.plan-name-current{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.current-plan-dates{display:flex;gap:1.5rem;margin:.75rem 0;flex-wrap:wrap}.current-plan-date{font-size:.875rem;color:var(--text-secondary)}.current-plan-duration{display:flex;align-items:center;gap:.5rem;margin:.75rem 0 1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:.875rem}.current-plan-duration .duration-label{color:var(--text-tertiary);font-weight:500}.current-plan-duration .duration-value{color:var(--text-primary);font-weight:700}.current-plan-duration .duration-separator{color:var(--text-tertiary);margin:0 .25rem}.no-current-plan{color:var(--text-secondary);font-style:italic;text-align:center;padding:1rem}.btn-toggle-plans{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .2s;margin-bottom:1rem}.btn-toggle-plans:hover{background:var(--bg-tertiary);border-color:var(--primary)}.btn-toggle-plans span:first-child{font-size:.75rem;color:var(--primary)}.assign-plan-action{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-primary)}.btn-assign-new-plan{width:100%;padding:1rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-xl);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s;box-shadow:var(--shadow-md)}.btn-assign-new-plan:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-assign-new-plan:disabled{opacity:.5;cursor:not-allowed}.btn-assign-new-plan .btn-icon{font-size:1.25rem}.assign-plan-modal{min-width:450px;max-width:550px}@media (max-width: 768px){.assign-plan-modal{min-width:90vw}}.form-step{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.form-step:last-child{margin-bottom:0}.step-title{margin:0 0 1rem;font-size:1rem;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:.5rem}.plan-selector-modal{width:100%;padding:.875rem 1rem;border:2px solid var(--border-primary);border-radius:var(--radius-lg);font-size:1rem;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s}.plan-selector-modal:hover{border-color:var(--primary)}.plan-selector-modal:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.radio-option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;font-size:.95rem}.radio-option:hover{border-color:var(--primary);background:#6366f10d}.radio-option input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary)}.radio-option input[type=radio]:checked+span{color:var(--primary);font-weight:700}.radio-option:has(input:checked){border-color:var(--primary);background:#6366f11a;border-width:2px}.btn-save-assignment{min-width:120px;font-size:1rem;padding:.75rem 1.5rem;display:flex;align-items:center;gap:.5rem}.btn-save-assignment .btn-icon{font-size:1.125rem}[dir=rtl] .btn-toggle-plans,[dir=rtl] .btn-assign-new-plan,[dir=rtl] .btn-save-assignment{flex-direction:row-reverse}.future-plans-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-primary)}.section-subtitle{margin:0 0 1rem;font-size:.95rem;font-weight:700;color:var(--warning);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.future-plans-list{display:flex;flex-direction:column;gap:.75rem}.tab-navigation{display:grid;grid-template-columns:repeat(5,1fr);gap:0}@media (max-width: 768px){.tab-navigation{grid-template-columns:repeat(5,1fr)}.tab-button{font-size:.75rem;padding:.75rem .25rem}}.nutrition-tab{max-width:900px;margin:0 auto;padding:2rem}.nutrition-tab-content{background:var(--bg-card);border-radius:var(--radius-lg);padding:3rem 2rem;box-shadow:var(--shadow-md)}.nutrition-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.nutrition-icon{font-size:4rem;animation:pulse 2s ease-in-out infinite}.nutrition-empty-state h3{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.nutrition-empty-state p{margin:0;font-size:1.125rem;color:var(--text-secondary);max-width:500px;line-height:1.6}.create-menu-button{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:none;border-radius:var(--radius-lg);color:#fff;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md)}.create-menu-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%)}.create-menu-button:active{transform:translateY(0)}.create-menu-button .button-icon{font-size:1.5rem}@media (max-width: 768px){.nutrition-tab{padding:1rem}.nutrition-tab-content{padding:2rem 1rem}.nutrition-icon{font-size:3rem}.nutrition-empty-state h3{font-size:1.5rem}.nutrition-empty-state p{font-size:1rem}.create-menu-button{padding:.875rem 1.5rem;font-size:1rem}}.nutrition-menu-display{background:var(--bg-primary);padding:2rem;width:100%}.nutrition-menu-header{text-align:center;margin-bottom:2rem}.nutrition-menu-header h3{margin:0 0 1.5rem;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.edit-menu-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-color, #4a90e2);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.edit-menu-button:hover{background:var(--primary-dark, #357abd);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.edit-menu-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.nutrition-menu-content{background:var(--bg-card);padding:2rem;border-radius:var(--radius-lg, 12px);border:1px solid var(--border-primary);box-shadow:var(--shadow-md);max-width:600px;margin:0 auto;text-align:center}.nutrition-menu-content p{margin:.75rem 0;font-size:1.125rem;color:var(--text-primary);line-height:1.6}.nutrition-menu-content .menu-date{font-size:.875rem;color:var(--text-secondary);font-weight:500;margin-top:.5rem}.trainee-management{min-height:100vh;background:var(--gradient-bg);font-family:var(--font-family-sans);text-align:right;position:relative}.trainee-management-content{text-align:right;min-height:100vh;background:var(--gradient-bg);font-family:var(--font-family-sans)}.sticky-header-container{position:sticky;top:0;z-index:100;background:var(--bg-primary);box-shadow:0 2px 8px #0000001a}.search-section{padding:var(--space-4) var(--space-4) var(--space-3) var(--space-4);max-width:1400px;margin:0 auto}@media (min-width: 1024px){.search-section{max-width:60%}}.search-input-wrapper{position:relative;width:100%}.search-input{width:100%;padding:var(--space-4) var(--space-5);background:var(--bg-card);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-xl);color:var(--text-primary);font-size:var(--font-size-base);transition:var(--transition-base)}.search-input:focus{outline:none;border-color:var(--border-accent);background:var(--bg-hover);box-shadow:0 0 0 3px #6366f11a}.search-input::placeholder{color:var(--text-muted)}.clear-search-btn{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);background:var(--bg-tertiary);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);font-size:20px;transition:var(--transition-base);padding:0;line-height:1}.clear-search-btn:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-50%) scale(1.1)}.flat-trainees-list{display:flex;flex-direction:column;gap:0;padding:0;max-width:1400px;margin:0 auto;margin-top:var(--space-6);background:var(--bg-card);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-xl);overflow:hidden;margin-left:0;margin-right:0;width:100%;box-sizing:border-box}@media (min-width: 1024px){.flat-trainees-list{max-width:60%;margin-left:auto;margin-right:auto}}.trainee-management:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 25% 25%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(6,182,212,.1) 0%,transparent 50%);opacity:.4;z-index:-1}.management-header{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:var(--border-width-1) solid var(--border-primary);box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:var(--z-sticky);padding:var(--space-6) var(--space-8)}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}@media (min-width: 1024px){.header-content{max-width:none;margin:0}}.back-button{background:var(--gradient-primary);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-sm)}.back-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-3)}.title-icon{font-size:var(--font-size-3xl);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.add-button{background:var(--gradient-success);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-sm)}.add-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.add-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background:var(--error-50);border:var(--border-width-1) solid var(--error-200);border-radius:var(--border-radius-lg);padding:var(--space-4);margin:var(--space-6) var(--space-8);color:var(--error-700);display:flex;align-items:center;gap:var(--space-3);font-weight:var(--font-weight-medium)}.error-icon{font-size:var(--font-size-lg)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-20);text-align:center}.loading-spinner{width:var(--space-12);height:var(--space-12);border:var(--border-width-4) solid var(--neutral-200);border-top:var(--border-width-4) solid var(--primary-500);border-radius:var(--border-radius-full);animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.loading-container p{color:var(--neutral-600);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0}.trainees-grid{padding:var(--space-8);max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-8)}.trainee-card{background:var(--bg-card);border:var(--border-width-2) solid var(--border-primary);border-radius:var(--border-radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative;overflow:hidden;text-align:right}.trainee-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.trainee-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--border-accent)}.trainee-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6)}.trainee-info{flex:1}.trainee-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.trainee-actions{display:flex;gap:var(--space-3)}.custom-plan-button,.data-button{width:var(--space-12);height:var(--space-12);border:none;border-radius:var(--border-radius-full);font-size:var(--font-size-lg);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.custom-plan-button{background:var(--gradient-secondary);color:#fff}.data-button{background:var(--gradient-primary);color:#fff}.custom-plan-button:hover,.data-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-md)}.trainee-details{margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.detail-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm)}.detail-icon{font-size:var(--font-size-base);color:var(--neutral-500);width:var(--space-5);text-align:center}.detail-text{color:var(--neutral-700);font-weight:var(--font-weight-medium);text-align:right}.plan-assignment{background:var(--bg-glass);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);text-align:right}.current-plan{margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.current-plan strong{color:var(--text-secondary);font-weight:var(--font-weight-semibold);display:block;margin-bottom:var(--space-2)}.assigned-plan{background:#10b9811a;color:var(--success);padding:var(--space-2) var(--space-3);border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);display:inline-block;border:var(--border-width-1) solid rgba(16,185,129,.2)}.no-plan{background:#94a3b81a;color:var(--text-muted);padding:var(--space-2) var(--space-3);border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);display:inline-block;border:var(--border-width-1) solid var(--border-primary)}.plan-history{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--neutral-500)}.plan-actions{margin-top:var(--space-4)}.plan-selector{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-lg);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.plan-selector:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.plan-selector:disabled{opacity:.6;cursor:not-allowed}.trainee-access{background:var(--primary-50);border:var(--border-width-1) solid var(--primary-200);border-radius:var(--border-radius-lg);padding:var(--space-4)}.access-info strong{color:var(--primary-700);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);display:block;margin-bottom:var(--space-3)}.access-details{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-xs)}.access-details span{display:flex;align-items:center;gap:var(--space-2);color:var(--primary-600)}.access-details code{background:var(--primary-100);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-base);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--primary-700)}.empty-state{grid-column:1 / -1;text-align:center;padding:var(--space-20);background:#fff;border:var(--border-width-2) dashed var(--neutral-300);border-radius:var(--border-radius-2xl)}.empty-icon{font-size:5rem;margin-bottom:var(--space-6);color:var(--neutral-400)}.empty-state h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--neutral-700);margin:0 0 var(--space-3) 0}.empty-state p{font-size:var(--font-size-lg);color:var(--neutral-500);margin:0 0 var(--space-8) 0}.empty-action-button{background:var(--gradient-primary);color:#fff;border:none;padding:var(--space-4) var(--space-8);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.empty-action-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.trainee-form-modal{background:#fff;border-radius:var(--border-radius-2xl);width:90vw;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-2xl)}.modal-header{background:var(--gradient-brand);color:#fff;padding:var(--space-6);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.close-button{background:#fff3;border:none;color:#fff;width:var(--space-10);height:var(--space-10);border-radius:var(--border-radius-full);font-size:var(--font-size-lg);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.close-button:hover{background:#ffffff4d;transform:scale(1.1)}.trainee-form{padding:var(--space-8);padding-bottom:120px;background:var(--bg-primary);text-align:right}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-align:right}.form-group input,.form-group select{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-lg);transition:var(--transition-base);background:var(--bg-secondary);color:var(--text-primary);-webkit-text-fill-color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-family-sans);font-size:16px;text-align:right}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.form-group input::placeholder{color:var(--text-disabled);-webkit-text-fill-color:var(--text-disabled);opacity:1}.card-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-base);padding:var(--space-4);margin:calc(-1 * var(--space-8));margin-bottom:0;border-radius:var(--border-radius-lg);display:flex;align-items:center;width:100%;flex-wrap:nowrap;gap:var(--space-3)}.trainee-info{flex:1;min-width:0;text-align:right}.trainee-info .card-title{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-align:right;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.1)}.trainee-info .card-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.card-header.clickable:hover{background:var(--bg-tertiary)}.card-controls{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;order:-1}.expand-icon{font-size:var(--font-size-lg);transition:var(--transition-base);color:var(--text-secondary);font-weight:700;line-height:1.2;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.card.collapsed{padding:var(--space-4)}.card.expanded{padding:var(--space-4) var(--space-4) var(--space-6)}.card-details{padding-top:var(--space-4);animation:slideDown .3s ease-out}.card-actions-section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width-1) solid var(--border-primary)}.action-buttons-row{display:flex;gap:var(--space-3);align-items:center;width:100%}.action-buttons-row .btn-secondary,.action-buttons-row .btn-primary{flex:1;min-width:0}.btn-full{width:100%;padding:var(--space-4) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin:var(--space-2) 0;border-radius:var(--border-radius-lg);transition:all var(--transition-fast)}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0}to{opacity:1;max-height:500px;padding-top:var(--space-4)}}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-8);padding-top:var(--space-6);border-top:var(--border-width-1) solid var(--neutral-200)}.cancel-button{background:var(--neutral-100);color:var(--neutral-700);border:var(--border-width-1) solid var(--neutral-300);padding:var(--space-3) var(--space-6);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.cancel-button:hover{background:var(--neutral-200);border-color:var(--neutral-400)}.save-button{background:var(--gradient-success);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.save-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.trainees-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6);padding:var(--space-6)}.management-header{padding:var(--space-4) var(--space-6)}}@media (max-width: 768px){.trainees-grid{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-4)}.trainee-card{padding:var(--space-6)}.header-content{flex-direction:column;align-items:stretch;gap:var(--space-4)}.page-title{font-size:var(--font-size-xl);text-align:center}.form-row{grid-template-columns:1fr}.trainee-form-modal{width:95vw}.trainee-form{padding:var(--space-6);padding-bottom:120px}}@media (max-width: 480px){.management-header{padding:var(--space-3) var(--space-4)}.trainees-grid{padding:var(--space-3)}.trainee-card{padding:var(--space-4)}.trainee-name{font-size:var(--font-size-lg)}.custom-plan-button,.data-button{width:var(--space-10);height:var(--space-10);font-size:var(--font-size-base)}.plan-assignment,.trainee-access{padding:var(--space-4)}.trainee-form{padding:var(--space-4);padding-bottom:120px}.form-actions{flex-direction:column}.action-buttons-row{flex-direction:row;gap:var(--space-2)}.action-buttons-row .btn-secondary,.action-buttons-row .btn-primary{flex:1;min-width:0;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}}.phone-modal-content{padding:var(--space-6);text-align:right}.phone-modal-content p{margin-bottom:var(--space-4);color:var(--text-secondary);font-size:var(--font-size-base)}.phone-modal-content .form-group{margin-bottom:var(--space-6)}.phone-modal-content .form-group label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.phone-item{display:flex;align-items:center;gap:var(--space-2);position:relative}.edit-phone-btn{background:none;border:none;padding:var(--space-1);border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-sm);opacity:.7;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:24px;height:24px}.edit-phone-btn:hover{opacity:1;background:var(--bg-tertiary);transform:scale(1.1)}.edit-phone-btn:active{transform:scale(.95)}.inline-edit-container{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.inline-edit-buttons{display:flex;gap:var(--space-1);align-items:center}.phone-item .inline-edit-container{position:relative}.phone-item .btn-save{opacity:0;transform:scale(.8);transition:all .2s ease}.phone-item .btn-save.show{opacity:1;transform:scale(1)}.btn-save,.btn-cancel{background:none;border:none;cursor:pointer;padding:var(--space-1);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);transition:all .2s ease;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center}.btn-save{color:var(--success-color);background:var(--success-background)}.btn-save:hover:not(:disabled){background:var(--success-color);color:#fff}.btn-save:disabled{opacity:.3;cursor:not-allowed}.btn-cancel{color:var(--error-color);background:var(--error-background)}.btn-cancel:hover{background:var(--error-color);color:#fff}.phone-item .phone-input-container{flex:1;min-width:0}.phone-item .phone-input-container .country-selector{min-width:80px}.phone-item .phone-input-container .phone-number-input{flex:1;min-width:120px}.customize-plan-option{margin-top:var(--space-4);margin-bottom:var(--space-2);display:flex;justify-content:center}.customize-plan-option .btn-customize-plan{background:var(--primary);border:none;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;padding:.5rem 1rem;border-radius:var(--radius-md);transition:all .2s;box-shadow:0 1px 3px #0000001a;text-align:center}.customize-plan-option .btn-customize-plan:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.customize-plan-option .btn-customize-plan:active{transform:translateY(0)}.coach-dashboard{min-height:100vh;min-height:100dvh;background:var(--gradient-bg);font-family:var(--font-family-sans);display:flex;flex-direction:column;overflow:visible;padding-top:0;padding-bottom:0;box-sizing:border-box;background-attachment:fixed;background-clip:padding-box}@media (min-width: 1024px){.coach-dashboard{display:flex;flex-direction:row}.desktop-sidebar{display:flex;width:280px;background:var(--bg-card);border-right:1px solid var(--border-primary);flex-direction:column;box-shadow:var(--shadow-lg);z-index:10}.sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--border-primary);background:var(--gradient-primary);color:#fff}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.sidebar-logo-icon{font-size:var(--font-size-2xl);filter:brightness(1.2)}.sidebar-logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff}.sidebar-coach-info{display:flex;align-items:center;gap:var(--space-3)}.sidebar-coach-avatar{width:40px;height:40px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.sidebar-coach-details{flex:1}.sidebar-coach-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#fff;margin:0}.sidebar-coach-email{font-size:var(--font-size-sm);color:#fffc;margin:0}.sidebar-nav{flex:1;padding:var(--space-4) 0;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);color:var(--text-primary);text-decoration:none;transition:var(--transition-fast);border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.sidebar-nav-item:hover{background:var(--bg-accent);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--gradient-primary);color:#fff;position:relative}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-primary)}.sidebar-nav-icon{font-size:var(--font-size-lg);width:24px;text-align:center}.sidebar-nav-text{flex:1}.sidebar-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.sidebar-logout-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);color:var(--text-primary);text-decoration:none;transition:var(--transition-fast);width:100%;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.sidebar-logout-btn:hover{background:var(--bg-accent);border-color:var(--border-accent);color:var(--text-primary)}.thin-header{display:none}.bottom-navigation{display:none!important}.main-content-wrapper{flex:1;display:flex;flex-direction:column;overflow:visible}.dashboard-main{flex:1;padding:var(--space-8);overflow-y:auto}.dashboard-home{max-width:1000px;margin:0 auto}.summary-card{max-width:800px;margin:0 auto var(--space-6) auto}}@media (max-width: 1023px){.desktop-sidebar{display:none!important}.bottom-navigation{display:flex!important;position:sticky!important;bottom:0!important;z-index:100!important}.thin-header{display:block!important}.main-content-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}}.dashboard-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}.dashboard-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(6,182,212,.1) 0%,transparent 50%);opacity:.6}.thin-header{background:var(--bg-card);border-bottom:1px solid var(--border-primary);padding:calc(var(--space-3) * 1.5) var(--space-6);padding-top:calc(var(--safe-area-top, 24px) + var(--space-3) * 1.5);flex-shrink:0;box-shadow:var(--shadow-sm)}.thin-header-content{display:flex;align-items:center;justify-content:center;max-width:1200px;margin:0 auto;position:relative}.thin-header-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;text-align:center}.thin-header-settings{position:absolute;right:0;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-lg);width:36px;height:36px;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base)}.thin-header-settings:hover{background:var(--bg-accent);border-color:var(--border-accent);transform:scale(1.05)}.action-button{background:var(--bg-card);color:var(--text-primary);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-xl);width:48px;height:48px;cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);box-shadow:var(--shadow-sm)}.action-button:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-accent)}.action-button.settings{background:var(--bg-card)}.dashboard-main{flex:1;overflow-y:auto;position:relative;min-height:0}.dashboard-home{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:var(--space-8);max-width:1400px;margin:0 auto}@media (min-width: 1024px){.dashboard-home{max-width:none;margin:0}}.management-screen{height:100%;overflow-y:auto;min-height:0}.logo-section{text-align:center;margin-bottom:var(--space-6);padding:var(--space-4) 0;flex-shrink:0}.logo-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.trainerly-logo{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));transition:all var(--transition-base)}.trainerly-logo:hover{transform:scale(1.05) rotate(2deg);filter:drop-shadow(0 12px 24px rgba(0,0,0,.15))}.app-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary);margin:0;text-align:center;letter-spacing:-.02em}.app-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0;font-weight:var(--font-weight-medium);text-align:center}.simple-management-section{margin-bottom:var(--space-12)}.simple-management-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6);max-width:1000px;margin:0 auto}.simple-manage-button{background:var(--bg-card);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-xl);padding:var(--space-6);cursor:pointer;transition:var(--transition-base);text-align:center;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);min-height:140px}.simple-manage-button:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:.7;transition:opacity var(--transition-base)}.simple-manage-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base);border-radius:inherit}.simple-manage-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border-accent)}.simple-manage-button:hover:before{opacity:1}.simple-manage-button:hover:after{opacity:.03}.manage-card-divider{width:60%;height:1px;background:var(--border-primary);margin:var(--space-2) 0}.simple-manage-button:active{transform:translateY(-2px)}.simple-button-icon{font-size:4rem;filter:drop-shadow(0 4px 12px rgba(99,102,241,.3));transition:all var(--transition-base);position:relative;z-index:2}.simple-button-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);position:relative;z-index:2;transition:all var(--transition-base)}.simple-manage-button:hover .simple-button-icon{transform:scale(1.1) rotateY(10deg);filter:drop-shadow(0 8px 20px rgba(99,102,241,.4))}.simple-manage-button:hover .simple-button-text{color:var(--primary)}.simple-manage-button:hover .simple-button-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.header-actions{top:var(--space-4);right:var(--space-4)}.simple-management-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-6)}.simple-manage-button{padding:var(--space-8) var(--space-6)}.simple-button-icon{font-size:2.5rem}.simple-button-title{font-size:var(--font-size-lg)}.trainerly-logo{width:120px;height:120px}.app-title{font-size:var(--font-size-2xl)}}@media (max-width: 480px){.header-actions{top:var(--space-3);right:var(--space-3)}.simple-management-grid{grid-template-columns:1fr;gap:var(--space-4)}.simple-manage-button{padding:var(--space-6) var(--space-4)}.simple-button-icon{font-size:2rem}}.settings-tab-content{padding:var(--space-8) var(--space-6);max-width:600px;margin:0 auto;width:100%}.settings-section{margin-bottom:var(--space-8)}.settings-item{display:flex;justify-content:center}.settings-options{display:flex;flex-direction:column;gap:var(--space-4)}.settings-option{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--border-radius-lg);padding:var(--space-4) var(--space-5);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:var(--space-4);width:100%;text-align:left}.settings-option:hover{background:var(--bg-accent);border-color:var(--border-accent);transform:translate(-2px)}.settings-option.danger:hover{background:#ef44441a;border-color:#ef44444d}.option-icon{font-size:var(--font-size-2xl);width:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.option-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.option-description{font-size:var(--font-size-sm);color:var(--text-secondary)}.settings-option.danger .option-title{color:#ef4444}.option-arrow{font-size:var(--font-size-lg);color:var(--text-tertiary);transform:rotate(180deg)}[dir=rtl] .option-arrow{transform:rotate(0)}.bottom-navigation{display:flex;border-top:1px solid var(--border-primary);padding:0;flex-shrink:0;box-shadow:var(--shadow-lg);width:100vw;max-width:100vw;box-sizing:border-box;overflow:hidden;background:var(--bg-card);position:relative;background-clip:content-box;background-image:linear-gradient(to bottom,var(--bg-card) 0%,var(--bg-card) 100%);background-size:100% 100%;background-position:0 0;background-repeat:no-repeat}@media (min-width: 1024px){.bottom-navigation{display:none!important}}.bottom-navigation:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--safe-area-bottom, 32px);background:var(--bg-card);z-index:1}.nav-cards{display:flex;gap:0;width:100%;max-width:100%;margin:0;padding:0 0 calc(var(--safe-area-bottom, 32px) + 13px) 0;box-sizing:border-box;overflow:hidden}.nav-card{background:transparent;border:none;border-radius:0;padding:var(--space-3) var(--space-2);cursor:pointer;transition:var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1;min-height:70px;justify-content:center;position:relative;min-width:44px;min-height:44px}.nav-card:not(:last-child):after{content:"";position:absolute;top:10%;bottom:10%;width:1px;background:var(--border-secondary)}[dir=ltr] .nav-card:not(:last-child):after{right:0}[dir=rtl] .nav-card:not(:last-child):after{left:0}.nav-card:hover{background:var(--bg-accent)}.nav-card.active{background:var(--gradient-primary);color:#fff;border-bottom:3px solid var(--color-primary)}.nav-card.active:hover{background:var(--gradient-primary)}.nav-card-icon{font-size:var(--font-size-xl);line-height:1}.nav-card.active .nav-card-icon{filter:brightness(1.2)}.nav-card-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);text-align:center;line-height:1.2}.nav-card.active .nav-card-text{color:#fff;font-weight:var(--font-weight-semibold)}@media (max-width: 768px){.nav-card{padding:var(--space-2) var(--space-2);min-height:60px}.nav-card-icon{font-size:var(--font-size-lg)}.nav-card-text{font-size:var(--font-size-xs)}}@supports (padding: max(0px)){.bottom-navigation{padding-bottom:0}}@supports not (padding: max(0px)){.bottom-navigation{padding-bottom:0}}.bottom-navigation:after{background:var(--bg-card)!important;height:0px!important}@media (prefers-color-scheme: dark){.bottom-navigation:after{background:var(--bg-card)!important;height:0px!important}}.bottom-navigation{background-color:var(--bg-card)!important;background-image:none!important}.dashboard-summary{width:100%;max-width:800px;margin:2rem auto;display:flex;flex-direction:column;gap:1.5rem;padding:0 1rem}.summary-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-md);transition:all .3s}.summary-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.trainee-count-card{display:flex;align-items:center;gap:1.5rem}.trainee-count-card.compact{padding:1rem 1.5rem}.trainee-count-card .summary-icon{font-size:3rem;flex-shrink:0}.trainee-count-card.compact .summary-icon{font-size:2rem}.trainee-count-card .summary-content{flex:1}.trainee-count-card .summary-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.trainee-count-card.compact .summary-title{font-size:.875rem}.trainee-count-card .summary-value{margin:.5rem 0 0;font-size:2.5rem;font-weight:800;color:var(--primary)}.trainee-count-card.compact .summary-value{font-size:1.75rem;margin:.25rem 0 0}.plan-replacement-card{display:flex;flex-direction:column;gap:1rem;position:relative}.plan-replacement-card .card-header{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}.plan-replacement-card .summary-icon{font-size:1.5rem}.plan-replacement-card .summary-title{margin:0;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.see-all-btn-top{position:absolute;top:1rem;background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 2px 8px #00000026;z-index:10}[dir=ltr] .see-all-btn-top{right:1rem}[dir=rtl] .see-all-btn-top{left:1rem}.see-all-btn-top:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.see-all-btn-top:active{transform:translateY(0);box-shadow:0 2px 6px #00000026}.plan-replacement-list{display:flex;flex-direction:column;gap:.75rem}.plan-replacement-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);transition:all .2s;position:relative}.plan-replacement-item.status-ok{border-color:#10b981;background:#10b9810d}.plan-replacement-item.status-warning{border-color:#f59e0b;background:#f59e0b0d}.plan-replacement-item.status-urgent{border-color:#ef4444;background:#ef44440d}.plan-replacement-item:hover{background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.plan-replacement-item .trainee-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.plan-replacement-item .trainee-nickname{font-weight:700;font-size:1rem;color:var(--text-primary)}.plan-replacement-item .plan-name{font-size:.875rem;color:var(--text-secondary);font-weight:600}.plan-replacement-item .plan-dates{display:flex;gap:.5rem;margin-top:.5rem;font-size:.8rem;align-items:center}.plan-replacement-item .date-label{color:var(--text-tertiary);font-weight:500}.plan-replacement-item .date-value{color:var(--text-secondary);font-weight:600}.plan-replacement-item .future-plan-info{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:.8rem}.plan-replacement-item .status-indicator{font-size:1rem;line-height:1}.plan-replacement-item .future-plan-text{color:var(--text-secondary);font-weight:600;flex:1}.plan-replacement-item .future-plan-text.urgent{color:#ef4444}.assign-plan-btn-top{position:absolute;top:.75rem;left:.75rem;padding:.35rem .75rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;z-index:1}.assign-plan-btn-top:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.assign-plan-btn-top:active{transform:translateY(0)}.plan-replacement-item .days-remaining{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;border-radius:var(--radius-lg);min-width:70px}.plan-replacement-item .days-remaining.status-ok{background:#10b981}.plan-replacement-item .days-remaining.status-warning{background:#f59e0b}.plan-replacement-item .days-remaining.status-urgent{background:#ef4444}.no-plans-ending{padding:2rem;text-align:center;color:var(--text-secondary);font-style:italic}.ending-soon-card{display:flex;flex-direction:column;gap:1rem}.ending-soon-card .card-header{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}.ending-soon-card .summary-icon{font-size:1.5rem}.ending-soon-card .summary-title{margin:0;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.ending-soon-list{display:flex;flex-direction:column;gap:.75rem}.ending-soon-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all .2s}.ending-soon-item:hover{background:var(--bg-tertiary);border-color:var(--primary)}.trainee-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.trainee-nickname{font-weight:700;font-size:1rem;color:var(--text-primary)}.plan-name{font-size:.875rem;color:var(--text-secondary)}.days-remaining{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;background:var(--primary);border-radius:var(--radius-lg);min-width:70px}.days-count{font-size:1.5rem;font-weight:800;color:#fff;line-height:1}.days-label{font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em}.all-renewals-modal-content{display:flex;flex-direction:column;gap:.75rem;max-height:60vh;overflow-y:auto;padding:.5rem}.all-renewals-modal-content .plan-replacement-item{margin:0}@media (max-width: 768px){.dashboard-summary{padding:0 .5rem}.trainee-count-card{flex-direction:column;text-align:center}.trainee-count-card .summary-content{text-align:center}.all-renewals-modal-content{max-height:50vh}}.delete-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:10001;padding:var(--space-5);animation:fadeIn .2s ease-out}.delete-confirm-dialog{background:var(--bg-card);border-radius:var(--border-radius-2xl);padding:var(--space-8);max-width:480px;width:100%;box-shadow:0 20px 50px #0000004d;animation:modalSlideIn .3s ease-out}.delete-confirm-icon{font-size:64px;text-align:center;margin-bottom:var(--space-4);animation:pulse 2s infinite}.delete-confirm-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#dc2626;text-align:center;margin:0 0 var(--space-4)}.delete-confirm-message{font-size:var(--font-size-base);color:var(--text-primary);text-align:center;margin:0 0 var(--space-4);line-height:1.6}.delete-confirm-list{background:#dc26260d;border-radius:var(--border-radius-lg);padding:var(--space-4);margin:var(--space-4) 0;list-style-position:inside}.delete-confirm-list li{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-2);line-height:1.5}.delete-confirm-list li:last-child{margin-bottom:0}.delete-confirm-final{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#dc2626;text-align:center;margin:var(--space-4) 0}.delete-confirm-buttons{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.cancel-button{flex:1;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal)}.cancel-button:hover{background:var(--bg-tertiary);border-color:var(--border-accent)}.confirm-delete-button{flex:1;padding:var(--space-3) var(--space-4);background:#dc2626;border:1px solid #dc2626;border-radius:var(--border-radius-lg);color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal)}.confirm-delete-button:hover{background:#b91c1c;border-color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.confirm-delete-button:active{transform:translateY(0)}@media (max-width: 768px){.delete-confirm-dialog{padding:var(--space-6)}.delete-confirm-buttons{flex-direction:column}.cancel-button,.confirm-delete-button{width:100%}}.setting-toggle-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem}.setting-info{flex:1}.setting-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;text-align:start}[dir=rtl] .setting-title{text-align:right}[dir=ltr] .setting-title{text-align:left}.setting-description{font-size:.875rem;color:var(--text-secondary);line-height:1.4;text-align:start}[dir=rtl] .setting-description{text-align:right}[dir=ltr] .setting-description{text-align:left}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:background-color .3s ease;border-radius:28px;border:2px solid #9ca3af}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#374151;transition:all .3s ease;border-radius:50%;box-shadow:0 2px 4px #0000004d}.toggle-switch input:checked+.toggle-slider{background-color:#6366f1;border-color:#6366f1}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px);background-color:#fff}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.plan-upgrade-screen{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:20px;overflow:hidden}.upgrade-container{background:var(--bg-secondary);border-radius:16px;box-shadow:0 8px 32px #0000001a;max-width:600px;width:100%;min-height:700px;padding:48px;text-align:center;display:flex;flex-direction:column;justify-content:center}.upgrade-header h1{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:24px}.upgrade-header p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:56px}.upgrade-content{display:flex;flex-direction:column;align-items:center}.upgrade-icon{margin-bottom:32px}.upgrade-content h2{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:20px}.upgrade-content p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:48px}.upgrade-actions{display:flex;flex-direction:column;gap:20px;width:100%}.whatsapp-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:#25d366;color:#fff;border:none;border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base);text-decoration:none;min-height:var(--button-height)}.whatsapp-button:hover{background:#128c7e;transform:translateY(-1px);box-shadow:var(--shadow-medium)}.whatsapp-button:active{transform:translateY(0)}.logout-button{background:#dc3545;color:#fff;border:2px solid #dc3545;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:48px}.logout-button:hover{background:#c82333;border-color:#c82333;color:#fff}.logout-button:active{transform:translateY(1px)}[dir=rtl] .upgrade-actions{text-align:right}[dir=rtl] .whatsapp-button{flex-direction:row-reverse}@media (max-width: 480px){.plan-upgrade-screen{padding:16px}.upgrade-container{padding:24px}.upgrade-header h1{font-size:24px}.upgrade-content h2{font-size:20px}.whatsapp-button,.logout-button{padding:14px 20px;font-size:15px}}.reset-password-page{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1e3c72,#2a5298);display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;pointer-events:none;display:flex;flex-direction:column;gap:10px}[dir=rtl] .toast-container{right:auto;left:20px}.toast-container .toast{pointer-events:auto;position:relative;margin:0}.toast{position:relative;min-width:300px;max-width:500px;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;z-index:10000;cursor:pointer;transform:translate(100%);opacity:0;transition:all .3s ease;pointer-events:auto}[dir=rtl] .toast-container .toast,.toast-container .toast{transform:translate(100%)}.toast-visible{transform:translate(0)!important;opacity:1!important}.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-left:4px solid #047857}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-left:4px solid #b91c1c}.toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-left:4px solid #b45309}.toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-left:4px solid #1d4ed8}[dir=rtl] .toast-success,[dir=rtl] .toast-error,[dir=rtl] .toast-warning,[dir=rtl] .toast-info{border-left:none;border-right:4px solid}[dir=rtl] .toast-success{border-right-color:#047857}[dir=rtl] .toast-error{border-right-color:#b91c1c}[dir=rtl] .toast-warning{border-right-color:#b45309}[dir=rtl] .toast-info{border-right-color:#1d4ed8}.toast-message{flex:1;line-height:1.4}.toast-close{background:none;border:none;color:inherit;font-size:20px;font-weight:700;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;flex-shrink:0}.toast-close:hover{background-color:#fff3}@media (max-width: 768px){.toast-container{top:10px;right:10px;left:10px}[dir=rtl] .toast-container{right:10px;left:10px}.toast-container .toast{min-width:auto;max-width:none;transform:translateY(-100%)}[dir=rtl] .toast-container .toast{transform:translateY(-100%)}.toast-container .toast.toast-visible{transform:translateY(0)}}@media (prefers-color-scheme: dark){.toast{box-shadow:0 4px 12px #0000004d}}.training-selection{animation:fadeInFromSkeleton .8s ease-out}.trainee-card{animation:scaleInFromSkeleton .5s ease-out;animation-fill-mode:both}.trainee-card:nth-child(1){animation-delay:.1s}.trainee-card:nth-child(2){animation-delay:.2s}.trainee-card:nth-child(3){animation-delay:.3s}.trainee-card:nth-child(4){animation-delay:.4s}.trainee-card:nth-child(5){animation-delay:.5s}.green-button{animation:fadeInButton .6s ease-out;animation-delay:.4s;animation-fill-mode:both}@keyframes fadeInFromSkeleton{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleInFromSkeleton{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeInButton{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.green-button{transition:all .3s ease}.green-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}[dir=rtl] .training-selection,[dir=rtl] .trainee-card,[dir=rtl] .green-button{animation-direction:normal}.trainee-card{position:relative;width:100%;margin:0;padding:34px 40px;background:linear-gradient(135deg,#6366f114,#8b5cf614);border:2.5px solid rgba(99,102,241,.3);border-radius:24px;cursor:pointer;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000014;display:flex;align-items:center;max-height:140px;flex:1 1 auto;outline:none}.trainee-card:focus{outline:none}.trainee-card__shine{display:none}.trainee-card:hover{border-color:#6366f180;background:linear-gradient(135deg,#6366f11f,#8b5cf61f)}.trainee-card--selected{background:linear-gradient(135deg,#6366f159,#8b5cf659);border:4px solid rgb(99,102,241);box-shadow:0 8px 32px #6366f166,0 0 0 4px #6366f140}.trainee-card--selected:hover{background:linear-gradient(135deg,#6366f166,#8b5cf666);box-shadow:0 8px 32px #6366f173,0 0 0 4px #6366f14d}.trainee-card__content{display:flex;justify-content:space-between;align-items:center;width:100%;gap:24px;position:relative;z-index:1;flex-direction:row}[dir=rtl] .trainee-card__content{direction:rtl}[dir=ltr] .trainee-card__content{direction:ltr}.trainee-card__start-section{flex:1;display:flex;align-items:center}[dir=rtl] .trainee-card__start-section{justify-content:flex-start;text-align:right}[dir=ltr] .trainee-card__start-section{justify-content:flex-start;text-align:left}.trainee-card__title{margin:0;font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.1);line-height:1.2}.trainee-card:hover .trainee-card__title{color:#6366f1;transition:color .3s ease}.trainee-card--selected .trainee-card__title{color:#6366f1}.trainee-card__end-section{display:flex;gap:10px;align-items:center;flex-shrink:0}[dir=rtl] .trainee-card__end-section,[dir=ltr] .trainee-card__end-section{justify-content:flex-end}.trainee-status-label{padding:8px 14px;border-radius:16px;font-weight:700;font-size:14px;line-height:1;text-align:center;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 8px #0000001a}.trainee-status-label--count{background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:var(--text-primary);min-width:44px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:root[data-theme=light] .trainee-status-label--count{background:#00000014;border:2px solid rgba(0,0,0,.25);color:#1a202c}:root[data-theme=dark] .trainee-status-label--count{background:#ffffff26;border:2px solid rgba(255,255,255,.4);color:#f8fafc}.trainee-card:hover .trainee-status-label--count{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.trainee-status-label--current{background:linear-gradient(135deg,#4caf50,#45a049);border:2px solid rgba(255,255,255,.3);color:#fff;box-shadow:0 2px 8px #4caf504d}.trainee-card:hover .trainee-status-label--current{transform:scale(1.08);box-shadow:0 4px 16px #4caf5066}.trainee-status-label--next{background:linear-gradient(135deg,#ff9800,#f57c00);border:2px solid rgba(255,255,255,.3);color:#fff;box-shadow:0 2px 8px #ff98004d}.trainee-card:hover .trainee-status-label--next{transform:scale(1.08);box-shadow:0 4px 16px #ff980066}@media (max-width: 768px){.trainee-card{padding:29px 36px;max-height:125px;margin:0;width:100%}.trainee-card__content{gap:16px}.trainee-card__title{font-size:19px}.trainee-status-label{padding:6px 12px;font-size:13px}.trainee-status-label--count{min-width:38px}.trainee-card__end-section{gap:8px}}@media (max-width: 480px){.trainee-card{padding:24px 32px;max-height:115px;margin:0;width:100%}.trainee-card__title{font-size:17px}.trainee-card__content{gap:12px}.trainee-status-label{padding:5px 10px;font-size:12px}.trainee-status-label--count{min-width:34px}}@media (min-width: 1024px){.trainee-card{padding:38px 48px;max-height:160px;margin:0;width:100%}.trainee-card__title{font-size:24px}.trainee-status-label{padding:9px 16px;font-size:15px}.trainee-status-label--count{min-width:48px}}@media (prefers-reduced-motion: reduce){.trainee-card,.trainee-card__shine,.trainee-status-label{transition:none;animation:none}.trainee-card:hover{transform:none}.trainee-card--selected{animation:none}}.fullscreen-loader{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999}.loader-content{display:flex;flex-direction:column;align-items:center;gap:30px}.loading-text{color:var(--text-primary);font-size:18px;font-weight:500;text-align:center;margin:0}.loader-logo{width:120px;height:120px;object-fit:contain;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.spinner{width:50px;height:50px;border:4px solid var(--border-primary);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fullscreen-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;overflow-y:auto;animation:fadeIn .3s ease-out}.fullscreen-modal{min-height:100vh;width:100%;background:var(--bg-primary, #1a1a2e);display:flex;flex-direction:column;position:relative}.fullscreen-header{position:sticky;top:0;background:var(--bg-secondary, #16213e);border-bottom:1px solid var(--border-primary, rgba(255, 255, 255, .1));padding:1rem;padding-top:64px;display:flex;justify-content:center;align-items:center;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.fullscreen-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary, #ffffff);background:var(--gradient-success);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;flex:1}.fullscreen-close-btn{position:absolute;top:70%;left:var(--space-2);transform:translateY(-50%);background:var(--bg-tertiary, rgba(40, 40, 60, .8));border:1px solid var(--border-primary, rgba(255, 255, 255, .1));color:var(--text-secondary, #a0a0a0);font-size:1.2rem;cursor:pointer;padding:.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.fullscreen-close-btn:hover{background:var(--bg-hover, rgba(60, 60, 80, .9));border-color:var(--border-accent, rgba(99, 102, 241, .4));color:var(--text-primary, #ffffff);transform:scale(1.1)}[dir=rtl] .fullscreen-close-btn{left:auto;right:var(--space-2);top:70%;transform:translateY(-50%)}.fullscreen-content{flex:1;padding:1.5rem;overflow:visible;display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 768px){.fullscreen-header{padding:.75rem;padding-top:64px}.fullscreen-title{font-size:1.25rem}.fullscreen-content{padding:1rem;gap:1rem}}@media (max-width: 480px){.fullscreen-header{padding:.5rem;padding-top:64px}.fullscreen-title{font-size:1.1rem}.fullscreen-content{padding:.75rem;gap:.75rem}}.exercise-name-display{padding:1.5rem;text-align:center;background:var(--bg-glass, rgba(30, 30, 50, .6));border-bottom:1px solid var(--border-primary, rgba(255, 255, 255, .1))}.exercise-name-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary, #ffffff);background:var(--gradient-primary, linear-gradient(135deg, #667eea 0%, #764ba2 100%));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.history-modal-tabs{display:flex;gap:.5rem;padding:1rem;border-bottom:1px solid var(--border-primary, rgba(255, 255, 255, .1));background:var(--bg-glass, rgba(30, 30, 50, .6))}.history-modal-tab{flex:1;padding:.75rem 1rem;background:var(--bg-tertiary, rgba(40, 40, 60, .6));border:1px solid var(--border-primary, rgba(255, 255, 255, .1));border-radius:8px;color:var(--text-secondary, #a0a0a0);font-weight:600;cursor:pointer;transition:all .2s}.history-modal-tab:hover{background:var(--bg-hover, rgba(60, 60, 80, .8));color:var(--text-primary, #ffffff)}.history-modal-tab.active{background:var(--gradient-primary, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;border-color:transparent}.history-modal-content-area{flex:1;overflow-y:auto;padding:1rem}.history-list-view{width:100%}.history-list-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:.5rem;padding:.75rem 1rem;background:var(--bg-card, rgba(30, 30, 50, .9));border-radius:8px;margin-bottom:.5rem;font-weight:700;color:var(--text-primary, #ffffff);font-size:.875rem;grid-auto-flow:column}.history-col{text-align:center}.history-entry-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:.5rem;padding:.75rem 1rem;background:var(--bg-card, rgba(30, 30, 50, .6));border-radius:8px;margin-bottom:.5rem;cursor:pointer;transition:all .2s;grid-auto-flow:column}.history-entry-row:hover{background:var(--bg-hover, rgba(60, 60, 80, .8));transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.history-entry-row .history-col{color:var(--text-secondary, #a0a0a0);font-size:.875rem}.clickable-entry{cursor:pointer}.history-graph-view{width:100%}.no-history-message{text-align:center;padding:3rem 1rem;color:var(--text-secondary, #a0a0a0)}.no-history-message p{font-size:1.1rem;margin:0}.status-message,.feedback-label,.feedback-input{text-align:center!important}input.feedback-input,[dir=ltr] input.feedback-input,[dir=rtl] input.feedback-input{text-align:center!important;direction:ltr!important}[dir=rtl] .feedback-input,[dir=ltr] .feedback-input{text-align:center!important}[dir=rtl] input.feedback-input,[dir=ltr] input.feedback-input{text-align:center!important;direction:ltr!important}.superset-feedback-modal{max-width:100vw;width:100vw;height:100vh;border-radius:0;overflow:hidden;display:flex;flex-direction:column}.superset-feedback-modal .feedback-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding-bottom:var(--space-6)}.superset-summary{text-align:center;color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-2);opacity:.8}.exercise-completion-list{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.exercise-completion-item{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);text-align:center;padding:var(--space-2);background:var(--bg-card);border-radius:8px;border:1px solid var(--border-primary)}.superset-exercises-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4);overflow-y:visible;overflow-x:hidden;padding-right:4px;padding-bottom:20px}.superset-exercise-card{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-3);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:var(--space-3)}.superset-exercise-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:0;padding-bottom:0;border-bottom:none;flex:1}.exercise-number{background:var(--gradient-primary);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-xs);flex-shrink:0}.exercise-name{font-weight:600;color:var(--text-primary);font-size:var(--text-sm);flex:1;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.superset-inputs-row{display:flex;gap:8px;align-items:center;justify-content:center;flex-shrink:0;width:100%;margin:0 auto}.superset-input-box{display:flex;flex-direction:column;align-items:center;min-width:0;flex:1;max-width:100px;text-align:center}.superset-input-label{font-size:10px;color:var(--text-secondary);margin-bottom:4px;text-align:center;font-weight:500;line-height:1.2}.superset-input{width:100%;padding:8px 6px;font-size:14px;text-align:center!important;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);min-height:32px;max-width:90px}.superset-input:focus{outline:none;border-color:var(--primary);background:var(--bg-tertiary)}@media (max-width: 768px){.superset-feedback-modal{max-width:calc(100vw - 20px);width:calc(100vw - 20px);height:90vh;padding:16px}.superset-exercise-card{padding:12px;gap:12px}.superset-exercise-header{gap:8px}.exercise-number{width:18px;height:18px;font-size:9px}.exercise-name{font-size:11px}.superset-inputs-row{gap:4px}.superset-input-box{max-width:70px}.superset-exercises-list{padding-bottom:20px}.superset-input{padding:6px 4px;font-size:12px;min-height:28px;max-width:80px}.superset-input-label{font-size:9px;margin-bottom:2px}}.feedback-modal input.feedback-input,.feedback-modal [dir=ltr] input.feedback-input,.feedback-modal [dir=rtl] input.feedback-input,.feedback-modal input[type=text].feedback-input,.feedback-modal [dir=ltr] input[type=text].feedback-input,.feedback-modal [dir=rtl] input[type=text].feedback-input{text-align:center!important;direction:ltr!important}.exercise-name-display{text-align:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-color, #6366f1)}.exercise-name-title{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#10b981,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[dir=rtl] .info-notes-title{text-align:right!important}[dir=ltr] .info-notes-title{text-align:left!important}[dir=rtl] .info-notes-text{text-align:right!important}[dir=ltr] .info-notes-text{text-align:left!important}[dir=rtl] .personal-notes-text{text-align:right!important}[dir=ltr] .personal-notes-text{text-align:left!important}[dir=rtl] .info-video-title{text-align:right!important}[dir=ltr] .info-video-title{text-align:left!important}.info-video-container{display:flex;justify-content:center;align-items:center;width:100%;margin-top:.75rem}.info-video-iframe{max-width:100%;height:auto;aspect-ratio:16/9;border-radius:8px}.personal-notes-section{margin-top:calc(1.5rem * .2);padding:.2rem;background:var(--bg-secondary, rgba(40, 40, 60, .8));border-radius:12px;border:1px solid var(--border-primary, rgba(255, 255, 255, .1))}.personal-notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.personal-notes-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary, #ffffff)}.edit-notes-btn,.save-notes-btn,.cancel-notes-btn{background:var(--bg-tertiary, rgba(60, 60, 80, .8));border:1px solid var(--border-primary, rgba(255, 255, 255, .1));color:var(--text-secondary, #a0a0a0);font-size:1rem;cursor:pointer;padding:.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.edit-notes-btn:hover,.save-notes-btn:hover,.cancel-notes-btn:hover{background:var(--bg-hover, rgba(80, 80, 100, .9));border-color:var(--border-accent, rgba(99, 102, 241, .4));color:var(--text-primary, #ffffff);transform:scale(1.05)}.save-notes-btn{color:#22c55e}.save-notes-btn:hover{color:#16a34a;border-color:#22c55e66}.cancel-notes-btn{color:#ef4444}.cancel-notes-btn:hover{color:#dc2626;border-color:#ef444466}.notes-action-buttons{display:flex;gap:.5rem;justify-content:center}.personal-notes-content{width:100%}.personal-notes-display{padding:.75rem;background:var(--bg-card, #f8fafc);border:1px solid var(--border-primary, #e2e8f0);border-radius:8px;min-height:60px;transition:all .2s ease}.personal-notes-display:hover{background:var(--bg-tertiary, #f1f5f9)}.personal-notes-text{margin:0;color:var(--text-primary, #1a202c);font-size:.9rem;line-height:1.5;white-space:pre-wrap}.personal-notes-placeholder{margin:0;color:var(--text-muted, #64748b);font-size:.9rem;font-style:italic;text-align:center;padding:1rem 0}.personal-notes-input{width:100%;min-height:80px;padding:.75rem;background:var(--bg-card, #f8fafc);border:1px solid var(--border-primary, #e2e8f0);border-radius:8px;color:var(--text-primary, #1a202c);font-size:.9rem;font-family:inherit;resize:vertical;transition:all .2s ease}.personal-notes-input:focus{outline:none;border-color:var(--primary, #6366f1);box-shadow:0 0 0 3px #6366f11a;background:var(--bg-tertiary, #f1f5f9)}.personal-notes-input::placeholder{color:var(--text-muted, #64748b)}[dir=rtl] .personal-notes-title{text-align:right!important}[dir=ltr] .personal-notes-title{text-align:left!important}[dir=rtl] .personal-notes-text,[dir=rtl] .personal-notes-empty{text-align:right!important}[dir=ltr] .personal-notes-text,[dir=ltr] .personal-notes-empty{text-align:left!important}.whatsapp-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--space-4)}.whatsapp-modal{background:var(--bg-primary);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;border:1px solid var(--border-primary)}.whatsapp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--border-primary);background:var(--gradient-bg);border-radius:16px 16px 0 0}.whatsapp-modal-header h3{margin:0;font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.close-btn{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:var(--space-1);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.whatsapp-modal-content{padding:var(--space-4)}.exercise-info{background:var(--bg-secondary);padding:var(--space-3);border-radius:8px;margin-bottom:var(--space-4);border:1px solid var(--border-primary)}.exercise-info strong{color:var(--text-primary);font-weight:600}.message-section{margin-bottom:var(--space-4)}.message-section label{display:block;margin-bottom:var(--space-2);font-weight:600;color:var(--text-primary)}.message-input{width:100%;padding:var(--space-3);border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-base);font-family:inherit;resize:vertical;min-height:100px}.message-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f11a}.whatsapp-modal-actions{display:flex;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--border-primary);background:var(--bg-secondary);border-radius:0 0 16px 16px}.btn-secondary{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.whatsapp-btn{flex:1;padding:var(--space-3) var(--space-4);border:none;border-radius:8px;background:#25d366;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.whatsapp-btn:hover:not(:disabled){background:#128c7e;transform:translateY(-1px)}.whatsapp-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.whatsapp-icon{width:20px;height:20px;margin-right:var(--space-1)}.header-action-btn .whatsapp-icon{width:48px;height:48px;margin:0;flex-shrink:0;object-fit:contain}.header-action-btn:has(.whatsapp-icon){min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width: 768px){.whatsapp-modal-overlay{padding:var(--space-2)}.whatsapp-modal{max-height:95vh}.whatsapp-modal-header,.whatsapp-modal-content,.whatsapp-modal-actions{padding:var(--space-3)}.whatsapp-modal-actions{flex-direction:column}.btn-secondary,.whatsapp-btn{width:100%}}.horizontal-step-bar-container{width:100%;padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);background:transparent;position:relative}.progress-counter{display:flex;justify-content:center;align-items:center;padding:var(--space-1) 0}.counter-text{font-size:14px;font-weight:600;color:var(--text-secondary);letter-spacing:.5px}.horizontal-scroll-wrapper{position:relative;width:100%}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:32px;height:60px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);pointer-events:none;transition:opacity .3s ease}.scroll-arrow-left{left:0;background:transparent}.scroll-arrow-right{right:0;background:transparent}.scroll-arrow svg{filter:none;opacity:.2;animation:arrow-pulse 2s ease-in-out infinite}@keyframes arrow-pulse{0%,to{opacity:.2}50%{opacity:.35}}.horizontal-scroll-container{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.horizontal-scroll-container::-webkit-scrollbar{display:none}.horizontal-steps-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;min-width:min-content}.horizontal-step{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);cursor:pointer;transition:all .3s ease;flex-shrink:0;width:100px;padding:var(--space-2);border-radius:12px;position:relative}.horizontal-step:hover{transform:translateY(-2px)}.exercise-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.horizontal-step:hover .exercise-circle{transform:scale(1.05)}.circle-number{font-size:16px;font-weight:700;z-index:1}.exercise-circle.is-pending{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:2px solid #8b5cf6;box-shadow:0 2px 8px #6366f14d}.exercise-circle.is-pending .circle-number{color:#fff}.exercise-circle.is-current{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:5px solid var(--text-primary);box-shadow:0 3px 12px #6366f166;opacity:.85;animation:gentle-pulse 2s ease-in-out infinite}.exercise-circle.is-current .circle-number{color:#fff}.exercise-circle.is-completed{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:5px solid #22c55e;box-shadow:0 2px 10px #22c55e66}.exercise-circle.is-completed .circle-number{color:#fff}.horizontal-step .step-label{text-align:center;width:100%;max-width:70px;height:36px;display:flex;align-items:center;justify-content:center}.horizontal-step .muscle-group{font-size:15px;font-weight:600;color:var(--text-secondary);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%}@keyframes gentle-pulse{0%,to{box-shadow:0 3px 12px #6366f166}50%{box-shadow:0 3px 16px #6366f180}}.horizontal-superset-group{display:flex;align-items:center;gap:0;border:2px solid #7c3aed;border-radius:12px;padding:var(--space-2) var(--space-2);background:transparent;transition:all .3s ease;flex-shrink:0;position:relative}.horizontal-superset-group:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed33}.superset-divider{width:1px;height:50px;background:linear-gradient(to bottom,transparent 0%,#7c3aed 20%,#7c3aed 80%,transparent 100%);margin:0 var(--space-2);position:relative;flex-shrink:0}.superset-divider:before,.superset-divider:after{content:"";position:absolute;width:4px;height:4px;background:#7c3aed;border-radius:50%;left:50%;transform:translate(-50%)}.superset-divider:before{top:0}.superset-divider:after{bottom:0}.horizontal-superset-group .horizontal-step{width:100px;padding:var(--space-2)}.horizontal-superset-group .exercise-circle{width:44px;height:44px}.horizontal-superset-group .circle-number{font-size:16px}.horizontal-superset-group .horizontal-step .muscle-group{font-size:15px;max-width:100px}@media (max-width: 480px){.horizontal-step-bar-container{padding:var(--space-1) var(--space-2)}.progress-counter{padding:var(--space-1) 0}.counter-text{font-size:12px}.horizontal-steps-row{gap:var(--space-2);padding:var(--space-1) 0}.horizontal-step{width:90px;padding:var(--space-1-5)}.exercise-circle{width:38px;height:38px}.circle-number{font-size:14px}.horizontal-step .step-label{height:34px;max-width:90px}.horizontal-step .muscle-group{font-size:14px;max-width:90px}.horizontal-superset-group{padding:var(--space-1) var(--space-1)}.horizontal-superset-group .horizontal-step{width:90px;padding:var(--space-1-5)}.horizontal-superset-group .horizontal-step .muscle-group{font-size:14px;max-width:90px}.superset-divider{height:42px;margin:0 var(--space-1)}}@media (max-width: 360px){.horizontal-step{width:80px;padding:var(--space-1)}.exercise-circle{width:34px;height:34px}.circle-number{font-size:12px}.horizontal-step .step-label{height:30px;max-width:80px}.horizontal-step .muscle-group{font-size:12px;max-width:80px}.horizontal-superset-group .horizontal-step{width:80px;padding:var(--space-1)}.horizontal-superset-group .horizontal-step .muscle-group{font-size:12px;max-width:80px}.superset-divider{height:38px}}@media (min-width: 768px){.counter-text{font-size:15px}.horizontal-steps-row{gap:var(--space-4)}.horizontal-step{width:110px;padding:var(--space-2-5)}.exercise-circle{width:50px;height:50px}.circle-number{font-size:18px}.horizontal-step .step-label{height:42px;max-width:110px}.horizontal-step .muscle-group{font-size:17px;max-width:110px}.horizontal-superset-group{padding:var(--space-2) var(--space-3)}.horizontal-superset-group .horizontal-step{width:110px;padding:var(--space-2-5)}.horizontal-superset-group .horizontal-step .muscle-group{font-size:17px;max-width:110px}.superset-divider{height:56px;margin:0 var(--space-3)}}.horizontal-step:focus{outline:2px solid var(--text-primary);outline-offset:2px}.horizontal-step:focus .step-circle{transform:scale(1.05)}@keyframes step-appear{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.horizontal-step{animation:step-appear .3s ease-out}.horizontal-step:nth-child(1){animation-delay:.05s}.horizontal-step:nth-child(2){animation-delay:.1s}.horizontal-step:nth-child(3){animation-delay:.15s}.horizontal-step:nth-child(4){animation-delay:.2s}.horizontal-step:nth-child(5){animation-delay:.25s}.horizontal-step:nth-child(6){animation-delay:.3s}.horizontal-step:nth-child(7){animation-delay:.35s}.horizontal-step:nth-child(8){animation-delay:.4s}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:32px var(--space-4) var(--space-4) var(--space-4);animation:fadeIn .3s ease-out}.modal{width:100%;max-width:500px;max-height:90vh;background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-xl);color:var(--text-primary);overflow:hidden;animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:center;align-items:center;padding:var(--space-6);padding-top:calc(var(--space-6) + 20px);background:var(--bg-card);border-bottom:1px solid var(--border-primary);position:relative;text-align:center}.modal-header h2{margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);background:var(--gradient-success);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.modal{max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.modal-header{padding:var(--space-4);padding-top:calc(var(--space-4) + 20px)}.modal-header h2{font-size:var(--text-xl)}.modal-body{padding:var(--space-4);max-height:calc(100vh - 120px)}}@media (max-width: 480px){.modal-overlay{padding:var(--space-2)}.modal{max-width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}.modal-header{padding:var(--space-3);padding-top:calc(var(--space-3) + 20px)}.modal-header h2{font-size:var(--text-lg)}.modal-body{padding:var(--space-3);max-height:calc(100vh - 100px)}}.all-exercises-container{display:flex;flex-direction:column;gap:1.5rem;padding:0}.exercise-card{background:var(--bg-secondary, #16213e);border:1px solid var(--border-primary, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 12px);padding:1.5rem;box-shadow:0 4px 12px #0000004d;transition:all .2s ease;margin-bottom:.5rem;flex-shrink:0}.exercise-card:hover{border-color:var(--border-accent, rgba(99, 102, 241, .4));box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.exercise-card-row{display:flex;align-items:center;margin-bottom:1rem}.exercise-card-row:last-child{margin-bottom:0}.exercise-name-row{justify-content:center;align-items:center;text-align:center}.exercise-name{margin:0;margin-top:1.5rem;font-size:1.25rem;font-weight:700;color:var(--text-primary, #ffffff);text-align:center}.superset-indicator-row{display:flex;justify-content:center;align-items:center;margin:.5rem 0}.superset-indicator{color:var(--accent-color, #ff6b6b);font-size:.8rem;font-weight:600;background:#ff6b6b1a;padding:4px 12px;border-radius:12px;text-align:center;white-space:nowrap;border:1px solid rgba(255,107,107,.3)}.video-button-fixed{position:absolute;top:0;right:0;background:var(--bg-accent, rgba(99, 102, 241, .2));border:1px solid var(--border-accent, rgba(99, 102, 241, .4));color:var(--text-primary, #ffffff);padding:.5rem;border-radius:0 12px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;transition:all .2s ease;z-index:10}.video-button-fixed:hover{background:var(--bg-accent-hover, rgba(99, 102, 241, .3));border-color:var(--border-accent-hover, rgba(99, 102, 241, .6));transform:scale(1.1)}.exercise-note-row{justify-content:flex-start;align-items:flex-start}.exercise-note{background:var(--bg-tertiary, rgba(40, 40, 60, .6));border:1px solid var(--border-secondary, rgba(255, 255, 255, .05));border-radius:var(--radius-md, 8px);padding:1rem;color:var(--text-secondary, #a0a0a0);font-size:.95rem;line-height:1.5;width:100%;min-height:60px;word-wrap:break-word;white-space:pre-wrap;text-align:center}.exercise-details-row{justify-content:space-between;align-items:stretch;flex-wrap:wrap;gap:0;background:var(--bg-tertiary, rgba(40, 40, 60, .3));border-radius:var(--radius-md, 8px);padding:0;overflow:hidden}.exercise-detail{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;flex:1;min-width:80px;padding:1rem;position:relative}.exercise-detail:not(:last-child):after{content:"";position:absolute;right:0;top:20%;bottom:20%;width:1px;background:var(--border-primary, rgba(255, 255, 255, .1))}.detail-label{font-size:.75rem;font-weight:600;color:var(--text-tertiary, #888);text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-bottom:.25rem}.detail-value{font-size:1rem;font-weight:700;color:var(--text-primary, #ffffff);text-align:center}[dir=rtl] .exercise-name-row,[dir=rtl] .exercise-details-row{flex-direction:row-reverse}@media (max-width: 768px){.all-exercises-container{gap:1.5rem;padding:0}.exercise-card{padding:1rem;margin-bottom:.75rem}.exercise-name{font-size:1.1rem;margin-top:1.25rem}.video-button-fixed{top:0;right:0;width:36px;height:36px;font-size:.9rem;border-radius:0 8px}.exercise-note{padding:.75rem;font-size:.9rem;min-height:50px}.exercise-details-row{padding:0}.exercise-detail{min-width:70px;padding:.75rem}.detail-label{font-size:.7rem}.detail-value{font-size:.9rem}}@media (max-width: 480px){.exercise-name-row{justify-content:center;align-items:center;text-align:center}.exercise-name{width:100%;text-align:center}.exercise-details-row{flex-direction:column;gap:0}.exercise-detail{flex-direction:column;justify-content:center;width:100%;min-width:auto;padding:.75rem}.exercise-detail:not(:last-child):after{top:auto;bottom:0;left:10%;right:10%;width:auto;height:1px}}.ai-chat-exercise-title{padding:12px 16px;background:var(--surface-secondary);border-radius:8px;margin-bottom:16px}.ai-chat-exercise-title p{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);text-align:center}.ai-chat-input-section{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.ai-chat-input{width:100%;padding:14px 16px;border:2px solid #d1d5db;border-radius:12px;background:var(--surface-secondary);color:var(--text-primary);font-size:16px;outline:none;transition:border-color .2s;resize:vertical;font-family:inherit;line-height:1.5;min-height:140px;box-sizing:border-box}.ai-chat-input:focus{border-color:var(--primary-color)}.ai-chat-input:disabled{opacity:.6;cursor:not-allowed}.ai-chat-send-btn{padding:12px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0;white-space:nowrap;box-shadow:0 2px 8px #6366f14d;align-self:flex-end;width:60%;margin-top:.75rem}.ai-chat-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#5558dd,#7c3aed);transform:translateY(-2px);box-shadow:0 6px 16px #6366f180}.ai-chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.ai-chat-send-btn:active:not(:disabled){transform:translateY(0)}.ai-chat-response-section{min-height:300px;max-height:500px;overflow-y:auto;overflow-x:hidden;padding-right:8px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.ai-chat-response-section::-webkit-scrollbar{width:8px}.ai-chat-response-section::-webkit-scrollbar-track{background:var(--surface-secondary);border-radius:4px}.ai-chat-response-section::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.ai-chat-response-section::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.ai-chat-empty-state{padding:3rem 1rem;color:var(--text-secondary);text-align:center}[dir=rtl] .ai-chat-empty-state,[dir=ltr] .ai-chat-empty-state{text-align:center}.ai-chat-empty-icon{font-size:4rem;display:block;margin-bottom:1.5rem;opacity:.5}.ai-chat-empty-state p{margin:.75rem 0;font-size:1.125rem;line-height:1.6}.ai-chat-empty-subtext{font-size:.9375rem;color:var(--text-tertiary);max-width:400px;margin:1rem auto 0}.ai-chat-loading{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;padding:2rem 1.5rem 1rem;min-height:150px;margin-top:.5rem}.ai-chat-loading .message-icon{font-size:4rem;animation:bounceUpDown 1.5s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-icon{font-size:2rem;flex-shrink:0}.loading-content{color:var(--text-secondary);font-size:1rem;text-align:center}.ai-chat-conversation-item{margin-bottom:1.5rem}.ai-chat-question-bubble{background:var(--primary-color);color:#fff;border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1rem;max-width:85%;margin-left:auto;margin-right:0}[dir=rtl] .ai-chat-question-bubble,[dir=ltr] .ai-chat-question-bubble{margin-left:auto;margin-right:0}.ai-chat-question-label{font-size:.875rem;font-weight:600;opacity:.9;margin-bottom:.5rem}.ai-chat-question-content{font-size:1rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.ai-chat-answer-container{background:var(--surface-secondary);border-radius:var(--radius-xl);padding:1.5rem;margin:0;animation:fadeIn .3s ease-out;border:2px solid var(--border-color);text-align:start}[dir=rtl] .ai-chat-answer-container{text-align:right}[dir=ltr] .ai-chat-answer-container{text-align:left}.ai-chat-answer-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.ai-chat-answer-label{font-weight:600;font-size:1.125rem;color:var(--primary-color)}.ai-chat-answer-content{font-size:1rem;line-height:1.7;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;text-align:start}[dir=rtl] .ai-chat-answer-content{text-align:right}[dir=ltr] .ai-chat-answer-content{text-align:left}@media (max-width: 768px){.ai-chat-input-section{flex-direction:column}.ai-chat-send-btn{width:100%}.ai-chat-answer-container{padding:1.25rem}}.lang-selector{display:flex;align-items:center;gap:.75rem;position:relative}.lang-selector-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.lang-selector-dropdown{position:relative;flex:1}.lang-selector-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:600;color:var(--text-primary);min-width:140px;width:100%}.lang-selector-btn:hover{background:var(--bg-tertiary);border-color:var(--primary);transform:translateY(-1px)}.lang-selector-flag{font-size:18px;line-height:1}.lang-selector-text{font-size:14px;flex:1;text-align:start}.lang-selector-arrow{font-size:10px;opacity:.6}.lang-selector-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:180px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 8px 24px #00000026;overflow:hidden;animation:slideDown .3s ease;z-index:1000}.lang-selector-option{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:var(--bg-card);cursor:pointer;transition:background .2s ease;font-size:14px;color:var(--text-primary);text-align:start}.lang-selector-option:hover{background:var(--bg-tertiary)}.lang-selector-option--active{background:var(--primary-light, rgba(99, 102, 241, .1));font-weight:600}.lang-selector-check{margin-inline-start:auto;color:var(--primary);font-weight:700}.lang-selector--small .lang-selector-label{font-size:.75rem}.lang-selector--small .lang-selector-btn{padding:6px 10px;font-size:12px;min-width:120px}.lang-selector--small .lang-selector-flag{font-size:16px}.lang-selector--small .lang-selector-text{font-size:12px}.lang-selector--large .lang-selector-label{font-size:1rem}.lang-selector--large .lang-selector-btn{padding:10px 14px;font-size:16px;min-width:160px}.lang-selector--large .lang-selector-flag{font-size:20px}.lang-selector--large .lang-selector-text{font-size:16px}@media (prefers-color-scheme: dark){.lang-selector-btn{background:var(--bg-secondary);border-color:var(--border-secondary)}.lang-selector-btn:hover{background:var(--bg-tertiary);border-color:var(--primary)}.lang-selector-menu{background:var(--bg-secondary);border-color:var(--border-secondary);box-shadow:0 8px 24px #0000004d}.lang-selector-option{background:var(--bg-secondary)}.lang-selector-option:hover{background:var(--bg-tertiary)}}.training-plan-selector{display:flex;align-items:center;gap:.75rem;position:relative}.training-plan-selector__label{font-size:.875rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.training-plan-dropdown{position:relative;flex:1}.training-plan-dropdown-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:600;color:var(--text-primary);min-width:140px;width:100%}.training-plan-dropdown-button:hover{background:var(--bg-tertiary);border-color:var(--primary);transform:translateY(-1px)}.training-plan-emoji{font-size:18px;line-height:1}.training-plan-name{font-size:14px;flex:1;text-align:start}.training-plan-arrow{font-size:10px;opacity:.6}.training-plan-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:180px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 8px 24px #00000026;overflow:hidden;animation:slideDown .3s ease;z-index:1000}.training-plan-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:var(--bg-card);cursor:pointer;transition:background .2s ease;font-size:14px;color:var(--text-primary);text-align:start}.training-plan-menu-item:hover{background:var(--bg-tertiary)}.training-plan-menu-item.active{background:var(--primary-light, rgba(99, 102, 241, .1));font-weight:600}.training-plan-check{margin-inline-start:auto;color:var(--primary);font-weight:700}.training-plan-selector--small .training-plan-selector__label{font-size:.75rem}.training-plan-selector--small .training-plan-dropdown-button{padding:6px 10px;font-size:12px;min-width:120px}.training-plan-selector--small .training-plan-emoji{font-size:16px}.training-plan-selector--small .training-plan-name{font-size:12px}.training-plan-selector--large .training-plan-selector__label{font-size:1rem}.training-plan-selector--large .training-plan-dropdown-button{padding:10px 14px;font-size:16px;min-width:160px}.training-plan-selector--large .training-plan-emoji{font-size:20px}.training-plan-selector--large .training-plan-name{font-size:16px}@media (prefers-color-scheme: dark){.training-plan-dropdown-button{background:var(--bg-secondary);border-color:var(--border-secondary)}.training-plan-dropdown-button:hover{background:var(--bg-tertiary);border-color:var(--primary)}.training-plan-menu{background:var(--bg-secondary);border-color:var(--border-secondary);box-shadow:0 8px 24px #0000004d}.training-plan-menu-item{background:var(--bg-secondary)}.training-plan-menu-item:hover{background:var(--bg-tertiary)}}.food-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.food-picker-modal{background:var(--bg-card);border-radius:12px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;padding:24px;box-shadow:var(--shadow-lg)}.food-picker-title{font-size:24px;font-weight:600;margin:0 0 16px;text-align:center;color:var(--text-primary)}.food-picker-search{width:100%;padding:12px 16px;font-size:16px;border:2px solid var(--border-primary);border-radius:8px;margin-bottom:16px;outline:none;transition:border-color .2s;background:var(--bg-primary)!important;color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important}.food-picker-search::placeholder{color:var(--text-disabled)}.food-picker-search:-webkit-autofill,.food-picker-search:-webkit-autofill:hover,.food-picker-search:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--bg-primary) inset!important;-webkit-text-fill-color:var(--text-primary)!important;box-shadow:0 0 0 1000px var(--bg-primary) inset!important}.food-picker-search:focus{border-color:var(--primary)}.food-picker-list{flex:1;overflow-y:auto;margin-bottom:16px}.food-picker-item{padding:12px 16px;border-bottom:1px solid var(--border-primary);cursor:pointer;transition:background-color .2s;text-align:start}.food-picker-item[dir=rtl]{text-align:right}.food-picker-item[dir=ltr]{text-align:left}.food-picker-item:hover{background-color:var(--bg-secondary)}.food-picker-item:last-child{border-bottom:none}.food-picker-name{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.food-picker-nutrition{font-size:14px;color:var(--text-secondary)}.food-picker-close{width:100%;padding:12px;background-color:var(--bg-secondary);color:var(--text-primary);border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.food-picker-close:hover{background-color:var(--bg-tertiary)}.meal-editor{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a}.meal-editor-title{font-size:20px;font-weight:600;color:#1a365d;margin:0 0 16px}.meal-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.meal-tab-wrapper{display:flex;align-items:center;gap:4px}.meal-tab{padding:8px 16px;border:2px solid #e2e8f0;background:#fff;color:#2d3748;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.meal-tab:hover{background:#f7fafc}.meal-tab.active{background:#3182ce;color:#fff;border-color:#3182ce}.meal-tab-remove{padding:4px 8px;background:#e53e3e;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s}.meal-tab-remove:hover{background:#c53030}.meal-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;padding:16px;background:#f7fafc;border-radius:8px;margin-bottom:16px}.meal-total-item{display:flex;flex-direction:column;align-items:center}.meal-total-label{font-size:12px;color:#718096;margin-bottom:4px}.meal-total-value{font-size:18px;font-weight:600;color:#2d3748}.meal-foods-list{margin-bottom:16px;min-height:60px}.meal-food-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #e2e8f0;transition:background-color .2s}.meal-food-item:hover{background:#f7fafc}.meal-food-item:last-child{border-bottom:none}.meal-food-info{flex:1}.meal-food-name{font-size:15px;font-weight:500;color:#2d3748;margin-bottom:4px}.meal-food-nutrition{font-size:13px;color:#718096}.meal-food-actions{display:flex;gap:8px;align-items:center}.meal-food-grams-button{padding:6px 12px;background:#edf2f7;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;font-weight:500;color:#2d3748;cursor:pointer;transition:all .2s}.meal-food-grams-button:hover{background:#e2e8f0}.meal-food-grams-edit{display:flex;align-items:center;gap:4px}.meal-food-grams-input{width:80px;padding:6px 8px;border:2px solid #3182ce;border-radius:6px;font-size:14px;text-align:right}.meal-food-grams-unit{font-size:14px;color:#718096}.meal-food-remove{padding:6px 10px;background:#e53e3e;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s}.meal-food-remove:hover{background:#c53030}.meal-actions{display:flex;gap:8px}.meal-action-button{flex:1;padding:12px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.meal-action-button.add-food{background:#48bb78;color:#fff}.meal-action-button.add-food:hover{background:#38a169}.meal-action-button.add-alternative{background:#4299e1;color:#fff}.meal-action-button.add-alternative:hover{background:#3182ce}.day-menu-builder{position:fixed;top:0;left:0;right:0;bottom:0;background:#f7fafc;display:flex;flex-direction:column;overflow:hidden;z-index:999}.builder-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d}.builder-cancel{padding:8px 12px;background:#e2e8f0;border:none;border-radius:8px;font-size:18px;cursor:pointer;transition:background-color .2s}.builder-cancel:hover{background:#cbd5e0}.builder-title{font-size:22px;font-weight:600;color:#1a365d;margin:0}.builder-spacer{width:44px}.day-navigation{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-bottom:1px solid #e2e8f0;overflow-x:auto}.nav-arrow{padding:8px 16px;background:#3182ce;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0}.nav-arrow:hover:not(:disabled){background:#2c5282}.nav-arrow:disabled{cursor:not-allowed}.day-selector{display:flex;gap:8px;flex:1;justify-content:center}.day-button{padding:8px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#2d3748;cursor:pointer;transition:all .2s;white-space:nowrap}.day-button:hover{background:#f7fafc;border-color:#cbd5e0}.day-button.active{background:#3182ce;color:#fff;border-color:#3182ce}.day-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:20px;background:#fff;border-bottom:1px solid #e2e8f0;margin-bottom:16px}.day-totals.protein-low{background:#fff5f5;border:2px solid #fc8181}.day-total-item{display:flex;flex-direction:column;align-items:center}.day-total-label{font-size:13px;color:#718096;margin-bottom:4px}.day-total-value{font-size:20px;font-weight:600;color:#2d3748}.recommended{font-size:14px;color:#718096;font-weight:400}.meals-container{flex:1;overflow-y:auto;padding:25px 20px 20px}.builder-footer{padding:16px 20px;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -2px 4px #0000000d}.builder-next-button{width:100%;padding:16px;background:#48bb78;color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:background-color .2s}.builder-next-button:hover{background:#38a169}.goal-adherence-loading{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;padding:2rem 1.5rem 1rem;min-height:150px;margin-top:.5rem}.goal-adherence-ai-icon{font-size:4rem;animation:bounceUpDown 1.5s ease-in-out infinite}@keyframes bounceUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.tracking-tab{width:100vw;height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);position:fixed;top:0;left:0;right:0;bottom:0;padding-top:calc(var(--safe-area-top, 0) + 20px);padding-bottom:calc(var(--safe-area-bottom, 0) + 80px);z-index:10}.tracking-top-tabs{display:flex;gap:0;background:var(--bg-primary);border-bottom:2px solid var(--border-primary);box-shadow:0 2px 4px #0000000d;flex-shrink:0;padding-top:10px}.top-tab{flex:1;padding:var(--space-4);background:transparent;border:none;border-bottom:3px solid transparent;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.top-tab:hover{background:var(--bg-accent);color:var(--text-primary)}.top-tab.active{background:var(--gradient-primary);color:#fff;border-bottom-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.tracking-tab-content{flex:1;overflow-y:auto;padding:10px var(--space-4) 0;background:var(--bg-primary);min-height:0}.add-track-form{max-width:600px;margin:0 auto;padding:var(--space-5) var(--space-4)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-input{width:100%;padding:var(--space-3);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-card);border:2px solid var(--border-primary);border-radius:var(--radius-md);transition:var(--transition-fast);box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.date-input-wrapper{position:relative;display:flex;align-items:center;gap:var(--space-2)}.date-input{cursor:pointer;flex:1}.date-picker-button{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);background:transparent;border:none;font-size:24px;cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);pointer-events:auto;z-index:1}.date-picker-button:hover{transform:translateY(-50%) scale(1.1)}.date-picker-button:active{transform:translateY(-50%) scale(.95)}[dir=rtl] .date-picker-button{right:auto;left:var(--space-2)}.image-upload-buttons{display:flex;gap:var(--space-3);flex-wrap:nowrap}.image-button{flex:1;min-width:0;padding:var(--space-3);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.image-button:active{transform:translateY(0)}.image-preview-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;margin:var(--space-2) 0}.image-preview{max-width:100%;max-height:300px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);object-fit:contain;display:block}.remove-image-button{position:absolute;top:8px;right:8px;width:28px;height:28px;padding:0;background:#ffffffe6;color:#ef4444;border:2px solid #ef4444;border-radius:50%;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.remove-image-button:hover{background:#fff;border-color:#dc2626;color:#dc2626;transform:scale(1.1)}.remove-image-button:active{transform:scale(.95)}[dir=rtl] .remove-image-button{right:auto;left:8px}.image-storage-note{margin-top:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;line-height:1.5}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.submit-button,.clear-button{flex:1;padding:var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.submit-button{background:var(--gradient-primary);color:#fff}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.clear-button{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-primary)}.clear-button:hover:not(:disabled){background:var(--bg-accent);border-color:var(--color-primary)}.watch-track-view{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-primary)}.view-toggle{display:flex;flex-direction:row;gap:var(--space-3);margin:0 calc(-1 * var(--space-4));padding:var(--space-3) var(--space-4);background:var(--bg-primary);box-shadow:0 2px 4px #0000000d;border-bottom:1px solid var(--border-primary);justify-content:center;align-items:center;flex-shrink:0}.view-switcher{display:flex;gap:0;background:var(--bg-secondary);border-radius:40px;padding:4px;border:2px solid var(--color-primary);box-shadow:var(--shadow-md)}.view-option{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border:none;background:transparent;color:var(--text-secondary);border-radius:40px;cursor:pointer;transition:all .3s ease;min-width:100px;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.view-option:hover{background:#6366f11a}.view-option.active{background:#fff;color:var(--color-primary);box-shadow:0 2px 8px #6366f14d;transform:scale(1.02)}.view-icon{font-size:24px;display:flex;align-items:center}.view-content{flex:1;overflow-y:auto;padding:var(--space-3) 0}.tracking-calendar{max-width:800px;margin:0 auto;padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding:var(--space-3);background:var(--gradient-primary);border-radius:var(--radius-md)}.calendar-month-year{flex:1;text-align:center}.calendar-month-year h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff}.calendar-nav-button{padding:var(--space-2) var(--space-3);background:#fff3;color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-2xl);font-weight:700;cursor:pointer;transition:var(--transition-fast)}.calendar-nav-button:hover{background:#ffffff4d}.today-button{display:block;margin:0 auto var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.today-button:hover{background:var(--color-primary-dark)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1);margin-bottom:var(--space-2);padding:var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-md)}.calendar-weekday{padding:var(--space-2);text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-2);margin-bottom:var(--space-5)}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2);background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);position:relative}.calendar-day.empty{background:transparent;cursor:default}.calendar-day:not(.empty):hover{background:var(--bg-accent);border-color:var(--color-primary);transform:scale(1.05)}.calendar-day.has-data{background:#6366f11a;border-color:var(--color-primary)}.calendar-day.selected{background:#6366f1d9!important;font-weight:var(--font-weight-bold);transform:scale(1.1);box-shadow:var(--shadow-lg)}.calendar-day.selected .day-number{color:var(--text-primary)!important}.calendar-day.today{position:relative}.calendar-day.today:after{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--color-accent)}.calendar-day.today.selected:after{background:#fff}.day-number{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.data-indicator{position:absolute;bottom:4px;font-size:8px;color:var(--color-primary)}.calendar-day.selected .data-indicator{color:#fff}.selected-date-details{padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border:2px solid var(--border-primary)}.selected-date-title{margin:0 0 var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-align:center}.tracking-details{display:flex;flex-direction:column;gap:var(--space-3)}.tracking-detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.detail-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.detail-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.tracking-image-container{margin-top:var(--space-3)}.image-label{margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.tracking-image{width:100%;max-height:400px;border-radius:var(--radius-md);object-fit:contain;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-md)}.tracking-image:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.image-hint{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center;font-style:italic}.no-data-text{text-align:center;padding:var(--space-4);font-size:var(--font-size-base);color:var(--text-secondary);font-style:italic}.tracking-graph{width:100%;padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.graph-header{text-align:center;margin-bottom:var(--space-4)}.graph-header h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.graph-legend{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.legend-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary);margin:0;flex-shrink:0}.legend-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--space-1)}.legend-color{width:14px;height:14px;border-radius:50%;border:2px solid white;box-shadow:var(--shadow-sm)}.weight-color{background-color:#f59e0b}.bodyweight-color{background-color:#3b82f6}.graph-container{width:100%;height:auto;margin-bottom:var(--space-4);overflow-x:auto}.tracking-chart{width:100%;height:auto;display:block}.tracking-chart text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.no-data-message{padding:var(--space-6);text-align:center}.no-data-message p{margin:0;font-size:var(--font-size-base);color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.tracking-tab-content{padding:var(--space-3)}.add-track-form{padding:var(--space-2)}.form-actions{flex-direction:column}.image-upload-buttons{flex-direction:row;gap:var(--space-2)}.image-button{min-width:0;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.tracking-calendar{padding:var(--space-3)}.calendar-month-year h3{font-size:var(--font-size-lg)}.calendar-day{padding:var(--space-1)}.day-number{font-size:var(--font-size-sm)}.view-switcher{padding:3px}.view-option{padding:var(--space-2) var(--space-4);min-width:80px;font-size:var(--font-size-sm)}.view-icon{font-size:20px}}@media (max-width: 480px){.top-tab{padding:var(--space-3);font-size:var(--font-size-sm)}.calendar-weekday{font-size:var(--font-size-xs);padding:var(--space-1)}.calendar-day{font-size:var(--font-size-xs)}}[dir=rtl] .tracking-tab,[dir=rtl] .add-track-form,[dir=rtl] .watch-track-view,[dir=rtl] .tracking-calendar{direction:rtl}[dir=rtl] .calendar-nav-button:first-child{transform:scaleX(-1)}[dir=rtl] .calendar-nav-button:last-child{transform:scaleX(-1)}.toast{position:fixed!important;top:20px!important;left:50%!important;transform:translate(-50%)!important;min-width:300px;max-width:500px;padding:0;border-radius:12px;box-shadow:0 8px 32px #00000026;z-index:9999;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.toast-show{transform:translate(-50%)!important;opacity:1!important}.toast-hide{transform:translate(-50%) scale(.8);opacity:0}[dir=rtl] .toast{transform:translate(-50%)!important}[dir=rtl] .toast-show{transform:translate(-50%)!important;opacity:1!important}[dir=rtl] .toast-hide{transform:translate(-50%) scale(.8)!important;opacity:0!important}.toast-content{display:flex;align-items:center;gap:12px;padding:16px 20px;font-size:14px;font-weight:500;line-height:1.4}.toast-icon{font-size:18px;flex-shrink:0}.toast-message{flex:1;word-break:break-word}.toast-close{background:none;border:none;color:inherit;font-size:16px;cursor:pointer;padding:4px;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:all .2s ease;flex-shrink:0}.toast-close:hover{opacity:1;background-color:#ffffff1a}.toast-error{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.toast-success{background:linear-gradient(135deg,#51cf66,#40c057);color:#fff}.toast-warning{background:linear-gradient(135deg,#ffd43b,#fab005);color:#333}.toast-info{background:linear-gradient(135deg,#74c0fc,#339af0);color:#fff}@media (min-width: 769px){.toast{top:50%;left:50%;transform:translate(-50%,-50%);min-width:300px;max-width:500px}.toast-show{transform:translate(-50%,-50%)}.toast-hide{transform:translate(-50%,-50%) scale(.8)}[dir=rtl] .toast{transform:translate(-50%,-50%)!important}[dir=rtl] .toast-show{transform:translate(-50%,-50%)!important;opacity:1!important}[dir=rtl] .toast-hide{transform:translate(-50%,-50%) scale(.8)!important;opacity:0!important}}@media (max-width: 768px){.toast{top:100px;left:50%;transform:translate(-50%) translate(100%);right:auto;min-width:auto;max-width:calc(100vw - 20px);width:calc(100vw - 20px)}.toast-content{padding:14px 16px;font-size:13px}}@media (min-width: 769px){.toast:nth-child(1){top:20px}.toast:nth-child(2){top:80px}.toast:nth-child(3){top:140px}}@media (max-width: 768px){.toast:nth-child(1){top:100px}.toast:nth-child(2){top:160px}.toast:nth-child(3){top:220px}}@media (max-width: 768px){.toast:nth-child(1){top:100px}.toast:nth-child(2){top:160px}.toast:nth-child(3){top:220px}.toast:nth-child(4){top:280px}.toast:nth-child(n+5){top:340px}}.auth-screen{height:100vh;height:100dvh;position:relative;display:flex;flex-direction:column;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segue UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--gradient-bg);overflow:hidden}.auth-screen.coach-mode{align-items:center;justify-content:center}.auth-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1}.auth-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-bg);opacity:1}.auth-gradient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(6,182,212,.12) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(16,185,129,.08) 0%,transparent 50%);animation:backgroundPulse 8s ease-in-out infinite}.auth-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(248,250,252,.06) 2px,transparent 2px),radial-gradient(circle at 75% 75%,rgba(248,250,252,.03) 1px,transparent 1px);background-size:80px 80px,40px 40px;animation:patternFloat 25s ease-in-out infinite}@keyframes backgroundPulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes patternFloat{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(20px,-15px) rotate(1deg)}50%{transform:translate(-10px,20px) rotate(-.5deg)}75%{transform:translate(15px,10px) rotate(.5deg)}}.auth-container{flex:1;display:flex;flex-direction:column;z-index:1;padding:0}.auth-screen.coach-mode .auth-container{width:100%;height:100%;position:relative}.auth-header{position:fixed;top:0;left:0;right:0;text-align:center;padding:2rem 1rem 1rem;background:var(--bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border-primary);z-index:10}.auth-logo-left{display:none}.trainerly-logo-left{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(99,102,241,.4))}.auth-title-desktop{display:none}@media (min-width: 769px){.auth-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;text-align:center;height:90px}.auth-logo-left{position:fixed;top:45px;transform:translateY(-50%);right:1.5rem;left:auto;z-index:11;display:flex;align-items:center}[dir=rtl] .auth-logo-left{right:auto;left:1.5rem}.auth-logo{flex-direction:column;gap:.5rem;flex:1;align-items:center;text-align:center;order:2}.auth-logo .trainerly-logo{display:none}.auth-subtitle{display:block;font-size:.875rem;margin-top:0}.auth-title-desktop{display:block;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899,#f59e0b,#10b981);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;animation:gradientShift 3s ease infinite;margin:0 0 .5rem;filter:drop-shadow(0 2px 8px rgba(99,102,241,.4))}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.unified-auth-header{position:fixed;top:45px;transform:translateY(-50%);left:1.5rem;right:auto;z-index:11;display:flex;align-items:center}[dir=rtl] .unified-auth-header{left:auto;right:1.5rem}.language-selector-header{display:flex}}.auth-language-selector{position:absolute;top:1rem;right:1rem;z-index:11}.auth-logo{display:flex;flex-direction:column;align-items:center;gap:.5rem}.trainerly-logo{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(99,102,241,.4));animation:logoFloat 3s ease-in-out infinite;transition:all var(--transition-base);margin-bottom:1rem;padding-top:36px}.trainerly-logo:hover{transform:scale(1.05);filter:drop-shadow(0 6px 16px rgba(99,102,241,.6))}.logo-icon{font-size:3rem;animation:pulse 2s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.auth-logo h1{font-size:var(--text-4xl);font-weight:800;margin:0;color:var(--text-primary);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.auth-subtitle{color:var(--text-secondary);margin:0;font-size:var(--text-base);font-weight:500}.auth-tabs{position:fixed;top:200px;left:1rem;right:1rem;display:flex;background:var(--bg-secondary);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-xl);padding:var(--space-1);z-index:9;max-width:400px;margin:0 auto;box-shadow:inset 0 2px 4px #0000000f;gap:var(--space-1)}@media (min-width: 769px){.auth-tabs{top:110px}}.tab-button{flex:1;padding:var(--space-4);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family-sans);position:relative;overflow:hidden}.tab-button.active{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;box-shadow:0 2px 8px #4f46e526,0 1px 3px #0000001a;transform:translateY(-1px)}.tab-button:hover:not(.active){background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 1px 3px #0000000d}.tab-icon{font-size:var(--font-size-lg)}.auth-form{position:absolute;left:1rem;right:1rem;display:flex;flex-direction:column;max-width:400px;margin:0 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.auth-form::-webkit-scrollbar{width:4px}.auth-form::-webkit-scrollbar-track{background:transparent}.auth-form::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.auth-screen.trainee-mode .auth-form{top:160px;bottom:140px}.auth-screen.coach-mode .auth-form{top:260px;bottom:140px}@media (min-width: 769px){.auth-screen.coach-mode .auth-form{top:180px}}.form-section{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-6);max-width:400px;margin:0 auto;width:100%;padding-bottom:var(--space-8);min-height:min-content}.form-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2);text-align:center;justify-content:center}.form-icon{font-size:var(--font-size-3xl)}.form-description{color:var(--text-secondary);margin:0;text-align:center;line-height:1.5;font-size:var(--font-size-base)}.input-group{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.input-icon{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);font-size:var(--text-lg);z-index:2;pointer-events:none;color:var(--text-muted)}[dir=ltr] .auth-screen .input-icon{right:auto!important;left:var(--space-4)!important}.modern-input{padding:var(--space-3) var(--space-10) var(--space-3) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-lg);font-size:16px!important;background:var(--bg-secondary);color:var(--text-primary);transition:var(--transition-normal);outline:none;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;box-sizing:border-box;height:48px;width:100%;max-width:400px;margin:0 auto;line-height:1.4}[dir=ltr] .auth-screen .modern-input{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10)!important;text-align:left!important}[dir=rtl] .auth-screen .modern-input{text-align:right!important;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-3)!important}.modern-input:focus{border-color:var(--border-accent);background:var(--bg-card);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.modern-input::placeholder{color:var(--text-disabled)}.modern-input:before,.modern-input:after{display:none!important}.modern-input svg,.modern-input path,.modern-input use,.modern-input g{display:none!important}.input-group svg,.input-group path,.input-group use,.input-group g{display:none!important}.modern-input::-webkit-credentials-auto-fill-button,.modern-input::-webkit-strong-password-auto-fill-button{display:none!important}.auth-screen *:before,.auth-screen *:after{content:none!important}.auth-screen svg:not(.trainerly-logo svg),.auth-screen path:not(.trainerly-logo path){display:none!important}input[type=text] svg,input[type=email] svg,input[type=password] svg,input[type=text] path,input[type=email] path,input[type=password] path{display:none!important;visibility:hidden!important;opacity:0!important}.modern-input.password-input{padding-right:var(--space-12);box-sizing:border-box}[dir=rtl] .modern-input.password-input{padding-right:var(--space-3);padding-left:var(--space-12)}.password-toggle{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;z-index:3;padding:var(--space-1);border-radius:var(--border-radius-md);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);color:var(--text-muted)}[dir=rtl] .password-toggle{right:auto;left:var(--space-4)}.password-toggle:hover{background:var(--bg-tertiary);color:var(--text-secondary);transform:translateY(-50%) scale(1.05)}.password-toggle:active{transform:translateY(-50%) scale(.95)}.nickname-status{padding:var(--space-3) var(--space-4);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--space-2);animation:slideIn .3s ease-out}.nickname-status.checking{background:#6366f11a;color:var(--primary);border:var(--border-width-1) solid rgba(99,102,241,.2)}.nickname-status.available{background:#10b9811a;color:var(--success);border:var(--border-width-1) solid rgba(16,185,129,.2)}.nickname-status.unavailable{background:#ef44441a;color:var(--error);border:var(--border-width-1) solid rgba(239,68,68,.2)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.primary-button{padding:var(--space-5) var(--space-8);border:1px solid rgba(79,70,229,.2);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family-sans);position:relative;overflow:hidden;box-shadow:0 2px 8px #4f46e526,0 1px 3px #0000001a;letter-spacing:.01em;min-height:52px;width:100%;margin-top:var(--space-6);font-size:var(--font-size-lg)}.primary-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .2s ease}.primary-button:hover:before{opacity:1}.primary-button:hover{transform:translateY(-1px);box-shadow:0 4px 16px #4f46e540,0 2px 8px #00000026;border-color:#4f46e566}.primary-button:active{transform:translateY(0);box-shadow:0 1px 4px #4f46e533,inset 0 1px 3px #0000001a}.primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 1px 3px #0000001a}.button-icon{font-size:1.3rem}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:16px;height:16px;border-width:2px;border-color:#667eea4d;border-top-color:#667eea}.error-message{padding:var(--space-4);background:#ef44441a;color:var(--error);border:var(--border-width-1) solid rgba(239,68,68,.2);border-radius:var(--border-radius-lg);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--space-2);animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-icon{font-size:1.2rem}.auth-submit-section{position:fixed;bottom:115px;left:1rem;right:1rem;z-index:10;display:flex;justify-content:center;padding:var(--space-4) 0}.auth-submit-section .primary-button{width:100%;max-width:none}@media (min-width: 769px){.auth-submit-section .primary-button{max-width:300px}}.auth-footer{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:var(--border-width-1) solid var(--border-primary);padding:var(--space-4) var(--space-4) var(--space-6) var(--space-4);z-index:10}.feature-highlights{display:flex;justify-content:space-around;gap:var(--space-4)}@media (min-width: 769px){.feature-highlights{justify-content:center;gap:var(--space-8);max-width:800px;margin:0 auto}}[dir=rtl] .feature-highlights{flex-direction:row-reverse}.feature{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center;flex:1;position:relative}.feature:not(:last-child):after{content:"";position:absolute;top:0;bottom:0;width:1px;background:var(--border-primary)}[dir=ltr] .feature:not(:last-child):after{right:0}[dir=rtl] .feature:not(:last-child):after{left:0}@media (min-width: 769px){.feature{flex:0 0 auto;min-width:180px;max-width:220px}}.feature-icon{font-size:var(--font-size-2xl);margin-bottom:var(--space-1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.feature span:last-child{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}@media (max-width: 768px){.auth-screen{padding:.25rem}.auth-header{padding:1rem 1rem .5rem}.trainerly-logo{width:80px;height:80px;margin-bottom:.5rem}.auth-tabs{top:140px}.auth-screen.trainee-mode .auth-form{top:140px;bottom:120px}.auth-screen.coach-mode .auth-form{top:190px;bottom:120px}.auth-logo h1{font-size:1.5rem;margin:0}.auth-logo p{font-size:.85rem;margin:.25rem 0 0}.modern-input{height:44px;font-size:16px!important;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-2)}.tab-button{padding:.75rem;font-size:.85rem}.feature-highlights{flex-direction:row;justify-content:space-around;gap:.5rem;margin:1rem 0}.feature{flex-direction:column;align-items:center;gap:var(--space-1);flex:1}.feature-icon{font-size:1rem;margin-bottom:0}.feature span:last-child{font-size:.75rem;text-align:center}}@media (max-width: 480px){.auth-header{padding:.75rem .75rem .5rem}.trainerly-logo{width:70px;height:70px;margin-bottom:.25rem}.auth-tabs{top:180px}.auth-screen.trainee-mode .auth-form{top:120px;bottom:110px}.auth-screen.coach-mode .auth-form{top:170px;bottom:110px}.auth-logo h1{font-size:1.3rem;margin:0}.auth-logo p{font-size:.8rem}.modern-input{height:42px;font-size:16px!important;padding:var(--space-2) var(--space-6) var(--space-2) var(--space-2)}.tab-button{padding:.625rem;font-size:.8rem}.feature-highlights{gap:.25rem;margin:.75rem 0}.feature-icon{font-size:.9rem}.feature span:last-child{font-size:.7rem}.logo-icon{font-size:2.5rem}.primary-button{padding:1rem 1.5rem;font-size:1rem}}@media (prefers-color-scheme: dark){.auth-card{background:#1e1e1ef2;color:#fff}.auth-subtitle,.form-description{color:#ccc}.form-title{color:#fff}.modern-input{background:#ffffff1a;border-color:#fff3;color:#fff}.modern-input::placeholder{color:#999}.modern-input:focus{background:#ffffff26}.tab-button{color:#ccc}.feature span:last-child{color:#999}.auth-footer{border-top-color:#fff3}}[dir=ltr] input[type=email],[dir=ltr] input[type=password],[dir=ltr] input[type=text],[dir=ltr] .modern-input{text-align:left!important}[dir=rtl] input[type=email],[dir=rtl] input[type=password],[dir=rtl] input[type=text],[dir=rtl] .modern-input{text-align:right!important}@media (max-width: 768px){html,body{height:100%;height:100dvh;overflow:hidden;position:fixed;width:100%}.auth-screen{height:100%;height:100dvh;position:fixed;top:0;left:0;right:0;bottom:0}}@media (prefers-contrast: high){.auth-card{box-shadow:0 0 0 2px #000}.modern-input{border-color:#000}.primary-button{background:#000}}.forgot-password-section{margin-top:var(--space-2);display:flex;justify-content:center}.forgot-password-link{background:none;border:none;color:var(--primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;text-decoration:underline;transition:var(--transition-fast);padding:var(--space-1);border-radius:var(--border-radius-sm)}.forgot-password-link:hover{color:var(--primary-dark);background:#6366f11a}.forgot-password-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .3s ease-out}.forgot-password-content{background:var(--bg-card);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-xl);padding:var(--space-6);width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.forgot-password-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.forgot-password-header h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.close-button{background:none;border:none;font-size:var(--font-size-lg);color:var(--text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--border-radius-md);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.close-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.forgot-password-description{margin:0 0 var(--space-4) 0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}.forgot-password-form{display:flex;flex-direction:column;gap:var(--space-4)}.forgot-password-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.forgot-password-actions .secondary-button{flex:1;padding:var(--space-3) var(--space-4);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;background:var(--bg-secondary);color:var(--text-primary);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;min-height:44px}.forgot-password-actions .secondary-button:hover{background:var(--bg-tertiary);border-color:var(--border-accent)}.forgot-password-actions .primary-button{flex:1;margin-top:0;min-height:44px;padding:var(--space-3) var(--space-4)}@media (max-width: 768px){.forgot-password-modal{padding:var(--space-2)}.forgot-password-content{padding:var(--space-4);max-width:none}.forgot-password-actions{flex-direction:column}.forgot-password-actions .secondary-button,.forgot-password-actions .primary-button{width:100%}}.pin-header{text-align:center;margin-bottom:2rem;padding:0 1rem}.pin-header h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;line-height:1.3}.pin-header p{font-size:1rem;color:var(--text-secondary);line-height:1.5;margin:0}.text-button{background:none;border:none;color:var(--accent-primary);font-size:.95rem;font-weight:600;padding:.75rem 1rem;cursor:pointer;transition:opacity .2s;text-decoration:underline}.text-button:hover{opacity:.8}.text-button:active{opacity:.6}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.language-selector{display:flex;align-items:center;gap:.75rem;position:relative}.language-selector__label{font-size:.875rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.language-dropdown{position:relative}.language-dropdown-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:600;color:var(--text-primary);min-width:140px}.language-dropdown-button:hover{background:var(--bg-tertiary);border-color:var(--primary);transform:translateY(-1px)}.language-flag{font-size:18px;line-height:1}.language-name{font-size:14px;flex:1;text-align:left}[dir=rtl] .language-name{text-align:right}.language-arrow{font-size:10px;opacity:.6;margin-left:4px}[dir=rtl] .language-arrow{margin-left:0;margin-right:4px}.language-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:180px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 8px 24px #00000026;overflow:hidden;animation:slideDown .3s ease;z-index:1000}[dir=rtl] .language-menu{left:auto;right:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:var(--bg-card);cursor:pointer;transition:background .2s ease;font-size:14px;color:var(--text-primary);text-align:left}[dir=rtl] .language-menu-item{text-align:right}.language-menu-item:hover{background:var(--bg-tertiary)}.language-menu-item.active{background:var(--primary-light, rgba(99, 102, 241, .1));font-weight:600}.language-check{margin-left:auto;color:var(--primary);font-weight:700}[dir=rtl] .language-check{margin-left:0;margin-right:auto}.language-selector--small .language-selector__label{font-size:.75rem}.language-selector--small .language-dropdown-button{padding:6px 10px;font-size:12px;min-width:120px}.language-selector--small .language-flag{font-size:16px}.language-selector--small .language-name{font-size:12px}.language-selector--large .language-selector__label{font-size:1rem}.language-selector--large .language-dropdown-button{padding:10px 14px;font-size:16px;min-width:160px}.language-selector--large .language-flag{font-size:20px}.language-selector--large .language-name{font-size:16px}[dir=rtl] .language-selector{flex-direction:row-reverse}@media (prefers-color-scheme: dark){.language-dropdown-button{background:var(--bg-secondary);border-color:var(--border-secondary)}.language-dropdown-button:hover{background:var(--bg-tertiary);border-color:var(--primary)}.language-menu{background:var(--bg-secondary);border-color:var(--border-secondary);box-shadow:0 8px 24px #0000004d}.language-menu-item{background:var(--bg-secondary)}.language-menu-item:hover{background:var(--bg-tertiary)}}.unified-auth-screen{position:relative;width:100%;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow:visible;padding:calc(var(--safe-area-top, 24px) + 28px) 0 32px 0;box-sizing:border-box;background:var(--gradient-bg, linear-gradient(135deg, #667eea 0%, #764ba2 100%))}.unified-auth-header{position:relative;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;z-index:12;pointer-events:none;padding:0 1rem}.unified-auth-header>*{pointer-events:auto}.mode-switch-button{padding:.375rem .875rem;border:1px solid rgba(79,70,229,.3);border-radius:1.25rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#4f46e5;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;white-space:nowrap}.mode-switch-button:hover{background:#4f46e5;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e533}.mode-switch-button:active{transform:translateY(0)}@media (min-width: 769px){.unified-auth-header{padding:0 1.5rem}}@media (max-width: 768px){.mode-switch-label{bottom:160px}.mode-switch-link{font-size:13px}}@media (max-width: 480px){.mode-switch-label{bottom:140px}.mode-switch-link{font-size:14px}}@media (prefers-color-scheme: dark){.mode-switch-link{color:#aaa}.mode-switch-link:hover{color:#4dabf7}}input[type=email],input[type=password],input[type=text],.modern-input{font-size:16px!important}.reset-password-page{min-height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298);display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.reset-password-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;width:100%;max-width:400px;box-shadow:0 20px 40px #0000001a;text-align:center}.reset-password-header{margin-bottom:30px}.reset-password-logo{width:80px;height:80px;margin-bottom:20px;border-radius:12px}.reset-password-header h1{color:#1e3c72;font-size:28px;font-weight:700;margin:0 0 10px;line-height:1.2}.reset-password-header p{color:#666;font-size:16px;margin:0;line-height:1.4}.reset-password-form{text-align:left}.form-group{margin-bottom:20px}.form-group label{display:block;color:#1e3c72;font-weight:600;margin-bottom:8px;font-size:14px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:10px;font-size:16px;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#2a5298;box-shadow:0 0 0 3px #2a52981a}.form-group input::placeholder{color:#999}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{padding-right:50px}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:18px;padding:4px;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.password-toggle:hover{background-color:#0000000d}.password-toggle:focus{outline:none;background-color:#2a52981a}.error-message{background:#fee;color:#c33;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;border:1px solid #fcc}.reset-password-button{width:100%;padding:14px 20px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:10px}.reset-password-button.primary{background:linear-gradient(135deg,#2a5298,#1e3c72);color:#fff}.reset-password-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #2a52984d}.reset-password-button.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.reset-password-actions{text-align:center}[dir=rtl] .reset-password-form,[dir=rtl] .form-group input{text-align:right}@media (max-width: 480px){.reset-password-container{padding:30px 20px;margin:10px}.reset-password-header h1{font-size:24px}.reset-password-logo{width:60px;height:60px}}:root{--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--secondary: #06b6d4;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--danger: #dc2626;--bg-primary: #0f0f23;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-card: #1e293b;--bg-glass: rgba(30, 41, 59, .8);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-disabled: #64748b;--border-primary: #334155;--border-secondary: #475569;--border-accent: #6366f1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-bg: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%);--font-family-sans: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-family-mono: "SF Mono", "Monaco", "Consolas", 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: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-2xl: 1.5rem;--border-radius-full: 9999px;--border-width-0: 0;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--transition-fast: .15s ease-out;--transition-normal: .3s ease-out;--transition-slow: .5s ease-out;--transition-base: all .3s cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 70;--z-toast: 80;--z-max: 9999;font-family:var(--font-family-sans);line-height:1.6;font-weight:400;color-scheme:dark;color:var(--text-primary);background:var(--gradient-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;color:var(--text-primary);background:var(--gradient-bg);min-height:100vh;font-family:var(--font-family-sans)}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--border-radius-lg);padding:var(--space-3) var(--space-6);font-weight:var(--font-weight-medium);transition:var(--transition-base);cursor:pointer;box-shadow:var(--shadow-md);font-size:var(--font-size-base)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:transparent;color:var(--text-secondary);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-lg);padding:var(--space-3) var(--space-6);font-weight:var(--font-weight-medium);transition:var(--transition-base);cursor:pointer;font-size:var(--font-size-base)}.btn-secondary:hover{background:var(--bg-card);border-color:var(--border-accent);color:var(--text-primary)}.card{background:var(--bg-card);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--border-accent)}.card-header{padding:var(--space-6);border-bottom:var(--border-width-1) solid var(--border-primary);background:var(--bg-glass)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:var(--border-width-1) solid var(--border-primary);background:var(--bg-glass)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal{background:var(--bg-card);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow:hidden;z-index:var(--z-modal)}.modal-header{padding:var(--space-6);border-bottom:var(--border-width-1) solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;background:var(--gradient-primary);color:#fff}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.modal-body{padding:var(--space-6);overflow-y:auto;color:var(--text-primary)}.modal-footer{padding:var(--space-6);border-top:var(--border-width-1) solid var(--border-primary);display:flex;gap:var(--space-3);justify-content:flex-end;background:var(--bg-glass)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border:var(--border-width-1) solid var(--border-primary);border-radius:var(--border-radius-lg);background:var(--bg-card);color:var(--text-primary);transition:all var(--transition-fast);text-align:right}.form-input:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 3px #6366f11a}.form-input:invalid{border-color:var(--error)}.form-input:invalid:focus{box-shadow:0 0 0 3px #ef44441a}.spinner{width:var(--space-8);height:var(--space-8);border:var(--border-width-2) solid var(--border-primary);border-top:var(--border-width-2) solid var(--primary);border-radius:var(--border-radius-full);animation:spin 1s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-center{text-align:center}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-disabled{color:var(--text-disabled)}.purple-label{display:inline-flex;align-items:center;background:var(--gradient-primary);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3);border-radius:50px;white-space:nowrap;box-shadow:var(--shadow-sm);line-height:1.2}.purple-label.small{font-size:var(--font-size-2xs);padding:2px var(--space-2)}.content-with-video{display:flex;gap:var(--space-3);align-items:flex-start;transition:all var(--transition-fast)}.content-with-video.clickable{cursor:pointer;border-radius:var(--border-radius-lg);padding:var(--space-2);margin:calc(-1 * var(--space-2))}.content-with-video.clickable:hover{background:var(--bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.content-with-video.clickable:hover .video-button-small{background:var(--primary-500);color:#fff;transform:scale(1.1)}.content-text{flex:1}.video-button-small{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--border-radius-md);background:var(--primary-100);color:var(--primary-600);font-size:16px;transition:all var(--transition-fast);flex-shrink:0;text-decoration:none;border:2px solid var(--primary-200)}.video-button-small:hover{background:var(--primary-500);color:#fff;transform:scale(1.1);box-shadow:var(--shadow-md)}.video-button-small:active{transform:scale(1.05)}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:#1e293b;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:#f8fafc}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9;color:#213547}}#root{width:100%;margin:0;padding:0;text-align:left;min-height:100vh}.logo-section{padding:2rem 0 1rem;text-align:center;margin-bottom:1rem}.logo-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.trainerly-logo{width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transition:transform .3s ease}.trainerly-logo:hover{transform:scale(1.05)}.app-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#ff8c00,gold,#00d4aa,#84d8ff,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-align:center}.app-subtitle{font-size:1rem;color:var(--text-secondary, #cbd5e1);margin:0;font-weight:500;text-align:center}@media (max-width: 768px){.trainerly-logo{width:120px;height:120px}.app-title{font-size:1.75rem}.app-subtitle{font-size:.9rem}.logo-section{padding:1rem 0 .5rem;margin-bottom:.5rem}}:root{--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--secondary: #06b6d4;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--danger: #dc2626;--bg-primary: #0f0f23;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-card: #1e293b;--bg-glass: rgba(30, 41, 59, .8);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-disabled: #64748b;--border-primary: #334155;--border-secondary: #475569;--border-accent: #6366f1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-bg: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-weight:400;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease-out;--transition-normal: .3s ease-out;--transition-slow: .5s ease-out;color-scheme:dark;color:var(--text-primary);background:var(--gradient-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{margin:0;padding:0;min-height:100vh;min-width:320px;background:var(--gradient-bg);background-attachment:fixed;-webkit-text-size-adjust:100%;overflow-x:hidden}a{font-weight:500;color:var(--primary-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.2;margin:0}h1{font-size:var(--text-4xl);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}p{color:var(--text-secondary);line-height:1.6;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-xl);font-family:inherit;font-weight:600;font-size:var(--text-base);cursor:pointer;transition:all var(--transition-normal);min-height:44px;min-width:44px;text-decoration:none;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:disabled:before{display:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-md)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-accent);transform:translateY(-1px)}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:var(--shadow-lg)}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-warning{background:var(--gradient-warning);color:#fff;box-shadow:var(--shadow-lg)}.btn-warning:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-danger{background:var(--gradient-danger);color:#fff;box-shadow:var(--shadow-lg)}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:36px}.btn-md{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);min-height:56px}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-xl);min-height:64px}button{border-radius:var(--radius-lg);border:1px solid transparent;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:600;font-family:inherit;background-color:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);min-height:44px;min-width:44px}button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-accent)}button:focus,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.green-button{background:var(--gradient-success);color:#fff;border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.green-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl)}.green-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.green-button:hover:before{left:100%}.orange-button{background:var(--gradient-warning);color:#fff;border:none;border-radius:var(--radius-xl);padding:var(--space-4) var(--space-8);margin:var(--space-3);min-height:60px;min-width:120px;position:relative;overflow:hidden;box-shadow:var(--shadow-lg);transition:all var(--transition-normal);font-weight:600}.orange-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl)}.orange-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.orange-button:hover:before{left:100%}.red-button{background:var(--gradient-danger);color:#fff;border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.red-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl)}.red-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.red-button:hover:before{left:100%}#root{width:100%;min-height:100vh;margin:0;padding:0}.app{min-height:100vh;width:100%;display:flex;flex-direction:column;padding:var(--space-6);position:relative}.training-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-8);text-align:center;position:relative}.training-selection:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.1) 0%,transparent 70%);pointer-events:none}.training-selection h1{font-size:clamp(var(--text-4xl),8vw,var(--text-5xl));font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(99,102,241,.3);margin-bottom:var(--space-4);letter-spacing:-.02em}.training-plan-version{font-size:var(--text-lg);color:var(--text-muted);font-weight:500;background:var(--bg-glass);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:var(--space-6)}.exercise-flow-container{display:flex;flex-direction:column;height:100vh;width:100%;padding:0;margin:0;background:var(--gradient-bg);position:relative;box-sizing:border-box}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-primary),transparent);margin:0}.section-training-header{flex:0 0 8vh;padding:var(--space-2);text-align:center;position:relative;display:flex;align-items:center;justify-content:center}.section-training-header h2{margin:0;font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.training-steps-section{flex-shrink:0;min-height:100px;padding:var(--space-3);display:flex;align-items:center;justify-content:center}.training-steps-multi-row{width:100%;display:flex;flex-direction:column;gap:var(--space-4);align-items:center}.training-steps-row{display:flex!important;flex-direction:row!important;align-items:center;gap:var(--space-4);width:100%}.training-steps-row .training-step-item{flex:0 0 auto!important;min-width:80px;max-width:120px;display:flex!important;flex-direction:column!important;align-items:center}.training-steps-container{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.training-step-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all var(--transition-normal);flex:1;max-width:120px}.step-circle{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);border:3px solid var(--border-primary);margin-bottom:var(--space-2);transition:all var(--transition-normal);position:relative;display:flex;align-items:center;justify-content:center}.step-circle:after{content:"";width:20px;height:20px;border-radius:50%;background:transparent;transition:all var(--transition-normal)}.training-step-item.current .step-circle{border-color:var(--primary);background:#6366f11a;box-shadow:0 0 15px #6366f14d}.training-step-item.current .step-circle:after{background:var(--primary)}.training-step-item.completed .step-circle{border-color:var(--success);background:var(--success);box-shadow:0 0 15px #10b9814d}.training-step-item.completed .step-circle:after{background:#fff}.training-step-item:hover .step-circle{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.step-label{text-align:center;font-size:calc(var(--text-xs) * 1.6875);font-weight:700;color:var(--text-primary);line-height:1.2}.step-line1,.step-line2{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.section-all-exercises{flex:1;padding:var(--space-4);display:flex;align-items:center;justify-content:center}.section-exercise-title{flex:0 0 12.5vh;padding:var(--space-4);text-align:center;display:flex;align-items:center;justify-content:center}.section-exercise-title .exercise-name{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0}.section-exercise-controls{flex:1;padding:var(--space-4);display:flex;flex-direction:column;justify-content:center}.section-exercise-controls .header-actions-row{margin-bottom:var(--space-6)}.section-main-action-area{flex:0 0 25vh;padding:var(--space-3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2)}.main-exercise-actions{display:flex;justify-content:center}.section-main-action-area .sets-progress-container{margin-top:var(--space-2)}.section-main-action-area .sets-counter{font-size:var(--text-base);margin-bottom:var(--space-2)}.exercise-flow-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}@media (max-width: 768px){.exercise-flow-container{height:100vh;width:100vw;margin:0;padding:0 var(--space-3);box-sizing:border-box;background:var(--gradient-bg, linear-gradient(135deg, #667eea 0%, #764ba2 100%))}.section-training-header{flex:0 0 8vh;padding:var(--space-1) var(--space-3)}.training-steps-section{min-height:70px!important;padding:var(--space-1)!important}.step-circle{width:28px!important;height:28px!important;border-width:2px!important;margin-bottom:4px!important}.step-circle:after{width:14px!important;height:14px!important}.step-label{font-size:15.1875px!important}.step-line1,.step-line2{max-width:50px!important}.section-all-exercises{flex:1;padding:var(--space-2) var(--space-3)}.section-exercise-title{flex:0 0 12.5vh;padding:var(--space-2) var(--space-3)}.section-exercise-controls{flex:1;padding:var(--space-2) var(--space-3)}.section-main-action-area{flex:0 0 25vh;padding:var(--space-2) var(--space-3);gap:var(--space-1)}.section-exercise-controls .header-actions-row{margin-bottom:var(--space-4)}}.exercise-header{position:relative;text-align:center;padding:var(--space-6) 0;background:var(--bg-glass);border-radius:var(--radius-2xl);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg)}.exercise-header h2{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.exercise-sidebar{width:100%;background:var(--bg-glass);border-radius:var(--radius-2xl);padding:var(--space-6);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);display:flex;justify-content:center;align-items:center}.exercise-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3);width:100%;padding:var(--space-4);min-height:200px;justify-content:center;align-items:start}@supports (grid-template-columns: subgrid){.exercise-row{grid-template-columns:repeat(auto-fit,minmax(120px,calc(33.333% - var(--space-3))))}}.exercise-row-item{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-3);cursor:pointer;transition:all var(--transition-normal);border:2px solid var(--border-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:80px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.exercise-row-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal)}.exercise-row-item:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow-lg)}.exercise-row-item:hover:before{opacity:.1}.exercise-row-item.current{border-color:#ff9800;background:#ff980026;box-shadow:var(--shadow-lg),0 0 20px #ff980066;transform:translateY(-1px)}.exercise-row-item.current:before{background:linear-gradient(135deg,#ff9800,#ff6b00);opacity:.25}.exercise-row-item.completed{border-color:#22c55e;background:#22c55e26;box-shadow:var(--shadow-lg),0 0 20px #22c55e4d}.exercise-row-item.completed:before{background:linear-gradient(135deg,#22c55e,#10b981);opacity:.25}.exercise-row-number{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;margin-bottom:var(--space-2);position:relative;z-index:2;box-shadow:var(--shadow-md)}.exercise-row-item.current .exercise-row-number{background:linear-gradient(135deg,#ff9800,#ff6b00)}.exercise-row-item.completed .exercise-row-number{background:linear-gradient(135deg,#22c55e,#10b981)}.exercise-row-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:700;text-align:center;margin-bottom:var(--space-1);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;position:relative;z-index:2}.exercise-row-sets{font-size:var(--text-xs);color:var(--text-muted);font-weight:600;position:relative;z-index:2}.exercise-item{background-color:#2a2a2a;border-radius:6px;padding:8px 10px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.exercise-item:hover{background-color:#333;border-color:#555}.exercise-item.current{border-color:#646cff;background-color:#2a2a3a}.exercise-item.completed{border-color:#4caf50;background-color:#2a3a2a}.exercise-item-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.exercise-item-number{background-color:#646cff;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.exercise-item.completed .exercise-item-number{background-color:#4caf50}.exercise-item-name{font-size:16px;color:#fff;font-weight:600;text-align:right;flex:1;line-height:1.2}.exercise-item-sets{font-size:11px;color:#aaa;font-weight:700;flex-shrink:0}.exercise-progress-bar{height:4px;background-color:#333;border-radius:2px;overflow:hidden}.exercise-progress-fill{height:100%;background-color:#646cff;transition:width .3s ease}.exercise-item.completed .exercise-progress-fill{background-color:#4caf50}.exercise-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);background:var(--bg-glass);border-radius:var(--radius-2xl);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-xl);padding:var(--space-8);position:relative;overflow:hidden;min-height:400px}.exercise-main:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.05) 0%,transparent 70%);pointer-events:none}.exercise-main.clickable-area{cursor:pointer;width:100%;height:100%;position:relative}.exercise-main.clickable-area>*:not(.exercise-actions){pointer-events:none;position:relative;z-index:1}.exercise-main.clickable-area .exercise-actions{pointer-events:auto;z-index:2}.exercise-name{font-size:clamp(var(--text-2xl),6vw,var(--text-4xl));font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;line-height:1.2;position:relative;z-index:2;margin-bottom:var(--space-4)}.sets-progress-container{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);position:relative;z-index:2}.sets-counter{font-size:var(--text-2xl);font-weight:800;color:var(--text-primary);text-align:center;background:var(--bg-card);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.sets-progress-bar{position:relative;width:100%;height:16px;background:var(--bg-card);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-primary);box-shadow:var(--shadow-md)}.sets-progress-fill{height:100%;background:var(--gradient-primary);transition:width .8s ease;border-radius:var(--radius-full);position:relative}.sets-markers{position:absolute;top:-40px;left:0;right:0;height:32px}.set-marker{position:absolute;transform:translate(-50%);background:var(--bg-card);color:var(--text-muted);border-radius:var(--radius-full);width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;border:2px solid var(--border-primary);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.set-marker.completed{background:var(--gradient-success);color:#fff;border-color:var(--success);box-shadow:var(--shadow-md),0 0 15px #10b9814d}.custom-rest-time{display:flex;align-items:center;gap:10px;font-size:14px;color:#ccc}.exercise-actions{display:flex;flex-direction:column;gap:var(--space-6);align-items:center;position:relative;z-index:2;width:100%;max-width:400px;transform:scale(1.25);transform-origin:center}.exercise-flow{display:flex;flex-direction:column;gap:20px;align-items:center}.exercise-header{position:relative;text-align:center;padding:var(--space-6);margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);align-items:center;background:var(--bg-glass);border-radius:var(--radius-2xl);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);transform:scale(1.25);transform-origin:top center;z-index:10;overflow:hidden}.exercise-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 20%,rgba(99,102,241,.03) 0%,transparent 70%);pointer-events:none}.header-forms-row{display:flex;flex-direction:row;gap:var(--space-4);align-items:flex-start}.header-actions-row{display:flex;flex-direction:row;gap:var(--space-5);align-items:center}.header-rest-time,.header-weight,.header-repeats{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100px;min-width:100px}.header-action-btn{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;font-size:var(--text-xl);padding:var(--space-4);width:56px;height:56px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.header-action-btn:hover:not(.disabled){background:var(--bg-tertiary);border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.header-action-btn.disabled{opacity:.5;cursor:not-allowed}.rest-time-label,.weight-label,.repeats-label{font-size:var(--text-sm);color:var(--text-primary);text-align:center;white-space:nowrap;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.rest-time-input,.weight-input,.repeats-input{padding:var(--space-3) var(--space-4);font-size:var(--text-lg);font-weight:700;width:85px;text-align:center;border-radius:var(--radius-xl);color:var(--text-primary);background:var(--bg-card);border:2px solid var(--border-primary);outline:none;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);min-height:48px}.rest-time-input:focus,.weight-input:focus,.repeats-input:focus{background:var(--bg-tertiary);border-color:var(--primary);box-shadow:var(--shadow-lg),0 0 20px #6366f14d;transform:translateY(-1px)}.rest-time-input::placeholder,.weight-input::placeholder,.repeats-input::placeholder{font-size:var(--text-base);color:var(--text-muted);font-weight:600}.settings-btn{position:fixed;top:var(--space-4);right:var(--space-4);width:56px;height:56px;background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--text-xl);cursor:pointer;z-index:9999;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg)}.settings-btn:hover{background:var(--bg-card);border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.settings-btn:active{transform:translateY(0)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f0f23cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--space-4);animation:fadeIn .3s ease-out}.settings-modal,.modal{width:100%;max-width:500px;max-height:90vh;background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-xl);color:var(--text-primary);overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:center;align-items:center;padding:var(--space-10) var(--space-6) var(--space-6) var(--space-6);background:var(--bg-card);border-bottom:1px solid var(--border-primary);position:relative;text-align:center}.modal-header h2{margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);background:var(--gradient-success);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex:1;text-align:center;padding-left:32px;padding-right:32px}.modal-close-btn{position:absolute;top:var(--space-2);background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-fast);z-index:10}[dir=rtl] .modal-close-btn{right:var(--space-2)}[dir=ltr] .modal-close-btn{left:var(--space-2)}.modal-close-btn:hover{background:var(--bg-tertiary);border-color:var(--border-accent);color:var(--text-primary);transform:scale(1.1)}.modal-body{padding:var(--space-6);overflow-y:auto;max-height:calc(90vh - 140px)}.settings-section,.settings-item{margin-bottom:0}.settings-label{display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#fff;cursor:pointer}.toggle-switch{position:relative;width:60px;height:30px}.toggle-input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#555;transition:.3s;border-radius:30px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-input:checked+.toggle-slider{background-color:#4caf50}.toggle-input:checked+.toggle-slider:before{transform:translate(30px)}.volume-control{display:flex;align-items:center;gap:10px;min-width:250px}.volume-slider{flex:1;height:6px;border-radius:3px;background:#555;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#4caf50;cursor:pointer}.volume-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#4caf50;cursor:pointer;border:none}.volume-slider:disabled{opacity:.5;cursor:not-allowed}.volume-icon{font-size:16px}.volume-value{min-width:40px;text-align:right;font-size:14px;color:#ccc}.danger-button{background:#dc3545;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;cursor:pointer;width:100%;transition:background-color .2s}.danger-button:hover{background:#c82333}.coach-app-button{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;width:100%}.coach-app-button:hover{background:linear-gradient(135deg,#5b21b6,#4c1d95);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.whatsapp-button{background:#25d366;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;cursor:pointer;width:100%;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:8px}.whatsapp-button:hover{background:#20c157}.settings-description{font-size:14px;color:#ccc;margin:10px 0 0;text-align:center}.logout-section{margin-top:auto;padding-top:30px;border-top:1px solid var(--border-primary)}.logout-danger-button{background:#dc3545!important;color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;width:100%;transition:all .2s;box-shadow:0 4px 12px #dc35454d}.logout-danger-button:hover{background:#c82333!important;transform:translateY(-2px);box-shadow:0 6px 20px #dc354566}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px;color:var(--text-primary)}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-primary);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-section h3{color:var(--text-primary);font-size:18px;margin-bottom:15px;font-weight:600}.plans-list{display:flex;flex-direction:column;gap:10px}.plan-option{display:flex;justify-content:space-between;align-items:center;padding:15px;background:var(--bg-card);border:2px solid var(--border-primary);border-radius:12px;cursor:pointer;transition:all .2s ease}.plan-option:hover{border-color:var(--primary);background:#6366f11a;transform:translateY(-1px)}.plan-option.current{border-color:var(--primary);background:#6366f126;box-shadow:0 4px 12px #6366f133}.plan-info{display:flex;flex-direction:column;gap:5px}.plan-name{color:var(--text-primary);font-size:16px;font-weight:600}.current-badge{background:var(--primary);color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;align-self:flex-start}.plan-action{color:var(--primary);font-size:18px;font-weight:700}.app-version{position:absolute;bottom:8px;right:12px;font-size:11px;color:#aaa;opacity:.6;font-family:monospace;letter-spacing:.5px}@media (max-width: 768px){.settings-modal{width:95%;margin:20px}.volume-control{min-width:200px}}.training-plan-select{background:#2a2a2a;border:1px solid #555;border-radius:6px;color:#fff;padding:8px 12px;font-size:14px;min-width:120px}.training-plan-select:focus{outline:none;border-color:#4caf50}.training-plan-select option{background:#2a2a2a;color:#fff}.volume-control{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.volume-slider{flex:1;height:6px;background:var(--bg-secondary);border-radius:var(--radius-full);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--gradient-success);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md)}.volume-slider::-moz-range-thumb{width:20px;height:20px;background:var(--gradient-success);border-radius:50%;cursor:pointer;border:none;box-shadow:var(--shadow-md)}.test-sound-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.test-sound-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-accent);color:var(--text-primary)}.test-sound-btn:disabled{opacity:.5;cursor:not-allowed}.last-training-modal{width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.training-info-compact{background:#2a2a2a;border-radius:8px;padding:16px;margin-bottom:20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.info-column{display:flex;flex-direction:column;align-items:center;text-align:center}.info-label{font-size:12px;font-weight:500;color:#ccc;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:14px;font-weight:600;color:#fff}.training-info{background:#2a2a2a;border-radius:8px;padding:20px;margin-bottom:20px}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 0;border-bottom:1px solid #444}.info-row:last-child{border-bottom:none;margin-bottom:0}.info-row .info-label{font-weight:500;color:#ccc}.info-row .info-value{font-weight:600;color:#fff}.sets-details h3{margin:0 0 15px;color:#fff;font-size:18px}.sets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.set-card{background:#2a2a2a;border-radius:8px;padding:15px;border:1px solid #444}.set-number{font-size:16px;font-weight:600;color:#4caf50;margin-bottom:10px;text-align:center}.set-data{display:flex;flex-direction:column;gap:8px}.data-item{display:flex;justify-content:space-between;align-items:center}.data-item.no-data{justify-content:center;color:#888;font-style:italic}.data-label{font-size:14px;color:#ccc}.data-value{font-size:14px;font-weight:500;color:#fff}.no-data-message{text-align:center;padding:40px 20px;color:#888}.no-sets-data{text-align:center;padding:20px;background:#2a2a2a;border-radius:8px;color:#888}.legacy-data{margin:10px 0;padding:8px 12px;background:#333;border-radius:4px;color:#fff;font-size:14px}@media (max-width: 768px){.last-training-modal{width:95%;margin:10px;max-height:85vh}.training-info-compact{padding:12px;gap:12px}.info-label{font-size:11px}.info-value{font-size:13px}.sets-grid{grid-template-columns:1fr}.sets-details h3{font-size:16px;margin-bottom:12px}.info-row{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 480px){.last-training-modal{width:98%;margin:5px;max-height:90vh}.training-info-compact{padding:10px;gap:8px;grid-template-columns:1fr;text-align:center}.info-column{flex-direction:row;justify-content:space-between;align-items:center;padding:8px 12px;background:#333;border-radius:6px}.info-label{font-size:12px;text-transform:none;margin-bottom:0}.info-value{font-size:14px}.sets-details h3{font-size:15px;margin-bottom:10px}.set-card{padding:12px}.set-number{font-size:14px;margin-bottom:8px}.data-label,.data-value{font-size:13px}}.info-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f0f23d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--space-4);animation:fadeIn .4s ease-out}.info-modal{background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);width:100%;max-width:800px;max-height:90vh;overflow:hidden;position:relative;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:var(--shadow-xl),0 0 50px #6366f133;animation:slideUp .4s ease-out}.info-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);z-index:1}.info-header{background:var(--bg-card);padding:var(--space-10) var(--space-4) var(--space-4) var(--space-4);display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--border-primary);position:relative}.info-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.1) 0%,transparent 70%);pointer-events:none}.info-header h2{margin:0;font-size:var(--text-lg);font-weight:700;background:var(--gradient-success);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1;flex:1;text-align:center;padding-left:32px;padding-right:32px}.exercise-video-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:6px;padding:4px 8px;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1;margin-left:8px;box-shadow:0 2px 4px #4caf5033}.exercise-video-btn:hover{background:linear-gradient(135deg,#45a049,#388e3c);transform:translateY(-1px);box-shadow:0 4px 8px #4caf504d}.exercise-video-btn:active{transform:translateY(0)}.exercise-info-section{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-4);background:linear-gradient(135deg,#10b98126,#6366f11f,#ec489914);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.15);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d,inset 0 1px #fff3,0 0 0 1px #ffffff0d}.exercise-info-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(16,185,129,.8) 50%,transparent 100%);animation:topShine 3s ease-in-out infinite}@keyframes topShine{0%{left:-100%}to{left:100%}}.exercise-description{flex:1}.exercise-description-text{color:var(--text-secondary);line-height:1.6;font-size:var(--text-sm);text-align:center}.exercise-video{display:flex;justify-content:center}.exercise-video-button{background:linear-gradient(135deg,#10b981,#059669,#047857);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #10b98166,0 2px 4px #0000001a,inset 0 1px #fff3;display:flex;align-items:center;gap:var(--space-2);position:relative;overflow:hidden;letter-spacing:.5px}.exercise-video-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .6s ease}.exercise-video-button:hover:before{left:100%}.exercise-video-button:hover{background:linear-gradient(135deg,#059669,#047857,#065f46);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #10b98180,0 4px 8px #0003,inset 0 1px #ffffff4d}.exercise-video-button:active{transform:translateY(-1px) scale(1.01);box-shadow:0 4px 15px #10b98166,0 2px 4px #0000001a}.info-exercise-name{padding:var(--space-2);font-size:var(--text-lg);font-weight:700;background:var(--gradient-success);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;border-bottom:1px solid var(--border-primary);position:relative}.info-exercise-name:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--gradient-success);border-radius:var(--radius-full)}.info-description{padding:var(--space-6);background:linear-gradient(135deg,#10b98126,#6366f11a);border-bottom:1px solid var(--border-primary);position:relative}.info-description-text{color:var(--text-primary);line-height:1.7;text-align:right;font-size:var(--text-lg);font-weight:500}.info-content{padding:var(--space-6);overflow-y:auto;max-height:calc(85vh - 300px)}.info-section{display:flex;flex-direction:column;gap:var(--space-4)}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.info-row:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--border-accent)}.info-row.info-note{flex-direction:column;align-items:stretch;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(99,102,241,.05) 100%)}.info-label{font-weight:700;color:var(--text-secondary);min-width:120px;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;text-align:center}.info-value{color:var(--text-primary);text-align:center;flex:1;font-weight:600;font-size:var(--text-base)}.info-note-text{margin-top:var(--space-3);text-align:right;line-height:1.6;color:var(--text-primary);font-size:var(--text-base);padding:var(--space-3);background:#6366f11a;border-radius:var(--radius-lg);border-left:4px solid var(--primary)}.info-recommendations{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);margin:var(--space-4) 0}.info-recommendation-box{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-secondary);transition:all var(--transition-normal);min-height:80px;position:relative}.info-recommendation-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-accent)}.info-recommendation-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-align:center;position:absolute;top:6px;left:50%;transform:translate(-50%);white-space:nowrap;width:100%}.info-recommendation-value{color:var(--text-primary);font-size:var(--text-lg);font-weight:900;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;line-height:1.2;margin-top:var(--space-4);width:100%}.info-recommendation-value>span{text-align:center;width:100%}.info-recommendation-value.success{color:var(--success)}.info-recommendation-value.warning{color:var(--warning)}.info-footer{padding:var(--space-6);display:flex;justify-content:center;gap:var(--space-4);border-top:1px solid var(--border-primary);background:var(--bg-card)}.info-close-btn{position:absolute;top:var(--space-2);background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-fast);z-index:10}[dir=rtl] .info-close-btn{right:var(--space-2)}[dir=ltr] .info-close-btn{left:var(--space-2)}.info-close-btn:hover{background:var(--bg-tertiary);border-color:var(--border-accent);color:var(--text-primary);transform:scale(1.1)}.edit-form{display:flex;flex-direction:column;gap:var(--space-6)}.edit-input-group{display:flex;flex-direction:column;gap:var(--space-3)}.edit-input-label{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;letter-spacing:.05em;text-align:right}.edit-input-field{padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);color:var(--text-primary);font-size:var(--text-lg);font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);text-align:right}.edit-input-field:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.edit-textarea-field{padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);color:var(--text-primary);font-size:var(--text-lg);font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);text-align:right;font-family:inherit;resize:vertical;min-height:120px}.edit-textarea-field:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.cancel-edit-btn{background:var(--bg-secondary)!important;color:var(--text-muted)!important}.cancel-edit-btn:hover{background:var(--bg-card)!important;color:var(--text-primary)!important;transform:translateY(-2px)!important}.save-edit-btn{background:var(--gradient-primary)!important;color:var(--text-primary)!important}.save-edit-btn:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important}.save-edit-btn:disabled{background:var(--bg-secondary)!important;color:var(--text-muted)!important;cursor:not-allowed!important;transform:none!important;opacity:.5}.edit-button{position:absolute;left:20px;background:none;border:none;color:#4caf50;font-size:20px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s}.edit-button:hover{background-color:#4caf501a}.history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f0f23d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;z-index:1001;padding:var(--space-4);animation:fadeIn .4s ease-out}.history-modal{background:var(--bg-glass);border-radius:var(--radius-2xl);width:100%;max-width:700px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:var(--shadow-xl),0 0 50px #06b6d433;border:1px solid var(--border-primary);animation:slideUp .4s ease-out;position:relative}.history-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);z-index:1}.history-header{display:flex;justify-content:center;align-items:center;padding:var(--space-10) var(--space-6) var(--space-6) var(--space-6);border-bottom:1px solid var(--border-primary);background:var(--bg-card);position:relative;text-align:center}.history-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(6,182,212,.1) 0%,transparent 70%);pointer-events:none}.history-header h2{margin:0;font-size:var(--text-2xl);font-weight:800;background:var(--gradient-success);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.close-button{position:absolute;top:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-fast);z-index:10}[dir=rtl] .close-button{right:var(--space-4)}[dir=ltr] .close-button{left:var(--space-4)}.close-button:hover{background:var(--bg-tertiary);border-color:var(--border-accent);color:var(--text-primary);transform:scale(1.1)}.history-exercise-name{padding:var(--space-6);font-size:var(--text-xl);font-weight:900;background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;border-bottom:1px solid var(--border-primary);position:relative}.history-exercise-name:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%);border-radius:var(--radius-full)}.history-content{flex:1;overflow-y:auto;padding:0}.no-history{padding:40px 20px;text-align:center;color:#ccc}.no-history p{margin:10px 0}.history-list{width:100%}.history-list-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--bg-card);font-weight:800;color:var(--text-secondary);font-size:var(--text-sm);border-bottom:1px solid var(--border-primary);text-transform:uppercase;letter-spacing:.05em}.history-entry{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:var(--text-base);transition:all var(--transition-normal);position:relative}.history-entry:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal)}.history-entry:hover{background:var(--bg-card);transform:translate(-4px)}.history-entry:hover:before{opacity:1}.history-entry.clickable-date{cursor:pointer;border:1px solid transparent;border-radius:var(--radius-lg);background:linear-gradient(145deg,#6366f108,#10b98105);position:relative}.history-entry.clickable-date:after{content:"›";position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);font-size:var(--text-lg);color:var(--text-muted);opacity:.5;transition:all var(--transition-fast);pointer-events:none}.history-entry.clickable-date:hover{background:linear-gradient(145deg,#6366f114,#10b9810d);transform:translate(-4px) translateY(-2px);box-shadow:var(--shadow-lg),0 0 20px #6366f126;border-color:#6366f133}.history-entry.clickable-date:hover:after{opacity:1;color:var(--primary);transform:translateY(-50%) translate(3px)}.history-col{text-align:center;display:flex;align-items:center;justify-content:center}.history-footer{padding:20px;border-top:1px solid #333;text-align:center}.back-arrow-button{z-index:20}.back-arrow-button:hover{background-color:#3a3a3a!important;border-color:#666!important}.exercise-name{font-size:28px;font-weight:700;margin-bottom:15px;text-align:center;line-height:1.3;color:#fff}.exercise-progress{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.sets-counter{font-size:24px;font-weight:700}.timer{font-size:clamp(var(--text-4xl),12vw,4.5rem);font-weight:900;color:var(--warning);text-align:center;background:var(--bg-card);padding:var(--space-6) var(--space-8);border-radius:var(--radius-2xl);border:2px solid var(--warning);box-shadow:var(--shadow-lg),0 0 30px #f59e0b4d;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;animation:pulse 1s infinite alternate;transition:all var(--transition-normal)}@keyframes pulse{0%{box-shadow:var(--shadow-lg),0 0 30px #f59e0b4d}to{box-shadow:var(--shadow-xl),0 0 40px #f59e0b80}}@keyframes urgentPulse{0%{box-shadow:var(--shadow-lg),0 0 30px #ef444466;transform:scale(1)}to{box-shadow:var(--shadow-xl),0 0 50px #ef4444b3;transform:scale(1.02)}}.timer.urgent{color:var(--error);border-color:var(--error);box-shadow:var(--shadow-lg),0 0 30px #ef444466;animation:urgentPulse .5s infinite alternate}.timer.finished{color:var(--success);border-color:var(--success);box-shadow:var(--shadow-lg),0 0 30px #10b98166;animation:celebrate .6s ease-out}@keyframes celebrate{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.timer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:timerShimmer 3s infinite}@keyframes timerShimmer{0%{left:-100%}to{left:100%}}.exercise-navigation{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.exercise-nav-button{padding:8px 12px;font-size:12px;border-radius:5px;border:1px solid #555;background-color:#2a2a2a;color:#fff;cursor:pointer;max-width:150px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.exercise-nav-button.completed{background-color:#4caf50;color:#fff;border-color:#4caf50}.exercise-nav-button.current{background-color:#646cff;color:#fff;border-color:#646cff}.training-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:var(--space-8);position:relative}.training-complete:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,rgba(16,185,129,.15) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(99,102,241,.1) 0%,transparent 50%);pointer-events:none}.training-complete h2{font-size:clamp(var(--text-4xl),8vw,var(--text-5xl));font-weight:900;background:var(--gradient-success);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-8);animation:celebrate 1s ease-out;position:relative;z-index:1}.training-complete p{font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:var(--space-10);max-width:600px;line-height:1.6;position:relative;z-index:1}.celebration-container{position:relative;z-index:1;max-width:600px;margin:0 auto;animation:fadeInUp .8s ease-out}.celebration-header{margin-bottom:var(--space-8)}.celebration-title{font-size:clamp(var(--text-4xl),8vw,var(--text-6xl))!important;font-weight:900;background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-6)!important;animation:gradientShift 3s ease-in-out infinite,bounce 2s ease-in-out;text-shadow:0 0 30px rgba(255,107,107,.3)}.achievement-badge{display:inline-block;padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,gold,#ffed4e);border-radius:50px;box-shadow:0 10px 30px #ffd7004d,0 0 20px #ffd70033;animation:pulse 2s ease-in-out infinite;margin:var(--space-4) 0}.badge-inner{display:flex;align-items:center;gap:var(--space-2);color:#8b5a00;font-weight:700;font-size:var(--text-lg)}.trophy{font-size:var(--text-2xl);animation:rotate 3s ease-in-out infinite}.celebration-content{margin:var(--space-8) 0}.completion-message{font-size:var(--text-2xl)!important;font-weight:700;background:linear-gradient(135deg,#4ecdc4,#44a08d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-4)!important;animation:fadeIn 1s ease-out .5s both}.motivation-text{font-size:var(--text-lg)!important;color:var(--text-secondary);font-style:italic;margin-bottom:var(--space-8)!important;animation:fadeIn 1s ease-out .8s both}.action-buttons{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-8) 0;animation:slideUp 1s ease-out 1s both}.restart-button,.whatsapp-celebration-button{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);font-size:var(--text-lg);font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 8px 25px #00000026}.restart-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.restart-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #667eea66}.whatsapp-celebration-button{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.whatsapp-celebration-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #25d36666}.restart-button:before,.whatsapp-celebration-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.restart-button:hover:before,.whatsapp-celebration-button:hover:before{left:100%}.button-icon{font-size:var(--text-xl);animation:iconFloat 2s ease-in-out infinite}.whatsapp-icon{width:24px;height:24px;border-radius:4px;animation:iconFloat 2s ease-in-out infinite}.celebration-footer{margin-top:var(--space-8);animation:fadeIn 1s ease-out 1.3s both}.encouragement{font-size:var(--text-lg)!important;color:var(--primary-color);font-weight:600;margin:0!important;background:linear-gradient(135deg,#ff9a9e,#fecfef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rotate{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (max-width: 768px){.app{padding:var(--space-4)}.training-selection{gap:var(--space-6);padding:var(--space-4)}.training-selection h1{font-size:clamp(var(--text-3xl),8vw,var(--text-4xl));margin-bottom:var(--space-3)}.training-plan-version{font-size:var(--text-base);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4)}.exercise-header{padding:var(--space-4) 0}.exercise-header h2{font-size:var(--text-xl);margin-bottom:var(--space-3)}.exercise-sidebar{padding:var(--space-4)}.exercise-row{gap:var(--space-2);padding:var(--space-3);min-height:160px}.exercise-row-item{min-height:70px;padding:var(--space-2)}.exercise-row-number{width:20px;height:20px;font-size:var(--text-xs);margin-bottom:var(--space-1)}.exercise-row-name{font-size:var(--text-xs);font-weight:800}.exercise-row-sets{font-size:10px}.exercise-main{padding:var(--space-6);gap:var(--space-6);min-height:350px}.exercise-name{font-size:clamp(var(--text-xl),6vw,var(--text-3xl));margin-bottom:var(--space-3)}.sets-progress-container{gap:var(--space-4)}.sets-counter{font-size:var(--text-xl);padding:var(--space-2) var(--space-4)}.sets-progress-bar{height:14px}.sets-markers{top:-36px;height:28px}.set-marker{width:28px;height:28px;font-size:var(--text-xs)}.timer{font-size:clamp(var(--text-3xl),10vw,3.5rem);padding:var(--space-4) var(--space-6)}.exercise-actions{gap:var(--space-4);max-width:300px;transform:scale(1.1);transform-origin:center}.training-complete{padding:var(--space-6)}.training-complete h2{font-size:clamp(var(--text-3xl),8vw,var(--text-4xl));margin-bottom:var(--space-6)}.training-complete p{font-size:var(--text-lg);margin-bottom:var(--space-8)}.celebration-container{padding:0 var(--space-4)}.celebration-title{font-size:clamp(var(--text-3xl),10vw,var(--text-4xl))!important}.achievement-badge{padding:var(--space-3) var(--space-5);margin:var(--space-3) 0}.badge-inner{font-size:var(--text-base);gap:var(--space-1)}.trophy{font-size:var(--text-lg)}.completion-message{font-size:var(--text-xl)!important}.motivation-text{font-size:var(--text-base)!important}.action-buttons{gap:var(--space-3);margin:var(--space-6) 0}.restart-button,.whatsapp-celebration-button{padding:var(--space-3) var(--space-6);font-size:var(--text-base);gap:var(--space-2)}.button-icon{font-size:var(--text-lg)}.whatsapp-icon{width:20px;height:20px}.encouragement{font-size:var(--text-base)!important}.exercise-navigation{max-width:100%}.exercise-nav-button{font-size:10px;padding:6px 8px;max-width:120px}.exercise-header{grid-area:header!important;padding:10px!important;transform:scale(1)!important;margin-bottom:0!important;height:100%!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.exercise-sidebar{grid-area:sidebar!important;width:100%!important;padding:8px!important;display:flex!important;justify-content:center!important;align-items:flex-start!important;overflow-y:auto!important;height:100%!important}.exercise-main{grid-area:main!important;padding:8px!important;overflow-y:auto!important;height:100%!important;gap:10px;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}.exercise-row{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;grid-template-rows:auto!important;gap:6px!important;height:auto!important;width:100%!important;justify-items:center!important;align-items:stretch!important;padding:6px!important;box-sizing:border-box!important;justify-content:center!important}.exercise-row-item{height:55px;padding:4px 6px;min-width:75px;max-width:105px;overflow:hidden}.exercise-row-number{width:18px;height:18px;font-size:10px;margin-bottom:3px}.exercise-row-name{font-size:15px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;font-weight:700;line-height:1.1}.exercise-row-sets{font-size:12px;font-weight:700}.sets-progress-container{max-width:100%}.exercise-item-name{font-size:18px;font-weight:700}.exercise-item{padding:6px 8px}.exercise-item-number{width:18px;height:18px;font-size:10px}.sets-markers{top:-25px}.set-marker{width:18px;height:18px;font-size:10px}.exercise-header{transform:scale(1.1);margin-top:var(--space-4);width:100%;padding:var(--space-3)}.header-forms-row{display:flex;flex-direction:row;gap:var(--space-3);align-items:flex-start;justify-content:center;width:100%}.header-actions-row{display:flex;flex-direction:row;gap:var(--space-4);align-items:center;justify-content:center;width:100%;flex-wrap:wrap}.header-rest-time,.header-weight,.header-repeats{min-width:75px;width:75px;flex:0 0 75px}.rest-time-input,.weight-input,.repeats-input{width:70px;font-size:16px;padding:var(--space-2) var(--space-2);min-height:44px}.rest-time-input::placeholder,.weight-input::placeholder,.repeats-input::placeholder{font-size:16px}.header-action-btn{width:52px;height:52px;font-size:var(--text-lg);padding:var(--space-3)}.rest-time-label,.weight-label,.repeats-label{font-size:var(--text-xs);font-weight:700}}@media (min-width: 769px){.exercise-header{transform:scale(1);padding:var(--space-4)}.header-rest-time,.header-weight,.header-repeats{width:80px;min-width:80px;flex:none}.rest-time-input,.weight-input,.repeats-input{width:70px;font-size:16px;padding:6px;min-height:auto}.header-action-btn{width:48px;height:48px;font-size:18px;padding:10px;min-height:auto;min-width:auto}.rest-time-label,.weight-label,.repeats-label{font-size:11px;font-weight:400}}.history-modal{max-width:95vw;margin:10px}.history-list-header,.history-entry{grid-template-columns:1.5fr .8fr .8fr .8fr;gap:5px;padding:10px 15px;font-size:12px}.history-exercise-name{font-size:14px;padding:12px 15px}.history-dates-list{width:100%}.history-instruction{padding:var(--space-4) var(--space-6);background:var(--bg-card);border-bottom:1px solid var(--border-primary);text-align:center}.history-instruction p{margin:0;color:var(--text-secondary);font-size:var(--text-sm);font-weight:600}.dates-list{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.history-date-entry{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.history-date-entry:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal)}.history-date-entry:hover{background:var(--bg-glass);border-color:var(--border-accent);transform:translate(-4px);box-shadow:var(--shadow-lg)}.history-date-entry:hover:before{opacity:1}.history-date-entry.clickable{cursor:pointer}.date-main{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.entry-date{font-size:var(--text-lg);font-weight:800;color:var(--text-primary)}.entry-summary{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.click-indicator{display:flex;align-items:center;color:var(--text-muted);font-size:var(--text-lg);transition:all var(--transition-normal)}.history-date-entry:hover .click-indicator{color:var(--primary-light);transform:translate(-4px)}.arrow{font-weight:700}.detailed-history-view{padding:var(--space-4)}.detailed-header{display:flex;justify-content:center;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-primary);position:relative}.back-button{position:absolute;top:var(--space-2);left:var(--space-2);background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-fast);z-index:10}.back-button:hover{background:var(--bg-tertiary);border-color:var(--border-accent);color:var(--text-primary);transform:scale(1.1)}.detailed-date{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-primary)}.workout-summary{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-primary)}.summary-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.summary-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.summary-value{font-size:var(--text-xl);font-weight:800;color:var(--text-primary)}.summary-value.success{color:var(--success)}.summary-value.warning{color:var(--warning)}.sets-details{margin-top:var(--space-6)}.sets-details h4{margin:0 0 var(--space-4) 0;font-size:var(--text-lg);font-weight:800;color:var(--text-primary);text-align:center}.sets-list{display:flex;flex-direction:column;gap:var(--space-3)}.sets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.set-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-normal);position:relative;overflow:hidden}.set-card.set-success{border-color:var(--success);background:#10b9810d}.set-card.set-incomplete{border-color:var(--warning);background:#f59e0b0d}.set-card:hover{background:var(--bg-glass);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.set-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-primary)}.set-status-indicator{font-size:var(--text-lg);display:flex;align-items:center;justify-content:center;width:24px;height:24px}.set-status-indicator.success{color:var(--success)}.set-status-indicator.incomplete{color:var(--warning)}.data-item{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-normal)}.data-item.success{background:#10b9811a;border-left:3px solid var(--success)}.data-item.incomplete{background:#f59e0b1a;border-left:3px solid var(--warning)}.data-item.no-data{background:#64748b1a;border-left:3px solid var(--text-muted)}.data-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.data-value{font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.target-comparison{font-size:var(--text-xs);color:var(--text-muted);font-weight:500;margin-top:var(--space-1)}.no-sets-data{text-align:center;padding:var(--space-6);color:var(--text-muted);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.no-sets-data p{margin:0 0 var(--space-3) 0;font-size:var(--text-base)}.legacy-data{display:inline-block;margin:var(--space-1) var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-glass);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary)}.set-detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.set-detail-item:hover{background:var(--bg-glass);border-color:var(--border-accent)}.set-number{font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.set-data{display:flex;align-items:center;gap:var(--space-3)}.set-weight{font-size:var(--text-base);font-weight:600;color:var(--success)}.set-repeats{font-size:var(--text-base);font-weight:600;color:var(--primary-light)}.set-empty{font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.no-detailed-data{text-align:center;padding:var(--space-8);color:var(--text-muted)}.no-detailed-data p{margin:var(--space-2) 0;font-size:var(--text-base)}@media (max-width: 768px){.dates-list{padding:var(--space-3);gap:var(--space-3)}.history-date-entry{padding:var(--space-3) var(--space-4)}.entry-date{font-size:var(--text-base)}.entry-summary{font-size:var(--text-xs)}.workout-summary{grid-template-columns:1fr;gap:var(--space-3)}.detailed-header{flex-direction:column;gap:var(--space-3);align-items:stretch}.back-to-list-btn{align-self:flex-start}}.history-tabs-container{width:100%}.history-tabs{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;background:var(--bg-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:1px solid var(--border-primary);overflow:hidden;width:100%}.history-tab{flex:1;padding:var(--space-3) var(--space-2);background:transparent;border:none;color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal);position:relative;text-align:center;white-space:nowrap;min-width:0;overflow:hidden}.history-tab:hover{background:transparent;color:var(--text-primary)}.history-tab.active{background:transparent;color:var(--primary-light);border-bottom:3px solid var(--primary)}.history-tab.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:60%;height:3px;background:var(--gradient-primary);border-radius:2px 2px 0 0}.history-tab-content{background:var(--bg-primary);min-height:400px}.performance-graph{padding:var(--space-4)}.graph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-primary)}.graph-header h3{margin:0;font-size:var(--text-xl);font-weight:800;color:var(--text-primary)}.formula-info-btn{background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:var(--text-lg);cursor:pointer;padding:var(--space-2);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-fast)}.formula-info-btn:hover{background:var(--bg-glass);border-color:var(--border-accent);color:var(--text-primary);transform:scale(1.1)}.graph-container{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-3);border:1px solid var(--border-primary);width:100%;height:250px;display:flex;justify-content:center;align-items:center;overflow:visible}.performance-chart{width:100%;height:100%;max-width:100%;max-height:100%;display:block}.data-point{cursor:pointer;transition:all var(--transition-fast)}.data-point:hover{r:7;filter:drop-shadow(0 0 8px var(--primary))}.graph-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-primary)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.stat-value{font-size:var(--text-xl);font-weight:800;color:var(--primary-light)}.no-graph-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;color:var(--text-muted);min-height:300px}.no-graph-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.5}.no-graph-data h3{margin:0 0 var(--space-3) 0;font-size:var(--text-xl);font-weight:700;color:var(--text-secondary)}.no-graph-data p{margin:var(--space-2) 0;font-size:var(--text-base);line-height:1.6}.formula-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f0f23e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--space-4);animation:fadeIn .3s ease-out}.formula-modal{background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-xl);width:100%;max-width:600px;max-height:85vh;overflow:hidden;animation:slideUp .3s ease-out;margin:var(--space-4) 0}.formula-modal-header{display:flex;justify-content:center;align-items:center;padding:var(--space-6);background:var(--bg-card);border-bottom:1px solid var(--border-primary);position:relative}.formula-modal-header h3{margin:0;font-size:var(--text-xl);font-weight:700;color:var(--text-primary);flex:1;text-align:center;padding-left:32px;padding-right:32px}.formula-close-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-fast)}.formula-close-btn:hover{background:var(--bg-tertiary);border-color:var(--border-accent);color:var(--text-primary);transform:scale(1.1)}.formula-modal-content{padding:var(--space-6);padding-bottom:var(--space-8);overflow-y:auto;max-height:65vh}.formula-explanation{text-align:right;line-height:1.6}.formula-explanation h4{margin:var(--space-4) 0 var(--space-2) 0;font-size:var(--text-lg);font-weight:700;color:var(--primary-light)}.formula-explanation p{margin:var(--space-2) 0;color:var(--text-primary);font-size:var(--text-base)}.formula-explanation .formula-component{color:var(--text-primary);margin:var(--space-3) 0;padding:var(--space-2) var(--space-3);background:var(--bg-card);border-radius:var(--radius-md);border-left:3px solid var(--primary)}@media (max-width: 768px){.history-tabs{flex-direction:column}.history-tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.graph-container{padding:var(--space-2);overflow:visible}.performance-chart{width:100%;height:100%}.graph-stats{grid-template-columns:1fr;gap:var(--space-2)}.formula-modal{max-width:95vw;max-height:90vh;margin:var(--space-2)}.formula-modal-content{padding:var(--space-4);padding-bottom:var(--space-6);max-height:70vh}.formula-modal-overlay{padding:var(--space-2);align-items:flex-start;padding-top:var(--space-4);padding-bottom:var(--space-4)}}.feedback-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f0f23d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--space-4);animation:fadeIn .4s ease-out}@media (max-width: 768px){.feedback-overlay{padding:30px 15px;align-items:flex-start}}.feedback-modal{background:var(--bg-glass);border-radius:var(--radius-2xl);padding:var(--space-8);max-width:500px;width:100%;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border-primary);box-shadow:var(--shadow-xl),0 0 50px #10b98133;animation:slideUp .4s ease-out;position:relative;overflow:hidden}@media (max-width: 768px){.feedback-modal{padding:20px;margin:0 15px;max-width:calc(100vw - 30px);width:calc(100vw - 30px);max-height:calc(100vh - 60px);overflow-y:auto;display:flex;flex-direction:column}}.feedback-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-success);z-index:1}.feedback-header{text-align:center;margin-bottom:var(--space-6);position:relative}.feedback-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(16,185,129,.1) 0%,transparent 70%);pointer-events:none}.feedback-header h2{margin:0;font-size:var(--text-3xl);font-weight:900;background:var(--gradient-success);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.feedback-content{margin-bottom:var(--space-8)}.feedback-subtitle{text-align:center;margin-bottom:var(--space-6);color:var(--text-secondary);font-size:var(--text-lg);font-weight:600}.feedback-inputs-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.feedback-input-box{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.feedback-input-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-accent)}.feedback-label{color:var(--text-primary);font-weight:700;font-size:var(--text-sm);text-align:center;text-transform:uppercase;letter-spacing:.05em}.feedback-input{width:100%;padding:var(--space-3);border:2px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-glass);color:var(--text-primary);font-size:var(--text-lg);font-weight:700;text-align:center;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal);min-height:48px}.feedback-input:focus{outline:none;border-color:var(--success);box-shadow:var(--shadow-md),0 0 20px #10b9814d;transform:translateY(-1px);background:var(--bg-tertiary)}.feedback-input::placeholder{color:var(--text-muted);font-weight:600}.feedback-actions{display:flex;justify-content:center}.feedback-save-btn{padding:var(--space-4) var(--space-8);border:none;border-radius:var(--radius-xl);font-size:var(--text-lg);font-weight:700;cursor:pointer;background:var(--gradient-success);color:#fff;box-shadow:var(--shadow-lg);transition:all var(--transition-normal);position:relative;overflow:hidden;min-height:56px}.feedback-save-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.feedback-save-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl),0 0 25px #10b98166}@media (max-width: 768px){.feedback-modal{padding:20px!important;max-width:85vw!important;width:85vw!important;max-height:75vh!important;height:75vh!important}.feedback-header{margin-bottom:8px!important}.feedback-inputs-grid{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;grid-template-rows:auto!important;gap:10px!important;margin-bottom:16px!important}.feedback-input-box{padding:4px!important}.feedback-label{font-size:14px!important;margin-bottom:4px!important}.feedback-input{padding:8px!important;font-size:16px!important;min-height:40px!important}.feedback-content{margin-bottom:10px!important}.feedback-subtitle{font-size:16px!important;margin-bottom:12px!important}.feedback-save-btn{padding:12px 20px!important;font-size:18px!important;width:100%!important}.feedback-header h2{font-size:var(--text-xl)}.success-text h3,.improvement-text h3{font-size:18px!important;margin:0!important}.completion-circle{width:50px!important;height:50px!important}.completion-ratio{font-size:16px!important}.completion-label{font-size:12px!important}.info-recommendations{grid-template-columns:1fr 1fr 1fr;gap:var(--space-2);padding:var(--space-3)}.info-recommendation-box{flex-direction:column;justify-content:flex-start;align-items:center;padding:var(--space-2);min-height:70px}.info-recommendation-label{font-size:10px;top:4px}.info-recommendation-value{font-size:var(--text-base);margin-top:var(--space-3)}.feedback-content{margin-bottom:20px}.feedback-input-group{margin-bottom:12px}.feedback-label{font-size:14px;margin-bottom:6px}.feedback-input{padding:10px 12px;font-size:16px}.feedback-actions{flex-direction:column;gap:8px}.feedback-save-btn{width:100%;padding:14px 24px;font-size:16px}}@media (max-width: 480px){.feedback-modal{padding:12px;margin:5px;max-height:90vh}.feedback-header{margin-bottom:8px}.feedback-header h2{font-size:1.1em}.feedback-exercise-name{font-size:.9em;margin-bottom:8px}.feedback-content{margin-bottom:12px}.feedback-subtitle{font-size:13px;margin-bottom:8px}.feedback-inputs-grid{gap:6px;margin-bottom:12px}.feedback-input-box{padding:6px}.feedback-label{font-size:11px;margin-bottom:3px}.feedback-input{padding:6px 8px;min-height:36px}.feedback-actions{position:sticky;bottom:0;background:var(--bg-glass);padding:10px 0;margin:10px -12px -12px;border-top:1px solid var(--border-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10}.feedback-save-btn{width:100%!important;max-width:none!important;padding:12px 18px!important;font-size:15px!important;min-height:44px!important}.completion-circle{width:45px;height:45px}.completion-ratio{font-size:12px}.completion-label{font-size:9px}}.setup-progress{margin-bottom:12px;text-align:center;position:relative}.progress-text{color:#ffffffe6;font-size:13px;font-weight:500;margin-bottom:8px;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.5px}.progress-bar{width:100%;height:10px;background:linear-gradient(90deg,#333c,#4449);border-radius:10px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000004d,0 1px 2px #ffffff1a}.progress-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%)}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399,#6366f1);transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 0 10px #10b98166}.progress-fill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progressShine 2s infinite}@keyframes progressShine{0%{left:-100%}to{left:100%}}.setup-section{margin:var(--space-1) 0}.setup-section-title{font-size:var(--text-base);font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:var(--space-1);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.setup-recommendations{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.setup-recommendation-box{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-secondary);transition:all var(--transition-normal);min-height:80px;position:relative}.setup-recommendation-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-accent)}.setup-recommendation-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-align:center;position:absolute;top:6px;left:50%;transform:translate(-50%);white-space:nowrap;width:100%}.setup-recommendation-value{color:var(--text-primary);font-size:var(--text-lg);font-weight:900;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;line-height:1.2;margin-top:var(--space-4);width:100%}.setup-recommendation-value>span{text-align:center;width:100%}.setup-video-section{text-align:center;margin:15px 0}.setup-video-btn{background-color:#4caf50;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.setup-video-btn:hover{background-color:#45a049}.setup-inputs{display:flex;flex-direction:column;margin:var(--space-1) 0;padding:var(--space-2);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-radius:var(--radius-md);border:1px solid var(--border-accent);gap:var(--space-1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.setup-input-item{text-align:center;flex:1}.setup-input-label{color:var(--text-primary);font-size:var(--text-xs);margin-bottom:var(--space-1);font-weight:600;display:block;text-transform:uppercase;letter-spacing:.05em}.setup-input-field{width:100%;padding:var(--space-1) var(--space-2);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-glass);color:var(--text-primary);font-size:var(--text-sm);font-weight:600;text-align:center;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);min-height:32px}.setup-input-field:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-lg),0 0 20px #6366f14d;transform:translateY(-1px);background:var(--bg-card)}.setup-input-field::placeholder{color:var(--text-muted);font-weight:600}.setup-modal{display:flex!important;flex-direction:column!important;max-height:95vh!important;background:linear-gradient(145deg,#1e293bf2,#0f172afa,#1e293bf2)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:2px solid rgba(99,102,241,.2)!important;position:relative!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a!important}.setup-modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,#10b98114,#6366f10f,#ec48990a,#6366f10f,#10b98114);z-index:-1;border-radius:inherit;animation:shimmer 8s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:.8}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.exercise-title-container{display:flex;align-items:center;gap:var(--space-3);justify-content:center}.video-icon-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;font-size:18px;cursor:pointer;padding:var(--space-2);border-radius:50%;transition:all .3s ease;opacity:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4caf5066;color:#fff;line-height:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.video-icon-btn:hover{background:linear-gradient(135deg,#45a049,#388e3c);transform:scale(1.05);box-shadow:0 6px 16px #4caf5080}.video-icon-btn:active{transform:scale(.95)}.exercise-sets-info{font-size:var(--text-xs);color:var(--text-muted);text-align:center;margin-top:var(--space-1);font-weight:500}.setup-modal .info-content{flex:0 0 auto;overflow:visible;max-height:none;padding:var(--space-2) var(--space-3)}.setup-footer{margin-top:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--border-primary);background:var(--bg-card);flex-shrink:0}.setup-navigation{display:flex;gap:var(--space-4);justify-content:center;align-items:center;padding:0 var(--space-4)}.setup-nav-btn{padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:all var(--transition-normal);min-width:120px;min-height:44px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg)}.setup-nav-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.setup-nav-btn:hover:not(:disabled):before{left:100%}.setup-back-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.setup-back-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.setup-next-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);color:#fff;border:none;position:relative;overflow:hidden;box-shadow:0 4px 15px #6366f166,0 2px 4px #0000001a,inset 0 1px #fff3}.setup-next-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;border-radius:50%}.setup-next-btn:hover:not(:disabled):after{width:300px;height:300px}.setup-next-btn:hover:not(:disabled){background:linear-gradient(135deg,#5b21b6,#7c3aed,#9333ea);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #6366f180,0 4px 8px #0003,inset 0 1px #ffffff4d}.setup-start-btn{background:linear-gradient(135deg,#10b981,#059669,#047857);color:#fff;border:none;position:relative;overflow:hidden;box-shadow:0 4px 15px #10b98166,0 2px 4px #0000001a,inset 0 1px #fff3}.setup-start-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;border-radius:50%}.setup-start-btn:hover:not(:disabled):after{width:300px;height:300px}.setup-start-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857,#065f46);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #10b98180,0 4px 8px #0003,inset 0 1px #ffffff4d}.setup-nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.setup-nav-btn:disabled:before{display:none}.setup-video-btn{background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%);color:#fff;border:none}.setup-video-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl),0 0 25px #06b6d466}.setup-note{margin:var(--space-4) 0;padding:var(--space-4);background:linear-gradient(135deg,#10b9811a,#6366f10d);border-radius:var(--radius-xl);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.setup-note:before{content:"💡";position:absolute;top:var(--space-3);right:var(--space-3);font-size:var(--text-lg);opacity:.6}.setup-note-text{color:var(--text-primary);font-size:var(--text-base);line-height:1.6;text-align:right;font-weight:500;padding-right:var(--space-8)}@media (max-width: 768px){.setup-recommendations{margin:15px 0;padding:12px}.setup-recommendation-label{font-size:11px}.setup-recommendation-value{font-size:14px}.setup-video-btn{padding:10px 20px;font-size:14px}.setup-section{margin:var(--space-4) 0}.setup-section-title{font-size:var(--text-lg);margin-bottom:var(--space-3)}.setup-recommendations{grid-template-columns:1fr 1fr 1fr;gap:var(--space-2);padding:var(--space-3)}.setup-recommendation-box{flex-direction:column;justify-content:flex-start;align-items:center;padding:var(--space-2);min-height:70px}.setup-recommendation-label{font-size:10px;top:4px}.setup-recommendation-value{font-size:var(--text-base);margin-top:var(--space-3)}.setup-inputs{margin:var(--space-3) 0;padding:var(--space-3);gap:var(--space-2)}.setup-input-label{font-size:var(--text-xs)}.setup-input-field{padding:var(--space-2) var(--space-2);font-size:16px;min-height:44px}.setup-note{margin:var(--space-3) 0;padding:var(--space-3)}.setup-note-text{font-size:var(--text-sm);padding-right:var(--space-6)}.setup-modal{max-height:90vh!important;height:auto!important;width:90vw!important;max-width:400px!important;margin:5vh auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.setup-modal .info-content{overflow:visible!important;max-height:none!important;padding:var(--space-2) var(--space-3);flex:0 0 auto}.setup-footer{flex-shrink:0!important;position:sticky!important;bottom:0!important;background:var(--bg-card)!important;border-top:1px solid var(--border-primary)!important;z-index:10!important}.setup-footer{padding:var(--space-4) 0;margin-top:0!important}.setup-navigation{flex-direction:row;gap:var(--space-3);padding:0 var(--space-3)}.setup-nav-btn{flex:1;padding:var(--space-3) var(--space-4);font-size:16px;min-height:48px;min-width:100px}}@media (max-width: 480px){.setup-modal{max-height:95vh!important;height:auto!important;width:95vw!important;max-width:380px!important;margin:2.5vh auto!important;border-radius:var(--radius-lg)!important}.setup-modal .info-content{padding:var(--space-1) var(--space-2)}.setup-recommendations{grid-template-columns:1fr 1fr 1fr;gap:var(--space-1);padding:var(--space-2)}.setup-recommendation-box{padding:var(--space-1);min-height:60px}.setup-recommendation-label{font-size:9px}.setup-recommendation-value{font-size:12px}.setup-inputs{gap:var(--space-1);padding:var(--space-2)}.setup-input-field{padding:var(--space-2);font-size:16px;min-height:44px}.setup-nav-btn{padding:var(--space-2) var(--space-3);font-size:14px;min-height:44px}.setup-navigation{padding:0 var(--space-2);gap:var(--space-2)}.setup-footer{padding:var(--space-3) 0}}.feedback-modal{background:var(--bg-glass);border-radius:20px;box-shadow:0 25px 80px #00000026,0 0 50px #6366f11a,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);animation:modalSlideIn .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden;position:relative;max-width:500px;width:90%}.feedback-modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#6366f10d,#8b5cf60d);pointer-events:none}.feedback-header{text-align:center;padding:var(--space-6) var(--space-6) var(--space-4) var(--space-6);position:relative}.completion-status{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-4);border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.completion-status.success{background:linear-gradient(135deg,#22c55e33,#10b9811a);border:1px solid rgba(34,197,94,.3);box-shadow:0 8px 32px #22c55e1a}.completion-status.needs-improvement{background:linear-gradient(135deg,#fb923c33,#f973161a);border:1px solid rgba(251,146,60,.3);box-shadow:0 8px 32px #fb923c1a}.completion-circle{width:80px;height:80px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-primary);font-weight:900;position:relative;overflow:hidden}.completion-status.success .completion-circle{background:linear-gradient(135deg,#22c55e,#10b981);box-shadow:0 8px 25px #22c55e66,inset 0 1px #fff3}.completion-status.needs-improvement .completion-circle{background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 8px 25px #fb923c66,inset 0 1px #fff3}.completion-circle:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}.completion-ratio{font-size:var(--text-lg);font-weight:900;line-height:1}.completion-label{font-size:var(--text-xs);font-weight:600;opacity:.9}.status-message{flex:1;text-align:left}.success-text h3,.improvement-text h3{margin:0 0 var(--space-1) 0;font-size:var(--text-lg);font-weight:700}.success-text h3{color:#22c55e;text-shadow:0 0 10px rgba(34,197,94,.3)}.improvement-text h3{color:#fb923c;text-shadow:0 0 10px rgba(251,146,60,.3)}.success-text p,.improvement-text p{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.4}.feedback-header h2{color:var(--text-primary);font-size:var(--text-xl);font-weight:700;margin:0 0 var(--space-2) 0;text-shadow:0 2px 10px rgba(0,0,0,.1)}.feedback-exercise-name{color:var(--text-primary);font-size:var(--text-xl);font-weight:700;text-align:center;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.1);background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feedback-content{padding:0 var(--space-6) var(--space-4) var(--space-6)}.feedback-subtitle{color:var(--text-secondary);font-size:var(--text-base);font-weight:600;text-align:center;margin-bottom:var(--space-4)}.feedback-inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3)}.feedback-input-box{position:relative}.feedback-label{display:block;color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2)}.feedback-input{width:100%;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:10px;padding:var(--space-3);color:var(--text-primary);font-size:var(--text-base);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feedback-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;background:var(--bg-tertiary)}.feedback-input::placeholder{color:var(--text-muted)}.feedback-actions{padding:var(--space-4) var(--space-6) var(--space-6) var(--space-6);text-align:center}.feedback-save-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:25px;padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #4f46e54d,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.feedback-save-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.feedback-save-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #4f46e566,inset 0 1px #ffffff1a}.feedback-save-btn:hover:before{left:100%}.suggestion{font-size:var(--text-sm);color:#4ecdc4;font-weight:500;margin-top:var(--space-1);text-align:center;animation:fadeIn .6s ease-out}.feedback-save-btn.success{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;border-radius:25px;padding:var(--space-4) var(--space-8);font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #4ecdc44d}.feedback-save-btn.improvement{background:linear-gradient(135deg,#ff9a56,#ff6b6b);color:#fff;border:none;border-radius:25px;padding:var(--space-4) var(--space-8);font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #ff9a564d}.set-card.set-success{border-left:4px solid #4ecdc4;background:linear-gradient(135deg,#4ecdc41a,#44a08d0d);box-shadow:0 4px 15px #4ecdc433;animation:slideInUp .6s ease-out}.set-card.set-incomplete{border-left:4px solid #ff9a56;background:linear-gradient(135deg,#ff9a561a,#ff6b6b0d);box-shadow:0 4px 15px #ff9a5633;animation:slideInUp .6s ease-out}.set-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.set-status-indicator.success{color:#4ecdc4;font-size:var(--text-lg);animation:bounce 2s ease-in-out infinite}.set-status-indicator.incomplete{color:#ff9a56;font-size:var(--text-lg);animation:pulse 2s ease-in-out infinite}.data-item.success{background:#4ecdc41a;border-radius:6px;padding:var(--space-1) var(--space-2);margin-bottom:var(--space-1);border-left:3px solid #4ecdc4}.data-item.incomplete{background:#ff9a561a;border-radius:6px;padding:var(--space-1) var(--space-2);margin-bottom:var(--space-1);border-left:3px solid #ff9a56}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.sets-completion-display{padding:var(--space-4)}.completion-circle{width:100px;height:100px}.completion-ratio{font-size:var(--text-xl)}.completion-percentage{font-size:var(--text-base)}}.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-modal{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-xl);width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-primary)}.video-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-10) var(--space-4) var(--space-4) var(--space-4);border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.video-modal-title{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary);text-align:right}.video-modal-close{background:none;border:none;color:var(--text-secondary);font-size:var(--text-xl);cursor:pointer;padding:var(--space-2);border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.video-modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.1)}.video-modal-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--bg-primary)}.video-container{position:relative;width:100%;max-width:800px;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-lg)}.video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:8px}.video-error{text-align:center;padding:var(--space-8);color:var(--text-secondary)}.video-error p{margin-bottom:var(--space-4);font-size:var(--text-lg)}.video-external-btn{background:var(--gradient-primary);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:8px;font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.video-external-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.video-modal-footer{padding:var(--space-4);border-top:1px solid var(--border-primary);background:var(--bg-secondary);display:flex;justify-content:center}.video-app-btn{background:var(--gradient-danger);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:8px;font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--space-2)}.video-app-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#ff4757,#ff3742)}@media (max-width: 768px){.video-modal-overlay{padding:var(--space-2)}.video-modal{max-width:100%;max-height:95vh;border-radius:8px}.video-modal-header{padding:var(--space-3)}.video-modal-title{font-size:var(--text-base)}.video-modal-content{padding:var(--space-3)}.video-container{aspect-ratio:16/9}.video-modal-footer{padding:var(--space-3)}.video-app-btn{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}}@media (max-width: 480px){.video-modal-overlay{padding:var(--space-1)}.video-modal{border-radius:6px}.video-modal-header{padding:var(--space-2)}.video-modal-title{font-size:var(--text-sm)}.video-modal-content{padding:var(--space-2)}.video-container{border-radius:6px}.video-app-btn{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}}:root{--text-direction: var(--text-direction)}[dir=rtl],[dir=ltr]{--text-direction: var(--text-direction)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;position:sticky;top:0;z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border-primary)}[dir=rtl] .app-header{flex-direction:row-reverse}.app{width:100%;height:100vh;height:100dvh;margin:0;padding:0;box-sizing:border-box;background:var(--gradient-bg, linear-gradient(135deg, #667eea 0%, #764ba2 100%))}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh;height:100dvh;margin:0;padding:0;box-sizing:border-box;background:var(--gradient-bg, linear-gradient(135deg, #667eea 0%, #764ba2 100%))}