.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 (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-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:9998;opacity:0;transition:opacity .3s ease}.mobile-install-modal-overlay.visible{opacity:1}.mobile-install-modal{position:fixed;bottom:-100%;left:0;right:0;background:#fff;border-radius:24px 24px 0 0;padding:24px;z-index:9999;transition:bottom .3s ease;box-shadow:0 -4px 24px #00000026;max-height:80vh;overflow-y:auto}.mobile-install-modal.visible{bottom:0}.mobile-install-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:32px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1}.mobile-install-modal-close:hover{color:#333}.mobile-install-modal-content{padding-top:16px}.mobile-install-modal-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 12px;text-align:center}.mobile-install-modal-description{font-size:16px;color:#666;margin:0 0 32px;text-align:center;line-height:1.5}.mobile-install-modal-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.mobile-install-modal-button{display:flex;align-items:center;gap:12px;padding:14px 20px;border:1px solid #ddd;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:left}.mobile-install-modal-button:hover{background:#f5f5f5;border-color:#bbb;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.mobile-install-modal-button:active{transform:translateY(0)}.button-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.button-icon svg{width:32px;height:32px}.app-store .button-icon{color:#000}.play-store .button-icon{color:#3bccff}.button-text{display:flex;flex-direction:column;gap:2px}.button-subtitle{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px}.button-title{font-size:18px;font-weight:600;color:#1a1a1a}.mobile-install-modal-continue{width:100%;padding:14px 20px;border:none;border-radius:12px;background:transparent;color:#666;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.mobile-install-modal-continue:hover{color:#333;background:#f5f5f5}@media (min-width: 768px){.mobile-install-modal{left:50%;transform:translate(-50%);max-width:480px;border-radius:24px}.mobile-install-modal.visible{bottom:40px}}.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}.app{width:100%;min-height:100vh;margin:0;padding:0}.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){padding:0;background:#000000f2}@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}.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}@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}}.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}}.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}@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}.sticky-header-container{position:sticky;top:0;z-index:100;background:var(--bg-primary);box-shadow:0 2px 8px #0000001a}.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-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}.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;pointer-events:none}.step-item:hover .drag-handle{color:var(--primary)}.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-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:grab;transition:var(--transition-base)}.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:grab}.superset-header-draggable:hover{cursor:grabbing}.superset-content-draggable{cursor:grab}.superset-content-draggable:hover{cursor:grabbing}.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)}.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: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);text-align:right;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:var(--text-primary);font-size:var(--font-size-base)}.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:right;font-family:var(--font-family-sans);background:var(--bg-card)}.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-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}@media (min-width: 1024px){.training-container{max-width:60%;margin-left:auto;margin-right:auto;width:100%}}.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);text-align:right}.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);text-align:right;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: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:var(--space-2) 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:100vw;max-width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;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:1;min-height:180px;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)}.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%}@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}}.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:flex-start;z-index:1000;padding:2rem 1rem;overflow-y:auto;animation:fadeIn .4s ease-out}.info-modal{background:var(--bg-glass, rgba(20, 20, 40, .95));border:1px solid var(--border-primary, rgba(255, 255, 255, .1));border-radius:24px;width:95vw;max-width:1200px;min-height:92vh;max-height:none;overflow:visible;position:relative;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;animation:slideUp .4s ease-out}.info-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#10b981,#ec4899);z-index:1}.info-header{background:var(--bg-card, rgba(30, 30, 50, .9));padding:1rem;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--border-primary, rgba(255, 255, 255, .1));position:relative}.info-header h2{margin:0;font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#10b981,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.info-close-btn{position:absolute;top:.5rem;background:var(--bg-secondary, rgba(40, 40, 60, .8));border:1px solid var(--border-primary, rgba(255, 255, 255, .1));color:var(--text-secondary, #a0a0a0);font-size:1rem;cursor:pointer;padding:.25rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}[dir=rtl] .info-close-btn{right:.5rem}[dir=ltr] .info-close-btn{left:.5rem}.info-close-btn:hover{background:var(--bg-tertiary, rgba(60, 60, 80, .9));border-color:var(--border-accent, rgba(99, 102, 241, .4));color:var(--text-primary, #ffffff);transform:scale(1.1)}.back-button{position:absolute;left:3.5rem;background:none;border:none;color:var(--text-primary, #ffffff);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.back-button:hover{background-color:#6366f11a}[dir=rtl] .back-button{left:auto;right:3.5rem}.edit-button{position:absolute;left:1.25rem;background:none;border:none;color:#4caf50;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}[dir=rtl] .edit-button{left:auto;right:1.25rem}.info-exercise-name{padding:.5rem;font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#10b981,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;border-bottom:1px solid var(--border-primary, rgba(255, 255, 255, .1));position:relative}.info-exercise-name:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(135deg,#10b981,#6366f1);border-radius:9999px}.info-content{padding:1.5rem;overflow:visible;flex:1;display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){.info-overlay{padding:1rem .5rem}.info-modal{width:100%;min-height:95vh;border-radius:16px}.info-content{padding:1rem}}@media (max-width: 480px){.info-overlay{padding:.5rem .25rem}.info-modal{border-radius:12px}.info-content{padding:.75rem}}.no-history{padding:2.5rem 1.25rem;text-align:center;color:var(--text-secondary, #a0a0a0)}.no-history p{margin:.625rem 0}.history-tabs-container{display:flex;flex-direction:column;height:100%}.history-tabs{display:flex;border-bottom:1px solid var(--border-primary, rgba(255, 255, 255, .1));background:var(--bg-card, rgba(30, 30, 50, .9))}.history-tab{flex:1;padding:1rem;background:none;border:none;color:var(--text-secondary, #a0a0a0);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent}.history-tab:hover{color:var(--text-primary, #ffffff);background:#6366f10d}.history-tab.active{color:var(--primary, #6366f1);border-bottom-color:var(--primary, #6366f1);background:#6366f11a}.history-tab-content{flex:1;overflow-y:auto;padding:0}.history-list-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:.75rem;padding:1rem 1.5rem;background:var(--bg-card, rgba(30, 30, 50, .9));font-weight:800;color:var(--text-secondary, #a0a0a0);font-size:.875rem;border-bottom:1px solid var(--border-primary, rgba(255, 255, 255, .1));text-transform:uppercase;letter-spacing:.05em}.history-entry{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-primary, rgba(255, 255, 255, .1));color:var(--text-primary, #ffffff);font-size:1rem;transition:all .2s;position:relative}.history-entry.clickable-date{cursor:pointer;border:1px solid transparent;border-radius:.5rem;background:linear-gradient(145deg,#6366f108,#10b98105)}.history-entry.clickable-date:hover{background:linear-gradient(145deg,#6366f114,#10b9810d);transform:translate(-4px) translateY(-2px);box-shadow:0 8px 16px #0000004d;border-color:#6366f133}.detailed-history-view{padding:1rem}.detailed-date{text-align:center;font-size:1.125rem;font-weight:600;color:var(--text-primary, #ffffff);margin-bottom:1rem;padding:.75rem;background:var(--bg-card, rgba(30, 30, 50, .9));border-radius:.5rem}.workout-summary{display:flex;gap:1rem;margin-bottom:1.5rem}.summary-item{flex:1;padding:.75rem;background:var(--bg-card, rgba(30, 30, 50, .9));border-radius:.5rem;border:1px solid var(--border-primary, rgba(255, 255, 255, .1));text-align:center}.summary-label{display:block;font-size:.75rem;color:var(--text-secondary, #a0a0a0);margin-bottom:.25rem;text-transform:uppercase}.summary-value{font-size:1.25rem;font-weight:700;color:var(--text-primary, #ffffff)}.summary-value.success{color:var(--success, #10b981)}.summary-value.warning{color:var(--warning, #f59e0b)}.sets-details h4{font-size:1.125rem;margin-bottom:1rem;color:var(--text-primary, #ffffff)}.sets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}.set-card{padding:1rem;background:var(--bg-card, rgba(30, 30, 50, .9));border-radius:.5rem;border:1px solid var(--border-primary, rgba(255, 255, 255, .1))}.set-card.set-success{border-color:var(--success, #10b981);background:#10b9810d}.set-card.set-incomplete{border-color:var(--warning, #f59e0b);background:#f59e0b0d}.set-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.set-number{font-weight:600;color:var(--text-primary, #ffffff)}.set-status-indicator{font-size:1.25rem}.set-data{display:flex;flex-direction:column;gap:.5rem}.data-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#ffffff08;border-radius:.25rem}.data-label{font-size:.875rem;color:var(--text-secondary, #a0a0a0)}.data-value{font-weight:600;color:var(--text-primary, #ffffff)}.target-comparison{font-size:.75rem;color:var(--text-muted, #707070);margin-left:.5rem}.no-sets-data{text-align:center;padding:2rem;color:var(--text-secondary, #a0a0a0)}.legacy-data{margin-top:1rem;padding:.75rem;background:var(--bg-card, rgba(30, 30, 50, .9));border-radius:.5rem}.simple-workout-graph{width:100%;padding:1rem;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:1rem}.graph-header{text-align:center;margin-bottom:1rem}.graph-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.graph-legend{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.legend-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}.legend-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.legend-color{width:12px;height:12px;border-radius:50%;border:2px solid white}.weight-color{background-color:#f59e0b;color:#f59e0b}.reps-color{background-color:#3b82f6;color:#3b82f6}.rest-color{background-color:#10b981;color:#10b981}.graph-container{width:100%;height:auto;margin-bottom:1rem;overflow:hidden}.workout-chart{width:100%;height:auto;display:block}.graph-note{margin-top:.75rem;padding:.5rem;text-align:center}.graph-note p{margin:0;font-size:.75rem;color:var(--text-secondary);opacity:.8;font-style:italic}.current-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.value-item{display:flex;flex-direction:column;align-items:center;text-align:center}.value-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem;font-weight:500}.value-number{font-size:1.25rem;font-weight:700;line-height:1}.no-data-message{text-align:center;padding:2rem 1rem;color:var(--text-secondary)}.no-data-message p{margin:.5rem 0}.no-data-subtitle{font-size:.875rem;opacity:.8}@media (max-width: 480px){.simple-workout-graph{padding:.75rem}.graph-header h3{font-size:1rem}.graph-legend{gap:.75rem}.legend-item{font-size:.8rem}.legend-color{width:10px;height:10px}.current-values{grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.75rem}.value-label{font-size:.7rem}.value-number{font-size:1rem}.graph-note p{font-size:.7rem}}@media (max-width: 360px){.current-values{grid-template-columns:1fr;gap:.5rem}.value-item{flex-direction:row;justify-content:space-between;text-align:left}.value-label{margin-bottom:0}}@media (prefers-color-scheme: dark){.legend-color{border-color:var(--bg-card)}}@media (prefers-contrast: high){.simple-workout-graph{border:2px solid var(--border-primary)}.legend-color{border-width:3px}}@media (prefers-reduced-motion: reduce){.workout-chart{transition:none}}.detailed-history-view{padding:var(--space-4, 1rem);overflow-y:auto;max-height:calc(100vh - 200px)}.back-to-list-button{background:var(--bg-secondary, #2a2a2a);color:var(--text-primary, #fff);border:1px solid var(--border-primary, #444);padding:.5rem 1rem;border-radius:var(--radius-md, 8px);font-size:var(--text-sm, .875rem);font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:var(--space-4, 1rem);display:inline-flex;align-items:center;gap:.5rem}.back-to-list-button:hover{background:var(--bg-hover, #3a3a3a);transform:translate(-2px)}.detailed-date{font-size:var(--text-lg, 1.125rem);font-weight:700;color:var(--text-primary, #fff);text-align:center;margin-bottom:var(--space-4, 1rem);padding-bottom:var(--space-3, .75rem);border-bottom:1px solid var(--border-primary, #444)}.workout-summary{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4, 1rem);margin-bottom:var(--space-6, 1.5rem);padding:var(--space-4, 1rem);background:var(--bg-card, #2a2a2a);border-radius:var(--radius-xl, 12px);border:1px solid var(--border-primary, #444)}.summary-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1, .25rem)}.summary-label{font-size:var(--text-sm, .875rem);color:var(--text-secondary, #ccc);font-weight:600}.summary-value{font-size:var(--text-xl, 1.25rem);font-weight:800;color:var(--text-primary, #fff)}.summary-value.success{color:var(--success, #4CAF50)}.summary-value.warning{color:var(--warning, #ff9800)}.sets-details{margin-top:var(--space-6, 1.5rem)}.sets-details h4{margin:0 0 var(--space-4, 1rem) 0;font-size:var(--text-lg, 1.125rem);font-weight:800;color:var(--text-primary, #fff);text-align:center}.sets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4, 1rem);margin-top:var(--space-4, 1rem)}.set-card{background:var(--bg-card, #2a2a2a);border:1px solid var(--border-primary, #444);border-radius:var(--radius-lg, 10px);padding:var(--space-4, 1rem);transition:all .2s;position:relative;overflow:hidden}.set-card.set-success{border-color:var(--success, #4CAF50);background:#10b9810d}.set-card.set-incomplete{border-color:var(--warning, #ff9800);background:#f59e0b0d}.set-card:hover{background:var(--bg-glass, #333);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.set-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3, .75rem);padding-bottom:var(--space-2, .5rem);border-bottom:1px solid var(--border-primary, #444)}.set-number{font-size:var(--text-base, 1rem);font-weight:700;color:var(--text-primary, #fff)}.set-status-indicator{font-size:var(--text-lg, 1.125rem);display:flex;align-items:center;justify-content:center;width:24px;height:24px}.set-status-indicator.success{color:var(--success, #4CAF50)}.set-status-indicator.incomplete{color:var(--warning, #ff9800)}.set-data{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.data-item{display:flex;flex-direction:column;gap:var(--space-1, .25rem);padding:var(--space-2, .5rem);border-radius:var(--radius-md, 8px);transition:all .2s}.data-item.success{background:#10b9811a;border-left:3px solid var(--success, #4CAF50)}.data-item.incomplete{background:#f59e0b1a;border-left:3px solid var(--warning, #ff9800)}.data-item.no-data{background:#64748b1a;border-left:3px solid var(--text-muted, #888);justify-content:center;align-items:center;font-style:italic}.data-label{font-size:var(--text-sm, .875rem);color:var(--text-secondary, #ccc);font-weight:600}.data-value{font-size:var(--text-base, 1rem);font-weight:700;color:var(--text-primary, #fff)}.target-comparison{font-size:var(--text-xs, .75rem);color:var(--text-muted, #888);font-weight:500;margin-top:var(--space-1, .25rem)}.no-sets-data{text-align:center;padding:var(--space-6, 1.5rem);color:var(--text-muted, #888);background:var(--bg-card, #2a2a2a);border-radius:var(--radius-lg, 10px);border:1px solid var(--border-primary, #444)}.no-sets-data p{margin:0 0 var(--space-3, .75rem) 0;font-size:var(--text-base, 1rem)}.legacy-data{display:inline-block;margin:var(--space-1, .25rem) var(--space-2, .5rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);background:var(--bg-glass, #333);border-radius:var(--radius-md, 8px);font-size:var(--text-sm, .875rem);color:var(--text-secondary, #ccc)}@media (max-width: 768px){.workout-summary{grid-template-columns:1fr;gap:var(--space-3, .75rem)}.sets-grid{grid-template-columns:1fr}}@media (max-width: 480px){.sets-details h4{font-size:var(--text-base, 1rem)}.set-card{padding:var(--space-3, .75rem)}.set-number,.data-label,.data-value{font-size:var(--text-sm, .875rem)}}.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: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{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)}.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)}.detail-icon{font-size:1.5rem;min-width:32px;text-align:center}.detail-text{flex:1;color:var(--text-primary);font-size:1rem}.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{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.plan-selector-section{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:var(--shadow-sm)}.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:center!important;align-items:center!important;grid-template-columns:none!important;grid-template-rows:none!important;gap:0!important;justify-items:unset!important;padding:0 1rem!important;border-bottom:1px solid var(--border-primary);transition:all .2s;min-height:48px!important;max-height:48px!important;height:48px!important;width:100%!important;box-sizing:border-box!important;text-align:center!important}.exercise-row:last-child{border-bottom:none}.exercise-row.clickable{cursor:pointer}.exercise-row.clickable:hover{background:#6366f11a;transform:translate(2px)}.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;text-align:center!important}.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: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}}.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)}.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:var(--space-4);margin-right:var(--space-4);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);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);font-family:var(--font-family-sans);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)}.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)}}@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,.trainee-form{padding:var(--space-4)}.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{height:100vh;background:var(--gradient-bg);font-family:var(--font-family-sans);display:flex;flex-direction:column;overflow:hidden}.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);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}.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}.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)}.dashboard-main{padding:var(--space-3) 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{background:var(--bg-card);border-top:1px solid var(--border-primary);padding:0;flex-shrink:0;box-shadow:var(--shadow-lg);width:100%}.nav-cards{display:flex;gap:0;width:100%;margin:0}.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}.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)}}.plan-upgrade-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:20px}.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}}.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}@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)}}.training-selection{animation:fadeInFromSkeleton .8s ease-out}.training-buttons{animation:slideUpFromSkeleton .6s ease-out}.training-button{animation:scaleInFromSkeleton .5s ease-out;animation-fill-mode:both}.training-button:nth-child(1){animation-delay:.1s}.training-button:nth-child(2){animation-delay:.2s}.training-button:nth-child(3){animation-delay:.3s}.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 slideUpFromSkeleton{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@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}}.training-button{transition:all .3s ease}.training-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #00000026}.green-button{transition:all .3s ease}.green-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}[dir=rtl] .training-selection,[dir=rtl] .training-buttons,[dir=rtl] .training-button,[dir=rtl] .green-button{animation-direction:normal}.fullscreen-loader{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;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:#fff;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 rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-message,.feedback-label,.feedback-input{text-align:center!important}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:800px;width:90vw;height:95vh;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}.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:#ffffff0d;border-radius:var(--radius-md);padding:var(--space-3);border:1px solid rgba(255,255,255,.1);-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;text-overflow:ellipsis;white-space:nowrap}.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:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text-primary);min-height:32px;max-width:90px}.superset-input:focus{outline:none;border-color:var(--color-primary);background:#ffffff26}@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}}.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;display:flex;justify-content:space-between;align-items:center;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fullscreen-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary, #ffffff);text-align:center;flex:1}.fullscreen-close-btn{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{order:-1}.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}.fullscreen-title{font-size:1.25rem}.fullscreen-content{padding:1rem;gap:1rem}}@media (max-width: 480px){.fullscreen-header{padding:.5rem}.fullscreen-title{font-size:1.1rem}.fullscreen-content{padding:.75rem;gap:.75rem}}.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-title{text-align:right!important}[dir=ltr] .personal-notes-title{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}.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%}}.training-step-bar-container{width:100%;padding:var(--space-4) var(--space-3);display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#6366f11a,#ff6b6b14,#00d4aa0f,#ffc10714,#9c27b01a);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:25px;margin:var(--space-2) 0;border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 40px #00000026,0 0 60px #6366f11a,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.training-step-bar-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);pointer-events:none}.training-step-bar{width:100%;max-width:100%;display:flex;flex-direction:column;gap:var(--space-4);align-items:center}.training-step-row{display:flex;align-items:center;gap:var(--space-3);width:100%;justify-content:space-between}.training-step{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex:1;max-width:100px;min-width:70px;position:relative}.training-step:hover{transform:translateY(-3px)}.training-step:hover .step-circle{transform:scale(1.1);box-shadow:0 8px 25px #00000026}.training-step .step-circle{width:50px;height:50px;border-radius:50%;background:var(--bg-secondary);border:3px solid var(--border-primary);margin-bottom:var(--space-2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.step-number{font-size:18px;font-weight:700;color:var(--text-primary);z-index:1;background:transparent!important}.training-step.current .step-number,.training-step.completed .step-number{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.4);font-weight:800;background:transparent!important}.training-step.pending .step-circle{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border-color:#8b5cf6!important;box-shadow:0 4px 15px #6366f166!important}.training-step.pending .step-number{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.4);font-weight:800}.training-step.current .step-circle{background:#ff9800!important;background-image:linear-gradient(135deg,#ff9800,#ff6b00)!important;border-color:#fff!important;border-width:4px!important;box-shadow:0 4px 15px #0003,0 0 20px #ff9800cc,0 0 40px #ff6b0099!important;transform:scale(1.15)!important;position:relative;overflow:hidden}.training-step.current .step-circle:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite;pointer-events:none}@keyframes rainbow-pulse{0%{box-shadow:0 0 30px #0000004d,0 0 50px #ff6b3599,0 0 80px #3b82f666;transform:scale(1.12)}to{box-shadow:0 0 40px #0006,0 0 70px #ff6b35cc,0 0 100px #3b82f699;transform:scale(1.18)}}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.training-step.completed .step-circle{background:#22c55e!important;background-image:linear-gradient(135deg,#22c55e,#10b981)!important;border-color:#fff!important;border-width:4px!important;box-shadow:0 4px 25px #0003,0 0 30px #22c55ecc,0 0 50px #10b98199!important;transform:scale(1.08)!important;animation:success-glow 2s ease-in-out infinite alternate}@keyframes success-glow{0%{box-shadow:0 4px 25px #0003,0 0 30px #22c55ecc,0 0 50px #10b98199}to{box-shadow:0 4px 30px #00000040,0 0 40px #22c55e,0 0 60px #10b981cc}}.checkmark{color:#fff;font-size:22px;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 10px rgba(255,255,255,.3);animation:checkmark-appear .6s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 0 8px rgba(255,255,255,.4))}@keyframes checkmark-appear{0%{opacity:0;transform:scale(.3) rotate(-180deg)}50%{opacity:1;transform:scale(1.3) rotate(0)}to{opacity:1;transform:scale(1) rotate(0)}}.progress-ring{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.progress-svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg{fill:none;stroke:#fff6;stroke-width:3}.progress-fill{fill:none;stroke:url(#progressGradient);stroke-width:4;stroke-linecap:round;transition:stroke-dasharray .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 6px rgba(255,255,255,.6))}.step-label{text-align:center;width:100%}.muscle-group{font-size:11px;font-weight:700;color:var(--text-primary);line-height:1.2;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-shadow:0 1px 2px rgba(0,0,0,.1);transition:all .3s ease}.training-step.current .muscle-group{color:#fff;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 10px rgba(255,107,53,.8),0 0 15px rgba(59,130,246,.6);animation:rainbow-text-glow 2s ease-in-out infinite alternate}@keyframes rainbow-text-glow{0%{text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 10px rgba(255,107,53,.8),0 0 15px rgba(59,130,246,.6)}to{text-shadow:0 2px 6px rgba(0,0,0,.6),0 0 15px rgba(255,107,53,1),0 0 20px rgba(59,130,246,.8),0 0 25px rgba(6,255,165,.6)}}.training-step.completed .muscle-group{color:#fff;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.4),0 0 8px rgba(0,212,170,.8);animation:success-text-glow 2s ease-in-out infinite alternate}@keyframes success-text-glow{0%{text-shadow:0 2px 4px rgba(0,0,0,.4),0 0 8px rgba(0,212,170,.8)}to{text-shadow:0 2px 6px rgba(0,0,0,.5),0 0 12px rgba(0,212,170,1),0 0 16px rgba(0,184,148,.8)}}@media (max-width: 480px){.training-step-bar-container{padding:var(--space-3) var(--space-2);border-radius:15px}.training-step-row{gap:var(--space-2)}.training-step .step-circle{width:45px;height:45px}.muscle-group{font-size:10px}.training-step{min-width:60px;max-width:80px}}@media (max-width: 360px){.training-step .step-circle{width:40px;height:40px}.muscle-group{font-size:9px}.training-step{min-width:55px;max-width:70px}}@media (min-width: 768px){.training-step-bar-container{padding:var(--space-5) var(--space-4)}.training-step .step-circle{width:55px;height:55px}.muscle-group{font-size:12px}.training-step{max-width:120px}}[dir=rtl] .training-step-row{flex-direction:row-reverse}[dir=rtl] .training-step{text-align:center}.training-step:focus{outline:2px solid var(--muscle-primary);outline-offset:2px}.training-step:focus .step-circle{transform:scale(1.05)!important}.training-step{animation:step-appear .6s ease-out}@keyframes step-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.training-step:nth-child(1){animation-delay:.1s}.training-step:nth-child(2){animation-delay:.2s}.training-step:nth-child(3){animation-delay:.3s}.training-step:nth-child(4){animation-delay:.4s}.training-step:nth-child(5){animation-delay:.5s}.training-step:nth-child(6){animation-delay:.6s}.training-step:nth-child(7){animation-delay:.7s}.training-step-row:has(.training-step:nth-child(4):last-child){justify-content:space-around}.training-step-row:has(.training-step:nth-child(3):last-child){justify-content:space-around}.training-step-row:has(.training-step:nth-child(2):last-child){justify-content:center;gap:var(--space-6)}.training-step-row:has(.training-step:nth-child(1):last-child){justify-content:center}.superset-group-container{display:flex;flex-direction:column;align-items:center;background:transparent;border:3px solid #7c3aed;border-radius:16px;padding:10px 12px;gap:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;box-shadow:0 4px 12px #7c3aed33}.superset-group-container:hover{transform:translateY(-4px);box-shadow:0 8px 24px #7c3aed26}.superset-group-circles{display:flex;align-items:center;justify-content:center;gap:0;position:relative;padding:4px 0}.superset-circle-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .3s ease;position:relative;z-index:2}.superset-circle-item:hover{transform:translateY(-3px)}.superset-circle-item:hover .step-circle{transform:scale(1.1)}.superset-circle-item .step-circle{width:50px;height:50px;border-radius:50%;background:var(--bg-secondary);border:3px solid var(--border-primary);margin-bottom:var(--space-2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.superset-circle-item .step-number{font-size:18px;font-weight:700;color:var(--text-primary);z-index:1}.superset-circle-item.pending .step-circle{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border-color:#8b5cf6!important;box-shadow:0 4px 15px #6366f166!important}.superset-circle-item.pending .step-number{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.4);font-weight:800}.superset-circle-item.current .step-circle{background:#ff9800!important;background-image:linear-gradient(135deg,#ff9800,#ff6b00)!important;border-color:#fff!important;border-width:4px!important;box-shadow:0 4px 15px #0003,0 0 20px #ff9800cc,0 0 40px #ff6b0099!important;transform:scale(1.15)!important;position:relative}.superset-circle-item.current .step-circle:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite;pointer-events:none}.superset-circle-item.current .step-number{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.5);font-weight:900;z-index:1}.superset-circle-item.completed .step-circle{background:#22c55e!important;background-image:linear-gradient(135deg,#22c55e,#10b981)!important;border-color:#fff!important;border-width:4px!important;box-shadow:0 4px 25px #0003,0 0 30px #22c55ecc,0 0 50px #10b98199!important;transform:scale(1.08)!important;animation:success-glow 2s ease-in-out infinite alternate}.superset-circle-item.completed .step-number{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.5);font-weight:900;z-index:1}.superset-circle-item .checkmark-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:checkPop .4s ease-out;z-index:3}@keyframes checkPop{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.15)}to{transform:translate(-50%,-50%) scale(1)}}.superset-circle-item .step-label{text-align:center;max-width:90px;font-size:var(--text-xs);color:var(--text-secondary);font-weight:600;transition:all var(--transition-normal);line-height:1.2;margin-top:var(--space-1)}.superset-circle-item .muscle-group{font-size:11px;font-weight:600;color:var(--text-secondary);text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.superset-circle-item.pending .muscle-group{color:var(--text-secondary);font-weight:600}.superset-circle-item.current .muscle-group{color:var(--text-secondary);font-weight:700}.superset-circle-item.completed .muscle-group{color:var(--text-secondary);font-weight:600}.superset-connecting-line{width:30px;height:4px;background:linear-gradient(90deg,#7c3aed4d,#7c3aedcc 20%,#7c3aedcc 80%,#7c3aed4d);margin:0 -4px;position:relative;top:-28px;z-index:1}[dir=rtl] .superset-connecting-line{background:linear-gradient(-90deg,#7c3aed4d,#7c3aedcc 20%,#7c3aedcc 80%,#7c3aed4d)}.superset-connecting-line:before,.superset-connecting-line:after{content:"";position:absolute;width:4px;height:4px;background:#7c3aed;border-radius:50%;top:50%;transform:translateY(-50%)}.superset-connecting-line:before{left:30%}.superset-connecting-line:after{right:30%}.superset-badge{position:absolute;top:-8px;right:-8px;font-size:20px;opacity:.9;z-index:10;background:#7c3aed26;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:2px solid #7c3aed}[dir=rtl] .superset-badge{right:auto;left:-8px}@media (max-width: 768px){.superset-group-container{padding:8px 10px}.superset-circle-item .step-circle{width:45px;height:45px}.superset-circle-item .step-number{font-size:16px}.checkmark-overlay{font-size:22px}.superset-circle-item .muscle-group{font-size:10px;max-width:70px}.superset-connecting-line{width:24px;height:3px;top:-25px}.superset-badge{font-size:18px;width:26px;height:26px;top:-6px;right:-6px}[dir=rtl] .superset-badge{right:auto;left:-6px}}@media (max-width: 480px){.superset-group-container{padding:6px 8px}.superset-circle-item .step-circle{width:40px;height:40px}.superset-circle-item .step-number{font-size:14px}.checkmark-overlay{font-size:18px}.superset-circle-item .muscle-group{font-size:9px;max-width:55px}.superset-connecting-line{width:20px;height:3px;top:-23px}.superset-badge{font-size:16px;width:24px;height:24px;top:-5px;right:-5px}[dir=rtl] .superset-badge{right:auto;left:-5px}}.toast-container{position:fixed;top:0;right:0;z-index:1000;pointer-events:none}[dir=rtl] .toast-container{right:auto;left:0}.toast-container .toast{pointer-events:auto;position:relative;top:auto;right:auto;left:auto;margin:20px 20px 10px}.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:1000;cursor:pointer;transform:translate(100%);opacity:0;transition:all .3s ease}[dir=rtl] .toast-container .toast{transform:translate(-100%)}.toast-container .toast{transform:translate(100%)}.toast-visible{transform:translate(0);opacity:1}.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}.toast-container .toast{margin:0 0 10px;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}}[dir=rtl] .language-selector{flex-direction:row}[dir=ltr] .language-selector{flex-direction:row-reverse}[dir=ltr] .language-selector__select{text-align:left}.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;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}.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 (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%}}@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:.5rem}.language-selector__label{font-size:.875rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.language-selector__select{padding:.5rem .75rem;border:1px solid var(--border-primary);border-radius:.375rem;background-color:var(--bg-card);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px}.language-selector__select:hover{border-color:var(--border-accent);background-color:var(--bg-tertiary)}.language-selector__select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.language-selector__select option{background-color:var(--bg-card);color:var(--text-primary);padding:.5rem}.language-selector--small .language-selector__label{font-size:.75rem}.language-selector--small .language-selector__select{padding:.375rem .5rem;font-size:.75rem;min-width:100px}.language-selector--large .language-selector__label{font-size:1rem}.language-selector--large .language-selector__select{padding:.75rem 1rem;font-size:1rem;min-width:140px}[dir=rtl] .language-selector{flex-direction:row-reverse}[dir=rtl] .language-selector__select{text-align:right}@media (prefers-color-scheme: dark){.language-selector__select{background-color:var(--bg-secondary);border-color:var(--border-secondary)}.language-selector__select:hover{background-color:var(--bg-tertiary);border-color:var(--primary)}}.unified-auth-screen{position:relative;width:100%;height:100vh;min-height:100vh;display:flex;flex-direction:column;overflow:visible}.unified-auth-header{position:fixed;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:center;z-index:12;pointer-events:none}.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{top:45px!important;transform:translateY(-50%);left:1.5rem;right:auto}[dir=rtl] .unified-auth-header{left:auto;right: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)}.training-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);width:100%;max-width:800px;margin:var(--space-8) 0}.training-button{position:relative;padding:var(--space-8) var(--space-6);background:var(--bg-glass);border:2px solid var(--border-primary);border-radius:var(--radius-2xl);color:var(--text-primary);font-size:var(--text-xl);font-weight:700;cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;min-height:120px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.05em}.training-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal)}.training-button:after{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}.training-button:hover:after{left:100%}.training-button:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow-xl),0 0 40px #6366f14d}.training-button:hover:before{opacity:.1}.training-button.selected{background:#6366f133;border-color:var(--primary);color:#fff;box-shadow:var(--shadow-xl),0 0 40px #6366f166;transform:translateY(-2px)}.training-button.selected:before{opacity:.3}.training-button-content{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative;z-index:2}[dir=ltr] .training-button-content{flex-direction:row-reverse}[dir=rtl] .training-button-content{flex-direction:row}.training-name{font-size:var(--text-xl);font-weight:700}.training-indicators{display:flex;gap:6px;align-items:center;font-size:12px}.completion-count{background:#fff3;padding:4px 10px;border-radius:14px;font-weight:600;min-width:32px;text-align:center;font-size:14px}.next-indicator{background:linear-gradient(135deg,#ff9800,#ff6b00);color:#fff;padding:4px 8px;border-radius:12px;font-weight:600;font-size:13px;box-shadow:0 2px 8px #ff98004d}.current-indicator{background:linear-gradient(135deg,#22c55e,#10b981);color:#fff;padding:4px 8px;border-radius:12px;font-weight:600;font-size:13px;box-shadow:0 2px 8px #22c55e4d}.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}.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-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{margin-bottom:30px}.settings-item{margin-bottom:20px}.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-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-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-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] .close-button{right:var(--space-2)}[dir=ltr] .close-button{left:var(--space-2)}.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)}.training-buttons{grid-template-columns:1fr;gap:var(--space-4);margin:var(--space-6) 0}.training-button{padding:var(--space-6) var(--space-4);font-size:var(--text-lg);min-height:100px}.training-name{font-size:var(--text-lg)}.training-indicators{gap:4px}.completion-count{font-size:12px;padding:3px 8px;min-width:28px}.next-indicator{font-size:11px;padding:3px 6px}.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:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:20px;box-shadow:0 25px 80px #0006,0 0 50px #4facfe1a,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);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,#4facfe0d,#8e2de20d);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:#fff;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:#fffc;font-size:var(--text-sm);line-height:1.4}.feedback-header h2{color:#fff;font-size:var(--text-xl);font-weight:700;margin:0 0 var(--space-2) 0;text-shadow:0 2px 10px rgba(0,0,0,.3);background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feedback-exercise-name{color:#fff;font-size:var(--text-xl);font-weight:700;text-align:center;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.5);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:#ffffffe6;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:#fffc;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2)}.feedback-input{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:var(--space-3);color:#fff;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:#4facfe80;box-shadow:0 0 0 3px #4facfe1a;background:#ffffff26}.feedback-input::placeholder{color:#ffffff80}.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-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;margin:0;padding:0}*{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;margin:0;padding:0}