:root{--training-primary:#667eea;--training-primary-dark:#5568d3;--training-primary-light:#8093f1;--gradient-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-success:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);--gradient-warning:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--gradient-info:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--gradient-danger:linear-gradient(135deg,#fa709a 0%,#fee140 100%);--shadow-sm:0 2px 8px rgba(0,0,0,0.08);--shadow-md:0 4px 16px rgba(0,0,0,0.12);--shadow-lg:0 8px 24px rgba(0,0,0,0.16);--shadow-xl:0 12px 32px rgba(0,0,0,0.20);--color-text:#2d3748;--color-text-light:#718096;--color-border:#e2e8f0;--color-bg:#f7fafc;--color-white:#ffffff;--transition-base:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-smooth:all 0.4s cubic-bezier(0.34,1.56,0.64,1)}.training-page,.training-page-modern{padding:0;margin:0;background:var(--color-bg);min-height:100vh;font-family:'Vazirmatn','Segoe UI',Tahoma,sans-serif}.training-hero-modern{position:relative;background:var(--gradient-primary);padding:80px 30px 100px;margin-bottom:-60px;overflow:hidden;z-index:1}.hero-particles{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,0.15)0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(255,255,255,0.1)0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,0.05)0%,transparent 50%);animation:particles-float 20s ease-in-out infinite}@keyframes particles-float{0%,100%{transform:translateY(0px)scale(1)}50%{transform:translateY(-20px)scale(1.05)}}.hero-wave{position:absolute;bottom:0;left:0;width:100%;height:80px;background:var(--color-bg);clip-path:ellipse(100% 100% at 50% 100%)}.hero-container{position:relative;z-index:2;max-width:1400px;margin:0 auto}.hero-content-wrapper{display:flex;flex-direction:column;gap:40px}.hero-title-section{display:flex;align-items:center;justify-content:center;gap:25px;margin-bottom:20px}.title-icon{position:relative;width:80px;height:80px;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:40px;color:white;box-shadow:0 8px 32px rgba(0,0,0,0.2)}.icon-pulse{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:auto!important;width:100%!important;height:100%!important;border-radius:24px!important;background:rgba(255,255,255,0.3)!important;animation:icon-pulse 2s cubic-bezier(0.4,0,0.6,1)infinite!important}@keyframes icon-pulse{0%{transform:scale(1)!important;opacity:1!important}100%{transform:scale(1.4)!important;opacity:0!important}}.title-text{text-align:center;color:white}.title-text h1{font-size:42px;font-weight:800;margin:0 0 12px;text-shadow:0 4px 12px rgba(0,0,0,0.2);letter-spacing:-0.5px}.title-text .subtitle{font-size:20px;font-weight:400;opacity:0.95;margin:0;text-shadow:0 2px 8px rgba(0,0,0,0.1)}.hero-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;max-width:1200px;margin:0 auto}.stat-card{background:rgba(255,255,255,0.15);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,0.25);border-radius:20px;padding:28px;display:flex;align-items:center;gap:20px;transition:var(--transition-smooth);position:relative;overflow:hidden}.stat-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,0.1)0%,transparent 100%);opacity:0;transition:var(--transition-base)}.stat-card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,0.4);box-shadow:0 16px 40px rgba(0,0,0,0.25)}.stat-card:hover::before{opacity:1}.stat-icon-wrapper{width:70px;height:70px;background:rgba(255,255,255,0.25);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:32px;color:white;flex-shrink:0;box-shadow:0 8px 24px rgba(0,0,0,0.15)}.stat-content{flex:1;display:flex;flex-direction:column;gap:6px}.stat-number{font-size:36px;font-weight:800;color:white;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,0.2)}.stat-label{font-size:15px;font-weight:500;color:rgba(255,255,255,0.9)}.stat-trend{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:rgba(255,255,255,0.85);margin-top:4px}.stat-trend i{font-size:11px;animation:trend-bounce 2s ease-in-out infinite}@keyframes trend-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.training-nav-container{position:relative;z-index:10;padding:0 30px 30px;background:var(--color-bg)}.training-nav-wrapper{max-width:1400px;margin:0 auto;display:flex;gap:12px;padding:12px;background:white;border-radius:20px;box-shadow:var(--shadow-lg);overflow-x:auto;scrollbar-width:none}.training-nav-wrapper::-webkit-scrollbar{display:none}.nav-tab-btn{position:relative;display:flex;align-items:center;gap:12px;padding:16px 28px;background:transparent;border:none;border-radius:14px;color:var(--color-text-light);font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition-base);white-space:nowrap;flex-shrink:0}.nav-tab-btn .tab-icon{width:42px;height:42px;background:rgba(102,126,234,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--training-primary);transition:var(--transition-base)}.nav-tab-btn .tab-label{font-size:15px;font-weight:600}.nav-tab-btn .tab-indicator{position:absolute;bottom:0;left:50%;transform:translateX(-50%)scaleX(0);width:60%;height:3px;background:var(--gradient-primary);border-radius:3px 3px 0 0;transition:var(--transition-base)}.nav-tab-btn:hover{background:rgba(102,126,234,0.05);color:var(--training-primary)}.nav-tab-btn.active{background:var(--gradient-primary);color:white}.nav-tab-btn.active .tab-icon{background:rgba(255,255,255,0.25);color:white}.nav-tab-btn.active .tab-indicator{transform:translateX(-50%)scaleX(1)}.training-tabs-content{max-width:1400px;margin:0 auto;padding:30px}.training-tab-content{display:none;animation:fade-slide-in 0.4s ease}.training-tab-content.active{display:block}@keyframes fade-slide-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modern-card{background:white;border-radius:20px;box-shadow:var(--shadow-md);overflow:hidden;transition:var(--transition-base);margin-bottom:25px}.modern-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.modern-card-header{padding:24px 28px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:16px}.header-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:white;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.gradient-primary{background:var(--gradient-primary)}.gradient-success{background:var(--gradient-success)}.gradient-warning{background:var(--gradient-warning)}.gradient-info{background:var(--gradient-info)}.gradient-danger{background:var(--gradient-danger)}.modern-card-header h3{font-size:20px;font-weight:700;color:var(--color-text);margin:0}.header-action{display:flex;gap:10px}.btn-refresh{width:40px;height:40px;background:rgba(102,126,234,0.1);border:none;border-radius:10px;color:var(--training-primary);cursor:pointer;transition:var(--transition-base)}.btn-refresh:hover{background:var(--gradient-primary);color:white;transform:rotate(180deg)}.btn-link{display:flex;align-items:center;gap:8px;padding:10px 18px;background:rgba(102,126,234,0.1);border-radius:10px;color:var(--training-primary);font-size:14px;font-weight:600;text-decoration:none;transition:var(--transition-base)}.btn-link:hover{background:var(--gradient-primary);color:white}.modern-card-body{padding:28px}.dashboard-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:25px}.card-continue,.card-chart{grid-column:span 2}.tab-header-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:25px;margin-bottom:30px;padding:28px;background:white;border-radius:20px;box-shadow:var(--shadow-md)}.section-title{display:flex;align-items:center;gap:20px}.title-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:white;box-shadow:0 4px 16px rgba(0,0,0,0.15)}.section-title h2{font-size:28px;font-weight:800;color:var(--color-text);margin:0 0 8px}.section-subtitle{font-size:15px;color:var(--color-text-light);margin:0;font-weight:400;line-height:1.6}.modern-card-header .section-subtitle{font-size:13px;margin-top:4px}.filter-toolbar{display:flex;gap:15px;flex:1;max-width:700px}.search-box-modern{position:relative;flex:1}.search-box-modern i{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--training-primary);font-size:18px}.search-box-modern input{width:100%;padding:14px 50px 14px 18px;border:2px solid var(--color-border);border-radius:14px;font-size:15px;color:var(--color-text);transition:var(--transition-base);direction:rtl}.search-box-modern input:focus{outline:none;border-color:var(--training-primary);box-shadow:0 0 0 4px rgba(102,126,234,0.1)}.filter-dropdowns{display:flex;gap:12px}.dropdown-modern{position:relative}.dropdown-modern i{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--training-primary);font-size:16px;pointer-events:none}.dropdown-modern select{padding:14px 45px 14px 18px;border:2px solid var(--color-border);border-radius:14px;font-size:14px;font-weight:600;color:var(--color-text);cursor:pointer;transition:var(--transition-base);background:white;direction:rtl}.dropdown-modern select:hover{border-color:var(--training-primary)}.dropdown-modern select:focus{outline:none;border-color:var(--training-primary);box-shadow:0 0 0 4px rgba(102,126,234,0.1)}.status-filter-pills,.period-filter-pills,.category-filter-pills{display:flex;gap:12px;flex-wrap:wrap}.pill-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background:white;border:2px solid var(--color-border);border-radius:50px;font-size:14px;font-weight:600;color:var(--color-text-light);cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden}.pill-btn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary);opacity:0;transition:var(--transition-base);z-index:-1}.pill-btn:hover{border-color:var(--training-primary);color:var(--training-primary);transform:translateY(-2px)}.pill-btn.active{background:var(--gradient-primary);border-color:transparent;color:white;transform:scale(1.05)}.pill-btn.active::before{opacity:1}.pill-indicator{width:8px;height:8px;background:white;border-radius:50%;opacity:0;transition:var(--transition-base)}.pill-btn.active .pill-indicator{opacity:1}.loading-pulse{display:flex;justify-content:center;align-items:center;gap:12px;padding:60px 20px}.pulse-circle{width:16px;height:16px;background:var(--training-primary);border-radius:50%;animation:pulse-bounce 1.4s infinite ease-in-out both}.pulse-circle:nth-child(1){animation-delay:-0.32s}.pulse-circle:nth-child(2){animation-delay:-0.16s}@keyframes pulse-bounce{0%,80%,100%{transform:scale(0);opacity:0.5}40%{transform:scale(1);opacity:1}}.courses-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.course-card-premium{position:relative;background:white;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition-smooth);cursor:pointer;height:100%;display:flex;flex-direction:column}.course-card-premium:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.course-card-premium::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,0.05)0%,rgba(118,75,162,0.05)100%);opacity:0;transition:var(--transition-base);z-index:1}.course-card-premium:hover::before{opacity:1}.course-thumbnail-premium{position:relative;width:100%;height:220px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-size:cover;background-position:center;overflow:hidden}.course-thumbnail-premium::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to top,rgba(0,0,0,0.6)0%,transparent 100%);z-index:1}.course-thumbnail-premium .play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:rgba(255,255,255,0.25);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-smooth);z-index:2}.course-card-premium:hover .play-overlay{opacity:1;transform:translate(-50%,-50%)scale(1.1)}.play-overlay i{font-size:28px;color:white;margin-right:-4px}.course-badge-featured{position:absolute;top:15px;right:15px;padding:8px 16px;background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);border-radius:20px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:white;box-shadow:0 4px 12px rgba(255,215,0,0.4);z-index:2;animation:badge-glow 2s ease-in-out infinite}@keyframes badge-glow{0%,100%{box-shadow:0 4px 12px rgba(255,215,0,0.4)}50%{box-shadow:0 6px 20px rgba(255,215,0,0.6)}}.course-difficulty-badge{position:absolute;top:15px;left:15px;padding:6px 12px;background:rgba(255,255,255,0.25);backdrop-filter:blur(10px);border-radius:12px;font-size:11px;font-weight:600;color:white;z-index:2}.course-body-premium{padding:24px;flex:1;display:flex;flex-direction:column;gap:16px}.course-category-premium{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:rgba(102,126,234,0.1);border-radius:20px;font-size:12px;font-weight:600;color:var(--training-primary);width:fit-content}.course-title-premium{font-size:20px;font-weight:800;color:var(--color-text);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-description-premium{font-size:14px;color:var(--color-text-light);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.course-instructor{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--color-border)}.instructor-avatar{width:36px;height:36px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:white}.instructor-info{flex:1}.instructor-name{font-size:13px;font-weight:600;color:var(--color-text);margin:0}.instructor-role{font-size:11px;color:var(--color-text-light);margin:0}.course-meta-premium{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--color-border)}.meta-item{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-text-light)}.meta-item i{color:var(--training-primary);font-size:14px}.meta-item.rating{color:#FFA500}.meta-item.rating i{color:#FFA500}.course-price{display:flex;align-items:center;gap:8px}.price-current{font-size:20px;font-weight:800;color:var(--training-primary)}.price-original{font-size:14px;font-weight:600;color:var(--color-text-light);text-decoration:line-through}.course-footer-premium{padding:16px 24px;background:linear-gradient(to bottom,transparent 0%,rgba(247,250,252,0.8)100%);display:flex;gap:12px}.btn-enroll{flex:1;padding:12px 24px;background:var(--gradient-primary);border:none;border-radius:12px;color:white;font-size:14px;font-weight:700;cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;gap:8px}.btn-enroll:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,0.4)}.btn-preview{width:48px;height:48px;background:white;border:2px solid var(--color-border);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-base)}.btn-preview:hover{border-color:var(--training-primary);background:rgba(102,126,234,0.05);transform:scale(1.05)}.btn-preview i{font-size:18px;color:var(--training-primary)}.my-courses-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:25px}.my-course-card-premium{position:relative;background:white;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition-smooth);cursor:pointer;display:flex;gap:20px}.my-course-card-premium:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.my-course-thumbnail{position:relative;width:140px;height:140px;flex-shrink:0;background:var(--gradient-primary);background-size:cover;background-position:center}.my-course-thumbnail::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,0.3)0%,rgba(118,75,162,0.3)100%)}.course-progress-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px}.progress-ring-circle{fill:none;stroke:white;stroke-width:4;stroke-dasharray:188.5;stroke-dashoffset:188.5;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset 0.5s ease;opacity:0.3}.progress-ring-value{fill:none;stroke:white;stroke-width:4;stroke-linecap:round;stroke-dasharray:188.5;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset 0.8s ease}.progress-percentage{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);font-size:15px;font-weight:800;color:white;text-shadow:0 2px 8px rgba(0,0,0,0.3)}.my-course-content{flex:1;padding:20px 20px 20px 0;display:flex;flex-direction:column;gap:12px}.my-course-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.my-course-title{font-size:18px;font-weight:800;color:var(--color-text);margin:0;line-height:1.4;flex:1}.course-status-badge{padding:6px 12px;border-radius:12px;font-size:11px;font-weight:700;white-space:nowrap}.course-status-badge.in-progress{background:rgba(102,126,234,0.1);color:var(--training-primary)}.course-status-badge.completed{background:rgba(17,153,142,0.1);color:#11998e}.my-course-stats{display:flex;gap:16px;flex-wrap:wrap}.course-stat-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-light)}.course-stat-item i{font-size:14px;color:var(--training-primary)}.my-course-progress{margin-top:auto}.progress-bar-modern{position:relative;height:8px;background:var(--color-border);border-radius:10px;overflow:hidden;margin-bottom:8px}.progress-fill-modern{height:100%;background:var(--gradient-primary);border-radius:10px;transition:width 0.8s cubic-bezier(0.34,1.56,0.64,1);position:relative}.progress-fill-modern::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.3)50%,transparent 100%);animation:progress-shimmer 2s infinite}@keyframes progress-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.progress-text{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--color-text-light)}.progress-text .percentage{font-weight:700;color:var(--training-primary)}.my-course-actions{display:flex;gap:8px;margin-top:4px}.btn-continue-modern{flex:1;padding:10px 20px;background:var(--gradient-primary);border:none;border-radius:10px;color:white;font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;gap:8px}.btn-continue-modern:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.4)}.btn-more-options{width:40px;height:40px;background:rgba(102,126,234,0.1);border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-base)}.btn-more-options:hover{background:rgba(102,126,234,0.2);transform:scale(1.05)}.btn-more-options i{color:var(--training-primary)}.continue-learning-premium{position:relative;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:32px;overflow:hidden;color:white;min-height:280px}.continue-learning-premium::before{content:'';position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,0.1)0%,transparent 70%);animation:float-circle 6s ease-in-out infinite}@keyframes float-circle{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,30px)}}.continue-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.continue-icon{width:60px;height:60px;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px}.continue-title{flex:1}.continue-title h3{font-size:22px;font-weight:800;margin:0 0 6px}.continue-title p{font-size:14px;opacity:0.9;margin:0}.continue-course-info{background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border-radius:16px;padding:20px;margin-bottom:20px}.continue-course-title{font-size:18px;font-weight:700;margin:0 0 16px}.continue-progress{margin-bottom:12px}.continue-progress-bar{height:8px;background:rgba(255,255,255,0.2);border-radius:10px;overflow:hidden;margin-bottom:8px}.continue-progress-fill{height:100%;background:white;border-radius:10px;transition:width 0.8s ease}.continue-stats{display:flex;gap:20px;font-size:13px;opacity:0.9}.continue-actions{display:flex;gap:12px}.btn-continue-large{flex:1;padding:14px 28px;background:white;border:none;border-radius:12px;color:var(--training-primary);font-size:15px;font-weight:700;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;gap:10px}.btn-continue-large:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.2)}.btn-continue-large i{font-size:18px}.skills-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.badge-card-premium{background:white;border-radius:20px;padding:24px;box-shadow:var(--shadow-md);transition:var(--transition-smooth);text-align:center}.badge-card-premium:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.badge-icon-premium{width:80px;height:80px;margin:0 auto 16px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:white;box-shadow:0 8px 24px rgba(102,126,234,0.3)}.badge-name{font-size:16px;font-weight:700;color:var(--color-text);margin:0 0 8px}.badge-description{font-size:13px;color:var(--color-text-light);margin:0 0 12px}.badge-date{font-size:11px;color:var(--color-text-light)}@media(max-width:1200px){.dashboard-layout{grid-template-columns:1fr}.card-continue,.card-chart{grid-column:span 1}}@media(max-width:768px){.training-hero-modern{padding:60px 20px 80px}.podium-modern{flex-direction:column;align-items:center}.podium-first,.podium-second,.podium-third{order:initial;transform:scale(1)}.my-rank-modern .modern-card-body{flex-direction:column;text-align:center}.skills-stats-modern{grid-template-columns:1fr}.title-text h1{font-size:32px}.title-text .subtitle{font-size:16px}.hero-stats-grid{grid-template-columns:1fr}.training-nav-wrapper{padding:8px}.nav-tab-btn{padding:14px 20px}.training-tabs-content{padding:20px}.tab-header-section{flex-direction:column;align-items:flex-start}.filter-toolbar{flex-direction:column;max-width:100%;width:100%}.filter-dropdowns{width:100%}.dropdown-modern select{width:100%}.courses-grid-modern,.my-courses-grid-modern,.skills-grid-modern{grid-template-columns:1fr}.training-stats-grid{grid-template-columns:1fr}}@media(max-width:480px){.hero-title-section{flex-direction:column;text-align:center}.title-icon{width:70px;height:70px}.title-text h1{font-size:28px}.stat-card{padding:20px}.stat-icon-wrapper{width:60px;height:60px;font-size:28px}.stat-number{font-size:30px}.modern-card-body{padding:20px}}.skills-stats-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.skill-stat-card{background:white;border-radius:18px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow-md);transition:var(--transition-smooth);position:relative;overflow:hidden}.skill-stat-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-primary);transform:scaleY(0);transition:var(--transition-base)}.skill-stat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.skill-stat-card:hover::before{transform:scaleY(1)}.skill-stat-card.stat-total::before{background:var(--gradient-primary)}.skill-stat-card.stat-mastered::before{background:var(--gradient-success)}.skill-stat-card.stat-learning::before{background:var(--gradient-warning)}.stat-circle-wrapper{position:relative}.stat-circle{width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:white;box-shadow:0 8px 24px rgba(102,126,234,0.3);position:relative}.stat-circle.mastered{background:var(--gradient-success);box-shadow:0 8px 24px rgba(17,153,142,0.3)}.stat-circle.learning{background:var(--gradient-warning);box-shadow:0 8px 24px rgba(240,147,251,0.3)}.stat-circle::before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid currentColor;opacity:0.3;animation:stat-circle-pulse 2s ease-in-out infinite}@keyframes stat-circle-pulse{0%{transform:scale(1);opacity:0.3}50%{transform:scale(1.15);opacity:0}100%{transform:scale(1);opacity:0.3}}.stat-info h4{font-size:18px;font-weight:700;color:var(--color-text);margin:0 0 6px}.stat-info p{font-size:14px;color:var(--color-text-light);margin:0}.podium-modern{display:flex;justify-content:center;align-items:flex-end;gap:20px;padding:40px 20px;margin-bottom:30px}.podium-item-modern{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 24px;background:white;border-radius:20px;box-shadow:var(--shadow-lg);transition:var(--transition-smooth);min-width:200px}.podium-item-modern:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl)}.podium-first{order:2;z-index:3;transform:scale(1.1)}.podium-second{order:1;z-index:2}.podium-third{order:3;z-index:1}.podium-medal{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:white;box-shadow:0 8px 24px rgba(0,0,0,0.2);position:relative}.medal-gold{background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);animation:medal-shine 3s ease-in-out infinite}.medal-silver{background:linear-gradient(135deg,#C0C0C0 0%,#808080 100%)}.medal-bronze{background:linear-gradient(135deg,#CD7F32 0%,#8B4513 100%)}@keyframes medal-shine{0%,100%{box-shadow:0 8px 24px rgba(255,215,0,0.4)}50%{box-shadow:0 12px 32px rgba(255,215,0,0.6)}}.podium-medal::before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:inherit;opacity:0.5;animation:medal-pulse 2s ease-in-out infinite}@keyframes medal-pulse{0%{transform:scale(1);opacity:0.5}50%{transform:scale(1.2);opacity:0}100%{transform:scale(1);opacity:0.5}}.podium-avatar{width:90px;height:90px;border-radius:50%;border:4px solid var(--color-border);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.1)}.avatar-image{width:100%;height:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.podium-info{text-align:center}.podium-name{font-size:17px;font-weight:700;color:var(--color-text);margin:0 0 8px}.podium-points{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--training-primary);margin:0}.podium-rank{position:absolute;top:-12px;right:-12px;width:36px;height:36px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:white;box-shadow:0 4px 12px rgba(0,0,0,0.2)}.my-rank-modern{background:linear-gradient(135deg,rgba(102,126,234,0.1)0%,rgba(118,75,162,0.1)100%);border:2px solid rgba(102,126,234,0.2);margin-bottom:30px}.my-rank-modern .modern-card-body{display:flex;align-items:center;gap:30px;padding:32px}.rank-badge-wrapper{position:relative;flex-shrink:0}.rank-badge-circle{width:100px;height:100px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800;color:white;box-shadow:0 8px 24px rgba(102,126,234,0.3);position:relative;z-index:1}.rank-badge-crown{position:absolute;top:-10px;right:-10px;width:36px;height:36px;background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:white;box-shadow:0 4px 12px rgba(255,215,0,0.4);z-index:2}.rank-content{flex:1}.rank-content h4{font-size:22px;font-weight:700;color:var(--color-text);margin:0 0 12px}.rank-stats{display:flex;gap:20px}.rank-stat-item{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--training-primary)}.rank-stat-item i{font-size:18px}.leaderboard-table-modern{margin-top:30px}.table-wrapper{overflow-x:auto}.modern-table{width:100%;border-collapse:separate;border-spacing:0}.modern-table thead tr{background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%)}.modern-table th{padding:18px 20px;text-align:right;font-size:14px;font-weight:700;color:var(--color-text);border-bottom:2px solid var(--color-border);white-space:nowrap}.modern-table th:first-child{border-radius:12px 0 0 0}.modern-table th:last-child{border-radius:0 12px 0 0}.modern-table th i{margin-left:6px;color:var(--training-primary)}.modern-table tbody tr{transition:var(--transition-base);border-bottom:1px solid var(--color-border)}.modern-table tbody tr:hover{background:rgba(102,126,234,0.05)}.modern-table tbody tr:last-child{border-bottom:none}.modern-table td{padding:18px 20px;font-size:15px;color:var(--color-text)}.table-loading{text-align:center;padding:60px 20px!important}.certificates-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px}.pagination-modern{display:flex;justify-content:center;gap:10px;margin-top:30px;padding:20px}.pagination-modern button{width:40px;height:40px;background:white;border:2px solid var(--color-border);border-radius:10px;font-size:14px;font-weight:600;color:var(--color-text);cursor:pointer;transition:var(--transition-base)}.pagination-modern button:hover{border-color:var(--training-primary);color:var(--training-primary)}.pagination-modern button.active{background:var(--gradient-primary);border-color:transparent;color:white}.chart-container{position:relative;height:auto!important;padding:20px}.chart-period-select{padding:10px 16px;border:2px solid var(--color-border);border-radius:10px;font-size:13px;font-weight:600;color:var(--color-text);cursor:pointer;transition:var(--transition-base);background:white}.chart-period-select:focus{outline:none;border-color:var(--training-primary)}.empty-state{text-align:center;padding:60px 20px}.empty-state i{font-size:64px;color:#e2e8f0;margin-bottom:20px}.empty-state p{font-size:16px;color:var(--color-text-light);margin:0 0 20px}.empty-state button{padding:12px 28px;background:var(--gradient-primary);border:none;border-radius:12px;color:white;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-base)}.empty-state button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.3)}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes slide-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in 0.6s ease}.animate-slide-up{animation:slide-up 0.6s ease}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.p-10{padding:10px}.p-20{padding:20px}.p-30{padding:30px}.food-order-content .food-header{background:var(--gradient-primary)}.food-order-content .wallet-info-card .wallet-icon{background:linear-gradient(135deg,rgba(255,255,255,0.25)0%,rgba(255,255,255,0.15)100%)}.food-order-content .btn-charge-wallet{background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3)}.food-order-content .btn-charge-wallet:hover{background:rgba(255,255,255,0.3);border-color:rgba(255,255,255,0.4)}.food-order-content .food-tab.active{background:var(--gradient-primary)}.training-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,0.95)0%,rgba(118,75,162,0.95)100%);backdrop-filter:blur(20px)saturate(180%);z-index:999999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55)}.training-modal.show{opacity:1;visibility:visible;animation:modalBackgroundShimmer 3s infinite alternate}@keyframes modalBackgroundShimmer{0%{background:linear-gradient(135deg,rgba(102,126,234,0.95)0%,rgba(118,75,162,0.95)100%)}50%{background:linear-gradient(135deg,rgba(118,75,162,0.95)0%,rgba(102,126,234,0.95)100%)}100%{background:linear-gradient(135deg,rgba(102,126,234,0.95)0%,rgba(118,75,162,0.95)100%)}}.training-container{width:95%;max-width:1400px;height:90vh;max-height:900px;background:linear-gradient(to bottom,#ffffff 0%,#f8f9ff 100%);border-radius:32px;box-shadow:0 30px 90px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.1)inset,0 0 100px rgba(102,126,234,0.4);display:flex;flex-direction:column;overflow:hidden;transform:scale(0.8)translateY(50px);transition:all 0.6s cubic-bezier(0.34,1.56,0.64,1);position:relative}.training-modal.show .training-container{transform:scale(1)translateY(0)}.training-container::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#667eea);background-size:400% 400%;border-radius:32px;z-index:-1;animation:gradientBorder 3s ease infinite;filter:blur(8px);opacity:0.8}@keyframes gradientBorder{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.training-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);background-size:200% 200%;animation:gradientFlow 8s ease infinite;padding:28px 40px;display:flex;justify-content:space-between;align-items:center;border-radius:32px 32px 0 0;position:relative;overflow:hidden}@keyframes gradientFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.training-header::before{content:'';position:absolute;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1)1px,transparent 1px);background-size:50px 50px;animation:particleMove 20s linear infinite;opacity:0.3}@keyframes particleMove{0%{transform:translate(0,0)}100%{transform:translate(-50px,-50px)}}.training-header-content{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.training-header-icon{width:68px;height:68px;background:rgba(255,255,255,0.25);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.3);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;color:white;position:relative;box-shadow:0 8px 32px rgba(0,0,0,0.2),0 0 20px rgba(255,255,255,0.3)inset;animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,100%{transform:translateY(0)rotate(0deg)}25%{transform:translateY(-5px)rotate(-2deg)}75%{transform:translateY(-3px)rotate(2deg)}}.training-header-pulse{position:absolute;width:100%;height:100%;border-radius:20px;background:rgba(255,255,255,0.4);animation:pulseGlow 2s infinite}@keyframes pulseGlow{0%,100%{transform:scale(1);opacity:0.6;box-shadow:0 0 0 0 rgba(255,255,255,0.7)}50%{transform:scale(1.15);opacity:0;box-shadow:0 0 30px 10px rgba(255,255,255,0)}}.training-header-text h2{margin:0;color:white;font-size:28px;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,0.3),0 0 20px rgba(255,255,255,0.2);letter-spacing:-0.5px;animation:titleShine 3s ease-in-out infinite}@keyframes titleShine{0%,100%{text-shadow:0 2px 10px rgba(0,0,0,0.3),0 0 20px rgba(255,255,255,0.2)}50%{text-shadow:0 2px 10px rgba(0,0,0,0.3),0 0 40px rgba(255,255,255,0.5)}}.training-header-text p{margin:6px 0 0;color:rgba(255,255,255,0.95);font-size:15px;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,0.2)}.training-close-btn{width:48px;height:48px;background:rgba(255,255,255,0.25);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.3);border-radius:14px;color:white;font-size:22px;cursor:pointer;transition:all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);position:relative;z-index:1;box-shadow:0 4px 15px rgba(0,0,0,0.2),0 0 20px rgba(255,255,255,0.2)inset}.training-close-btn:hover{background:rgba(255,255,255,0.35);transform:rotate(90deg)scale(1.1);box-shadow:0 8px 25px rgba(0,0,0,0.3),0 0 30px rgba(255,255,255,0.4)inset}.training-close-btn:active{transform:rotate(90deg)scale(0.95)}.training-main{display:flex;flex:1;overflow:hidden}.training-sidebar{width:300px;background:linear-gradient(to bottom,rgba(248,249,255,0.95),rgba(255,255,255,0.98));backdrop-filter:blur(20px)saturate(180%);padding:28px;overflow-y:auto;border-left:1px solid rgba(102,126,234,0.1);box-shadow:inset 0 0 30px rgba(102,126,234,0.03);position:relative}.training-sidebar::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,#667eea,#764ba2,#f093fb);animation:sidebarGlow 3s ease-in-out infinite}@keyframes sidebarGlow{0%,100%{opacity:0.5;filter:blur(2px)}50%{opacity:1;filter:blur(0)}}.training-search-container{margin-bottom:28px}.training-search-box{position:relative}.training-search-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#667eea;font-size:16px;animation:searchPulse 2s ease-in-out infinite}@keyframes searchPulse{0%,100%{opacity:0.6}50%{opacity:1}}.training-search-input{width:100%;padding:14px 18px 14px 48px;border:2px solid rgba(102,126,234,0.2);border-radius:16px;font-size:14px;background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 2px 10px rgba(102,126,234,0.05)}.training-search-input:focus{border-color:#667eea;outline:none;background:white;box-shadow:0 4px 20px rgba(102,126,234,0.15),0 0 0 4px rgba(102,126,234,0.1);transform:translateY(-2px)}.training-search-input::placeholder{color:rgba(102,126,234,0.5)}.training-tabs{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.training-tab{display:flex;align-items:center;gap:14px;padding:16px 18px;background:rgba(255,255,255,0.8);backdrop-filter:blur(10px);border:2px solid rgba(102,126,234,0.1);border-radius:16px;cursor:pointer;transition:all 0.5s cubic-bezier(0.34,1.56,0.64,1);text-align:right;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.05),0 1px 3px rgba(0,0,0,0.1)}.training-tab::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.5s}.training-tab:hover::before{left:100%}.training-tab:hover{border-color:rgba(102,126,234,0.4);transform:translateX(-8px)translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,0.15),0 4px 10px rgba(0,0,0,0.1)}.training-tab.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-size:200% 200%;animation:activeTabGradient 3s ease infinite;color:white;border-color:transparent;box-shadow:0 8px 30px rgba(102,126,234,0.4),0 0 20px rgba(102,126,234,0.3),0 1px 0 rgba(255,255,255,0.2)inset;transform:translateX(-8px)scale(1.02)}@keyframes activeTabGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.training-tab-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(102,126,234,0.15),rgba(118,75,162,0.15));border-radius:12px;font-size:20px;color:#667eea;transition:all 0.4s ease;box-shadow:0 2px 10px rgba(102,126,234,0.1)}.training-tab:hover .training-tab-icon{transform:scale(1.1)rotate(5deg)}.training-tab.active .training-tab-icon{background:rgba(255,255,255,0.25);backdrop-filter:blur(10px);color:white;box-shadow:0 4px 15px rgba(0,0,0,0.2),0 0 20px rgba(255,255,255,0.3)inset;animation:iconGlow 2s ease-in-out infinite}@keyframes iconGlow{0%,100%{box-shadow:0 4px 15px rgba(0,0,0,0.2),0 0 20px rgba(255,255,255,0.3)inset}50%{box-shadow:0 4px 15px rgba(0,0,0,0.2),0 0 30px rgba(255,255,255,0.5)inset}}.training-tab-label{flex:1;font-weight:700;font-size:15px;letter-spacing:-0.3px}.training-tab-count{background:linear-gradient(135deg,rgba(102,126,234,0.15),rgba(118,75,162,0.15));color:#667eea;padding:6px 14px;border-radius:10px;font-size:13px;font-weight:800;box-shadow:0 2px 8px rgba(102,126,234,0.1);transition:all 0.3s ease}.training-tab:hover .training-tab-count{transform:scale(1.1)}.training-tab.active .training-tab-count{background:rgba(255,255,255,0.25);backdrop-filter:blur(10px);color:white;box-shadow:0 2px 10px rgba(0,0,0,0.2)}.training-quick-stats{display:flex;flex-direction:column;gap:14px}.training-stat-mini{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,rgba(255,255,255,0.9),rgba(248,249,255,0.95));backdrop-filter:blur(10px);border-radius:16px;border:2px solid rgba(102,126,234,0.1);box-shadow:0 4px 15px rgba(102,126,234,0.08),0 1px 0 rgba(255,255,255,0.5)inset;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden}.training-stat-mini::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,0.1),transparent);transition:left 0.5s}.training-stat-mini:hover::before{left:100%}.training-stat-mini:hover{transform:translateX(-4px)scale(1.03);border-color:rgba(102,126,234,0.3);box-shadow:0 8px 25px rgba(102,126,234,0.15),0 2px 0 rgba(255,255,255,0.8)inset}.training-stat-mini i{font-size:28px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:statIconPulse 2s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(102,126,234,0.3))}@keyframes statIconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.training-stat-mini-info{display:flex;flex-direction:column;gap:2px}.training-stat-mini-value{font-size:22px;font-weight:800;background:linear-gradient(135deg,#2d3748,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.training-stat-mini-label{font-size:12px;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.training-content-area{flex:1;overflow-y:auto;background:white}.training-content-wrapper{padding:32px;min-height:100%}.training-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.training-tab-title h3{margin:0 0 8px;font-size:24px;color:var(--color-text)}.training-tab-title p{margin:0;color:var(--color-text-light);font-size:14px}.training-btn-primary{padding:14px 32px;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);background-size:200% 200%;color:white;border:none;border-radius:16px;font-weight:700;font-size:15px;cursor:pointer;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 8px 25px rgba(102,126,234,0.4),0 0 20px rgba(102,126,234,0.3),0 1px 0 rgba(255,255,255,0.3)inset;position:relative;overflow:hidden;animation:buttonGradient 3s ease infinite}@keyframes buttonGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.training-btn-primary::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,0.3),transparent);transform:rotate(45deg);animation:buttonShine 3s linear infinite}@keyframes buttonShine{0%{transform:translateX(-100%)translateY(-100%)rotate(45deg)}100%{transform:translateX(100%)translateY(100%)rotate(45deg)}}.training-btn-primary:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 12px 35px rgba(102,126,234,0.5),0 0 30px rgba(102,126,234,0.4),0 2px 0 rgba(255,255,255,0.4)inset}.training-btn-primary:active{transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px rgba(102,126,234,0.4),0 0 15px rgba(102,126,234,0.3)}.training-btn-secondary{padding:14px 32px;background:linear-gradient(to bottom,#ffffff,#f8f9fa);color:#667eea;border:2px solid rgba(102,126,234,0.2);border-radius:16px;font-weight:700;font-size:15px;cursor:pointer;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 4px 15px rgba(0,0,0,0.08),0 1px 0 rgba(255,255,255,1)inset;position:relative;overflow:hidden}.training-btn-secondary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,0.1),transparent);transition:left 0.5s}.training-btn-secondary:hover::before{left:100%}.training-btn-secondary:hover{background:white;border-color:#667eea;color:#5568d3;transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.15),0 2px 0 rgba(255,255,255,1)inset}.training-filters{display:flex;gap:12px;margin-bottom:24px}.training-filter-select{flex:1;padding:12px 16px;border:2px solid var(--color-border);border-radius:12px;font-size:14px;background:white;cursor:pointer;transition:all 0.3s ease}.training-filter-select:focus{border-color:var(--training-primary);outline:none}.training-courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}.training-course-card{background:linear-gradient(to bottom,#ffffff,#f8f9ff);border:2px solid rgba(102,126,234,0.1);border-radius:20px;overflow:hidden;transition:all 0.5s cubic-bezier(0.34,1.56,0.64,1);position:relative;box-shadow:0 8px 25px rgba(0,0,0,0.08),0 0 0 1px rgba(255,255,255,0.5)inset}.training-course-card::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:20px;opacity:0;transition:opacity 0.5s ease;z-index:-1;filter:blur(10px)}.training-course-card:hover::before{opacity:0.4}.training-course-card:hover{border-color:rgba(102,126,234,0.3);transform:translateY(-8px)scale(1.02);box-shadow:0 20px 50px rgba(102,126,234,0.25),0 0 0 1px rgba(255,255,255,0.8)inset}.training-course-header{padding:18px 20px;background:linear-gradient(135deg,rgba(102,126,234,0.05),rgba(118,75,162,0.05));backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.training-course-header::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.5s}.training-course-card:hover .training-course-header::before{left:100%}.training-course-status{padding:8px 16px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:all 0.3s ease}.status-published{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;box-shadow:0 2px 8px rgba(21,87,36,0.2)}.status-draft{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;box-shadow:0 2px 8px rgba(133,100,4,0.2)}.status-archived{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;box-shadow:0 2px 8px rgba(114,28,36,0.2)}.training-course-card:hover .training-course-status{transform:scale(1.05)}.training-course-featured{color:#ffc107;font-size:22px;animation:starPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(255,193,7,0.5))}@keyframes starPulse{0%,100%{transform:scale(1)rotate(0deg)}50%{transform:scale(1.2)rotate(180deg)}}.training-course-body{padding:24px;position:relative}.training-course-category{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,rgba(102,126,234,0.1),rgba(118,75,162,0.1));color:#667eea;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;border-radius:10px;margin-bottom:12px;box-shadow:0 2px 8px rgba(102,126,234,0.1)}.training-course-body h4{margin:0 0 14px;font-size:20px;font-weight:800;color:#2d3748;line-height:1.4;transition:color 0.3s ease}.training-course-card:hover .training-course-body h4{color:#667eea}.training-course-body p{margin:0;color:#718096;font-size:14px;line-height:1.7}.training-course-meta{display:flex;gap:20px;margin-top:16px;padding-top:16px;border-top:2px solid rgba(102,126,234,0.1)}.training-course-meta span{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#718096;transition:all 0.3s ease}.training-course-meta span i{color:#667eea;font-size:15px}.training-course-card:hover .training-course-meta span{transform:translateX(-2px)}.training-course-actions{padding:16px 20px;background:linear-gradient(to bottom,rgba(248,249,255,0.8),rgba(255,255,255,0.9));backdrop-filter:blur(10px);display:flex;gap:10px;justify-content:flex-end}.training-course-actions button{width:42px;height:42px;border:2px solid rgba(102,126,234,0.2);border-radius:12px;background:white;color:#667eea;cursor:pointer;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.training-course-actions button::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(102,126,234,0.1);border-radius:50%;transform:translate(-50%,-50%);transition:width 0.4s,height 0.4s}.training-course-actions button:hover::before{width:100px;height:100px}.training-course-actions button:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-color:transparent;transform:translateY(-3px)scale(1.1);box-shadow:0 6px 20px rgba(102,126,234,0.4)}.training-course-actions button.btn-danger{color:#dc3545;border-color:rgba(220,53,69,0.2)}.training-course-actions button.btn-danger:hover{background:linear-gradient(135deg,#dc3545,#c82333);color:white;border-color:transparent;box-shadow:0 6px 20px rgba(220,53,69,0.4)}.training-course-actions button.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:white!important;border-color:transparent;box-shadow:0 4px 15px rgba(102,126,234,0.3)}.training-course-actions button.btn-primary i{color:white!important;font-size:16px}.training-course-actions button.btn-primary:hover{background:linear-gradient(135deg,#5568d3,#653a92);transform:translateY(-3px);box-shadow:0 8px 25px rgba(102,126,234,0.45)}.training-course-actions button[style*="background"]{color:white!important}.training-course-actions button[style*="background"]i{color:white!important}.training-course-actions button i{display:inline-block;line-height:1;vertical-align:middle}.training-course-actions button i::before{display:block}.training-empty{text-align:center;padding:80px 40px;color:#718096;position:relative}.training-empty::before{content:'';position:absolute;top:50%;left:50%;width:300px;height:300px;background:radial-gradient(circle,rgba(102,126,234,0.08),transparent 70%);transform:translate(-50%,-50%);animation:emptyPulse 3s ease-in-out infinite}@keyframes emptyPulse{0%,100%{transform:translate(-50%,-50%)scale(1);opacity:0.5}50%{transform:translate(-50%,-50%)scale(1.2);opacity:0.8}}.training-empty i{font-size:80px;margin-bottom:24px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:emptyIconFloat 3s ease-in-out infinite;position:relative;z-index:1;filter:drop-shadow(0 4px 10px rgba(102,126,234,0.2))}@keyframes emptyIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.training-empty p{font-size:18px;margin-bottom:28px;font-weight:600;color:#4a5568;position:relative;z-index:1}.training-loading-state,.training-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;position:relative}.training-loading-state::before,.training-loading::before{content:'';position:absolute;width:150px;height:150px;background:radial-gradient(circle,rgba(102,126,234,0.1),transparent);animation:loadingPulse 2s ease-in-out infinite}@keyframes loadingPulse{0%,100%{transform:scale(1);opacity:0.5}50%{transform:scale(1.5);opacity:0.8}}.training-loader{display:flex;gap:12px;position:relative;z-index:1}.training-loader-circle{width:16px;height:16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 15px rgba(102,126,234,0.4),0 0 20px rgba(102,126,234,0.2);animation:advancedBounce 1.4s infinite ease-in-out}.training-loader-circle:nth-child(1){animation-delay:-0.32s;background:linear-gradient(135deg,#667eea,#764ba2)}.training-loader-circle:nth-child(2){animation-delay:-0.16s;background:linear-gradient(135deg,#764ba2,#f093fb)}.training-loader-circle:nth-child(3){animation-delay:0s;background:linear-gradient(135deg,#f093fb,#667eea)}@keyframes advancedBounce{0%,80%,100%{transform:scale(0)translateY(0);opacity:0}40%{transform:scale(1.2)translateY(-20px);opacity:1}}.training-loading-state p,.training-loading p{margin-top:24px;color:#667eea;font-size:16px;font-weight:600;position:relative;z-index:1;animation:textPulse 2s ease-in-out infinite}@keyframes textPulse{0%,100%{opacity:0.6}50%{opacity:1}}.training-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.training-stat-card{padding:28px;background:var(--gradient);background-size:200% 200%;border-radius:20px;color:white;display:flex;align-items:center;gap:24px;position:relative;overflow:hidden;transition:all 0.5s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 10px 30px rgba(0,0,0,0.2),0 0 0 1px rgba(255,255,255,0.1)inset;animation:statCardGradient 5s ease infinite}@keyframes statCardGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.training-stat-card::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.15)0%,transparent 70%);animation:statCardRotate 10s linear infinite}@keyframes statCardRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.training-stat-card:hover{transform:translateY(-8px)scale(1.03);box-shadow:0 20px 50px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.2)inset,0 0 40px rgba(255,255,255,0.2)}.training-stat-icon{width:72px;height:72px;background:rgba(255,255,255,0.25);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.3);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:34px;position:relative;z-index:1;box-shadow:0 8px 25px rgba(0,0,0,0.2),0 0 30px rgba(255,255,255,0.3)inset;animation:statIconBounce 3s ease-in-out infinite}@keyframes statIconBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.training-stat-info{position:relative;z-index:1}.training-stat-info h4{margin:0 0 6px;font-size:40px;font-weight:900;text-shadow:0 2px 10px rgba(0,0,0,0.3),0 0 20px rgba(255,255,255,0.3);animation:statNumberGlow 2s ease-in-out infinite}@keyframes statNumberGlow{0%,100%{text-shadow:0 2px 10px rgba(0,0,0,0.3),0 0 20px rgba(255,255,255,0.3)}50%{text-shadow:0 2px 10px rgba(0,0,0,0.3),0 0 30px rgba(255,255,255,0.5)}}.training-stat-info p{margin:0;font-size:15px;font-weight:600;opacity:0.95;text-shadow:0 1px 3px rgba(0,0,0,0.2)}.training-form-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,0.92)0%,rgba(118,75,162,0.95)50%,rgba(240,147,251,0.92)100%);backdrop-filter:blur(20px)saturate(200%);z-index:9999999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);animation:modalBackdropPulse 8s ease-in-out infinite}@keyframes modalBackdropPulse{0%,100%{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:50% 100%}75%{background-position:100% 0%}}.training-form-modal.show{opacity:1;visibility:visible}.training-form-container{width:92%;max-width:900px;max-height:92vh;background:#ffffff;border-radius:28px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 40px 100px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.3)inset,0 0 80px rgba(102,126,234,0.6);transform:scale(0.85)translateY(50px)rotateX(10deg);transition:all 0.7s cubic-bezier(0.34,1.56,0.64,1);position:relative;perspective:1000px}.training-form-modal.show .training-form-container{transform:scale(1)translateY(0)rotateX(0deg)}.training-form-container::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(60deg,#667eea,#764ba2,#f093fb,#4facfe,#00f2fe,#667eea);background-size:300% 300%;border-radius:30px;z-index:-1;animation:courseBorderFlow 6s ease-in-out infinite;filter:blur(8px);opacity:0.8}@keyframes courseBorderFlow{0%,100%{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:50% 100%}75%{background-position:0 50%}}.training-form-header{padding:28px 32px;background:linear-gradient(135deg,#667eea 0%,#764ba2 35%,#667eea 70%,#4facfe 100%);background-size:300% 300%;animation:courseHeaderGradient 8s ease infinite;color:white;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}@keyframes courseHeaderGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.training-form-header::before{content:'';position:absolute;width:300%;height:300%;background:radial-gradient(circle,rgba(255,255,255,0.15)2px,transparent 2px);background-size:40px 40px;animation:sparkleMove 20s linear infinite;opacity:0.4}@keyframes sparkleMove{0%{transform:translate(0,0)rotate(0deg)}100%{transform:translate(-40px,-40px)rotate(360deg)}}.training-form-header::after{content:'';position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,0.2)0%,transparent 70%);border-radius:50%;top:-100px;right:-100px;animation:orbFloat 6s ease-in-out infinite;pointer-events:none}@keyframes orbFloat{0%,100%{transform:translate(0,0)scale(1)}50%{transform:translate(-30px,30px)scale(1.1)}}.training-form-header h3{margin:0;font-size:24px;font-weight:900;position:relative;z-index:2;text-shadow:0 3px 15px rgba(0,0,0,0.4),0 0 30px rgba(255,255,255,0.3);display:flex;align-items:center;gap:12px}.training-form-header h3 i{font-size:28px;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.training-form-close{width:45px;height:45px;background:rgba(255,255,255,0.2);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,0.4);border-radius:14px;color:white;font-size:20px;cursor:pointer;transition:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55);position:relative;z-index:2;box-shadow:0 5px 20px rgba(0,0,0,0.3),0 0 30px rgba(255,255,255,0.2)inset}.training-form-close:hover{background:rgba(255,255,255,0.35);transform:rotate(180deg)scale(1.15);box-shadow:0 8px 30px rgba(0,0,0,0.4),0 0 40px rgba(255,255,255,0.5)inset}.training-form-close:active{transform:rotate(180deg)scale(0.9)}.training-form-body{padding:32px 36px;overflow-y:auto;flex:1;background:linear-gradient(to bottom,#ffffff 0%,#f8f9ff 50%,#f0f4ff 100%)}.training-form-body::-webkit-scrollbar{width:10px}.training-form-body::-webkit-scrollbar-track{background:rgba(102,126,234,0.05);border-radius:10px}.training-form-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;transition:all 0.3s}.training-form-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#f093fb)}.training-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.training-form-group.full-width{grid-column:1 / -1}.training-form-group{position:relative}.training-form-group label{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-weight:800;color:#1e293b;font-size:13px;text-transform:uppercase;letter-spacing:0.8px}.training-form-group label i{color:#667eea;font-size:17px;animation:labelIconSpin 3s linear infinite}@keyframes labelIconSpin{0%,90%,100%{transform:rotate(0deg)}95%{transform:rotate(10deg)}}.training-form-control{width:100%;padding:16px 20px;border:2px solid rgba(102,126,234,0.25);border-radius:16px;font-size:15px;font-family:'Vazirmatn',sans-serif;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);transition:all 0.5s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 3px 12px rgba(102,126,234,0.06);position:relative;color:#1e293b!important;font-weight:600}.training-form-control:focus{border-color:#667eea;outline:none;background:white;transform:translateY(-3px);box-shadow:0 8px 25px rgba(102,126,234,0.2),0 0 0 5px rgba(102,126,234,0.08)}.training-form-control:hover:not(:focus){border-color:rgba(102,126,234,0.5);box-shadow:0 5px 18px rgba(102,126,234,0.12);transform:translateY(-1px)}.training-form-control::placeholder{color:rgba(102,126,234,0.45);font-style:italic}textarea.training-form-control{resize:vertical;min-height:110px;line-height:1.6;color:#1e293b!important;font-weight:600}select.training-form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 20px center;padding-left:45px;color:#1e293b!important;font-weight:600}.training-checkbox-label{display:flex;align-items:center;gap:14px;cursor:pointer;padding:16px 20px;background:linear-gradient(135deg,rgba(255,255,255,0.9),rgba(248,249,255,0.9));border:2px solid rgba(102,126,234,0.15);border-radius:16px;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 3px 12px rgba(102,126,234,0.05)}.training-checkbox-label:hover{background:linear-gradient(135deg,white,rgba(248,249,255,1));border-color:rgba(102,126,234,0.4);box-shadow:0 6px 20px rgba(102,126,234,0.15);transform:translateY(-2px)}.training-checkbox-label input[type="checkbox"]{width:24px;height:24px;cursor:pointer;accent-color:#667eea;transition:transform 0.3s ease}.training-checkbox-label input[type="checkbox"]:checked{transform:scale(1.1)}.training-checkbox-label span{font-weight:700;color:#1e293b;font-size:14px}.training-form-footer{padding:28px 36px;background:linear-gradient(to top,rgba(248,249,255,0.98),rgba(255,255,255,0.95));backdrop-filter:blur(15px);display:flex;justify-content:flex-end;gap:16px;border-top:2px solid rgba(102,126,234,0.15);box-shadow:0 -5px 20px rgba(102,126,234,0.05)}.training-filters-section{margin:24px 0;padding:24px;background:linear-gradient(135deg,rgba(102,126,234,0.05),rgba(118,75,162,0.05));border-radius:20px;border:2px solid rgba(102,126,234,0.1);backdrop-filter:blur(10px)}.training-filters-header{margin-bottom:16px}.training-filters-header h4{margin:0;font-size:16px;font-weight:700;color:#2d3748;display:flex;align-items:center;gap:10px}.training-filters-header h4 i{color:#667eea;font-size:18px}.training-filter-group{display:flex;flex-direction:column;gap:8px}.training-filter-group label{font-size:13px;font-weight:700;color:#4a5568;text-transform:uppercase;letter-spacing:0.5px;display:flex;align-items:center;gap:6px}.training-filter-group label i{color:#667eea;font-size:14px}.training-section-header{display:flex;justify-content:space-between;align-items:center;margin:28px 0 20px;padding-bottom:12px;border-bottom:3px solid rgba(102,126,234,0.15)}.training-section-header h4{margin:0;font-size:18px;font-weight:800;color:#2d3748;display:flex;align-items:center;gap:10px}.training-section-header h4 i{color:#667eea;font-size:20px}.training-badge{padding:8px 16px;background:linear-gradient(135deg,rgba(102,126,234,0.15),rgba(118,75,162,0.15));border-radius:12px;font-size:13px;font-weight:700;color:#667eea;box-shadow:0 2px 8px rgba(102,126,234,0.1)}.training-header-actions{display:flex;gap:12px}.training-courses-section{margin-top:24px}.training-course-badges{display:flex;gap:8px;align-items:center}.training-course-difficulty{padding:6px 12px;background:rgba(255,255,255,0.9);border-radius:8px;font-size:11px;font-weight:700;border:1px solid rgba(102,126,234,0.2)}.training-enrollments-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:24px 0}.training-mini-stat{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,rgba(255,255,255,0.9),rgba(248,249,255,0.95));backdrop-filter:blur(10px);border:2px solid rgba(102,126,234,0.1);border-radius:18px;box-shadow:0 4px 15px rgba(102,126,234,0.08);transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1)}.training-mini-stat:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(102,126,234,0.15);border-color:rgba(102,126,234,0.3)}.training-mini-stat i{font-size:32px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.training-mini-stat div{display:flex;flex-direction:column;gap:4px}.training-mini-stat .value{font-size:28px;font-weight:900;background:linear-gradient(135deg,#2d3748,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.training-mini-stat .label{font-size:13px;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.training-enrollments-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.training-enrollment-card{background:linear-gradient(to bottom,#ffffff,#f8f9ff);border:2px solid rgba(102,126,234,0.1);border-radius:20px;overflow:hidden;transition:all 0.4s ease;box-shadow:0 4px 15px rgba(0,0,0,0.05)}.training-enrollment-card:hover{transform:translateY(-6px);box-shadow:0 12px 35px rgba(102,126,234,0.2);border-color:rgba(102,126,234,0.3)}.training-enrollment-header{padding:20px;background:linear-gradient(135deg,rgba(102,126,234,0.05),rgba(118,75,162,0.05));display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(102,126,234,0.1)}.training-enrollment-user{display:flex;align-items:center;gap:14px}.training-user-avatar{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:20px;box-shadow:0 4px 12px rgba(102,126,234,0.3)}.training-user-info{display:flex;flex-direction:column;gap:4px}.training-user-info strong{font-size:16px;color:#2d3748;font-weight:700}.training-user-info span{font-size:13px;color:#718096}.training-enrollment-status{padding:8px 14px;border-radius:10px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px}.training-enrollment-status.status-active{background:#d4edda;color:#155724}.training-enrollment-status.status-completed{background:#cce5ff;color:#004085}.training-enrollment-status.status-pending{background:#fff3cd;color:#856404}.training-enrollment-body{padding:20px;display:flex;flex-direction:column;gap:14px}.training-enrollment-course,.training-enrollment-date{display:flex;align-items:center;gap:10px;font-size:14px;color:#4a5568}.training-enrollment-course i,.training-enrollment-date i{color:#667eea;font-size:16px}.training-enrollment-progress{margin-top:8px}.training-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;font-weight:600;color:#4a5568}.training-progress-bar-modern{height:12px;background:#e2e8f0;border-radius:10px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.training-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;position:relative;transition:width 0.6s ease;box-shadow:0 0 10px rgba(102,126,234,0.5)}.training-progress-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:progressShine 2s infinite}@keyframes progressShine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.training-enrollment-actions{padding:16px 20px;background:#f8f9fa;display:flex;gap:12px;justify-content:flex-end}.training-enrollment-actions button{padding:10px 18px;border:2px solid rgba(102,126,234,0.2);border-radius:10px;background:white;color:#667eea;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:6px}.training-enrollment-actions button:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,0.3)}.training-categories-info{margin:20px 0}.training-info-card{display:flex;gap:16px;padding:20px;background:linear-gradient(135deg,rgba(102,126,234,0.08),rgba(118,75,162,0.08));border-radius:16px;border:2px solid rgba(102,126,234,0.15)}.training-info-card i{font-size:28px;color:#667eea}.training-info-card strong{display:block;font-size:15px;color:#2d3748;margin-bottom:6px}.training-info-card p{margin:0;font-size:14px;color:#718096;line-height:1.6}.training-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.training-category-card{background:linear-gradient(to bottom,#ffffff,#f8f9ff);border-radius:20px;overflow:hidden;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 4px 15px rgba(0,0,0,0.05);position:relative;border:2px solid rgba(102,126,234,0.1)}.training-category-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 12px 35px rgba(102,126,234,0.2);border-color:rgba(102,126,234,0.3)}.training-category-color-bar{width:100%;height:8px;position:relative;overflow:hidden}.training-category-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.6),transparent);animation:categoryGlow 3s infinite}@keyframes categoryGlow{0%{left:-100%}100%{left:100%}}.training-category-content{padding:24px}.training-category-header{display:flex;gap:16px;margin-bottom:20px}.training-category-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.training-category-info h4{margin:0 0 8px;font-size:18px;font-weight:800;color:#2d3748}.training-category-info p{margin:0;font-size:14px;color:#718096;line-height:1.6}.training-category-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:2px solid rgba(102,126,234,0.1)}.training-category-count{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(135deg,rgba(102,126,234,0.1),rgba(118,75,162,0.1));border-radius:10px;font-size:13px;font-weight:700;color:#667eea}.training-category-actions{display:flex;gap:8px}.training-category-actions button{width:38px;height:38px;border:2px solid rgba(102,126,234,0.2);border-radius:10px;background:white;color:#667eea;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}.training-category-actions button:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-color:transparent;transform:scale(1.1)}.training-category-actions button.btn-danger{color:#dc3545;border-color:rgba(220,53,69,0.2)}.training-category-actions button.btn-danger:hover{background:linear-gradient(135deg,#dc3545,#c82333);color:white}.training-chart-container{margin-top:20px;padding:40px;background:linear-gradient(to bottom,#ffffff,#f8f9ff);border:2px solid rgba(102,126,234,0.1);border-radius:20px;min-height:300px;display:flex;align-items:center;justify-content:center}.training-chart-placeholder{text-align:center;color:#718096}.training-chart-placeholder i{font-size:64px;margin-bottom:16px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0.6}.training-chart-placeholder p{margin:0;font-size:16px;font-weight:600}.training-enrollments-table{overflow-x:auto}.training-enrollments-table table{width:100%;border-collapse:collapse}.training-enrollments-table th,.training-enrollments-table td{padding:12px;text-align:right;border-bottom:1px solid var(--color-border)}.training-enrollments-table th{background:#f8f9fa;font-weight:600;color:var(--color-text)}.training-progress-bar{width:100px;height:8px;background:#f8f9fa;border-radius:4px;overflow:hidden;display:inline-block;margin-left:8px}.training-progress-bar div{height:100%;background:var(--gradient-primary);border-radius:4px}.training-status-badge{padding:4px 12px;border-radius:8px;font-size:12px;font-weight:600}.form-control,.modern-input,input[type="text"],input[type="email"],input[type="number"],input[type="tel"],input[type="url"],input[type="password"],input[type="date"],input[type="time"],textarea,select{color:#1e293b!important;font-weight:600}.form-control::placeholder,.modern-input::placeholder,input::placeholder,textarea::placeholder{color:rgba(102,126,234,0.45)!important;font-style:italic;font-weight:500}.rich-editor{color:#1e293b!important}.rich-editor[data-placeholder]:empty:before{color:rgba(102,126,234,0.45)!important}.chapter-preview-section{margin-bottom:28px;padding:24px;background:linear-gradient(135deg,rgba(255,87,34,0.05),rgba(244,67,54,0.05));border:2px solid rgba(255,87,34,0.15);border-radius:18px;position:relative;overflow:hidden}.chapter-preview-section::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,87,34,0.1)0%,transparent 70%);animation:previewPulse 4s ease-in-out infinite}@keyframes previewPulse{0%,100%{transform:scale(1);opacity:0.5}50%{transform:scale(1.2);opacity:0.8}}.preview-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#ff5722;text-transform:uppercase;letter-spacing:0.8px;margin-bottom:16px;padding:6px 14px;background:white;border-radius:8px;box-shadow:0 2px 8px rgba(255,87,34,0.15);position:relative;z-index:1}.preview-label i{animation:previewBlink 2s ease-in-out infinite}@keyframes previewBlink{0%,100%{opacity:1}50%{opacity:0.5}}.chapter-preview-box{display:flex;align-items:center;gap:16px;padding:20px;background:white;border-radius:14px;box-shadow:0 4px 15px rgba(255,87,34,0.1);position:relative;z-index:1;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1)}.chapter-preview-box:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,87,34,0.2)}.chapter-preview-icon{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:white;font-size:26px;box-shadow:0 6px 20px rgba(0,0,0,0.2);transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1)}.chapter-preview-icon i{animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.preview-info{flex:1}.preview-text{font-size:12px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:6px}.preview-title{font-size:18px;font-weight:800;color:#1e293b}.icon-picker-container{padding:20px;background:linear-gradient(to bottom,#ffffff,#fff5f0);border:2px solid rgba(255,87,34,0.15);border-radius:16px;box-shadow:0 3px 12px rgba(255,87,34,0.08)}.icon-search-box{position:relative;margin-bottom:16px}.icon-search-box i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#ff5722;font-size:14px;pointer-events:none}.icon-search-input{width:100%;padding:12px 40px 12px 16px;border:2px solid rgba(255,87,34,0.2);border-radius:12px;font-size:14px;font-family:'Vazirmatn',sans-serif;background:white;transition:all 0.3s ease;color:#1e293b!important;font-weight:600}.icon-search-input:focus{border-color:#ff5722;outline:none;box-shadow:0 0 0 4px rgba(255,87,34,0.1)}.icon-search-input::placeholder{color:rgba(255,87,34,0.4)!important}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:10px;max-height:280px;overflow-y:auto;padding:4px;margin-bottom:16px}.icon-grid::-webkit-scrollbar{width:8px}.icon-grid::-webkit-scrollbar-track{background:rgba(255,87,34,0.05);border-radius:10px}.icon-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff5722,#f44336);border-radius:10px}.icon-item{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:white;border:2px solid rgba(255,87,34,0.2);border-radius:12px;font-size:20px;color:#64748b;cursor:pointer;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden}.icon-item::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,87,34,0.1);transform:translate(-50%,-50%);transition:all 0.4s ease}.icon-item:hover::before{width:100%;height:100%}.icon-item:hover{border-color:#ff5722;transform:translateY(-3px)scale(1.05);box-shadow:0 6px 20px rgba(255,87,34,0.25);color:#ff5722}.icon-item.active{background:linear-gradient(135deg,#ff5722,#f44336);border-color:transparent;color:white;transform:scale(1.1);box-shadow:0 6px 20px rgba(255,87,34,0.4)}.icon-item.active::after{content:'\f00c';font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;top:-4px;left:-4px;width:18px;height:18px;background:#10b981;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;box-shadow:0 2px 8px rgba(16,185,129,0.4)}.selected-icon-display{display:flex;align-items:center;gap:10px;padding:12px 16px;background:white;border-radius:10px;border:2px dashed rgba(255,87,34,0.3)}.selected-icon-display span{font-size:13px;font-weight:700;color:#64748b}.selected-icon-display code{padding:6px 12px;background:linear-gradient(135deg,rgba(255,87,34,0.1),rgba(244,67,54,0.1));color:#ff5722;border-radius:8px;font-size:13px;font-weight:700;font-family:'Courier New',monospace}.color-picker-container{padding:20px;background:linear-gradient(to bottom,#ffffff,#fff5f0);border:2px solid rgba(255,87,34,0.15);border-radius:16px;box-shadow:0 3px 12px rgba(255,87,34,0.08)}.color-palette{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-bottom:20px}.color-item{width:100%;aspect-ratio:1;border-radius:12px;cursor:pointer;border:3px solid transparent;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);position:relative;box-shadow:0 3px 10px rgba(0,0,0,0.15);display:flex;align-items:center;justify-content:center}.color-item i{color:white;font-size:16px;opacity:0;transition:all 0.3s ease;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.color-item:hover{transform:translateY(-4px)scale(1.15);box-shadow:0 8px 25px rgba(0,0,0,0.25);border-color:white}.color-item.active{transform:scale(1.2);border-color:white;box-shadow:0 8px 25px rgba(0,0,0,0.3)}.color-item.active i{opacity:1;animation:checkBounce 0.5s cubic-bezier(0.68,-0.55,0.265,1.55)}@keyframes checkBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.custom-color-input{display:grid;grid-template-columns:auto 80px 1fr;gap:12px;align-items:center;padding:16px;background:white;border-radius:12px;border:2px solid rgba(255,87,34,0.15)}.custom-color-input label{font-size:13px;font-weight:700;color:#64748b;margin:0}.custom-color-field{width:60px;height:40px;border:2px solid rgba(255,87,34,0.2);border-radius:10px;cursor:pointer;transition:all 0.3s ease;overflow:hidden}.custom-color-field:hover{border-color:#ff5722;transform:scale(1.05);box-shadow:0 4px 12px rgba(255,87,34,0.2)}.color-hex-input{padding:10px 14px;border:2px solid rgba(255,87,34,0.2);border-radius:10px;font-size:13px;font-family:'Courier New',monospace;font-weight:700;color:#1e293b!important;background:white;text-transform:uppercase;transition:all 0.3s ease}.color-hex-input:focus{border-color:#ff5722;outline:none;box-shadow:0 0 0 4px rgba(255,87,34,0.1)}.color-hex-input::placeholder{color:rgba(255,87,34,0.4)!important;font-weight:500}@media(max-width:768px){.color-palette{grid-template-columns:repeat(6,1fr)}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(45px,1fr));max-height:200px}.custom-color-input{grid-template-columns:1fr;gap:10px}}.timika-modal-overlay#chapterModal{background:linear-gradient(135deg,rgba(255,87,34,0.92)0%,rgba(244,67,54,0.95)50%,rgba(255,152,0,0.92)100%);backdrop-filter:blur(20px)saturate(200%)}#chapterModal .timika-modal-container{width:90%;max-width:700px;max-height:88vh;background:#ffffff;border-radius:26px;box-shadow:0 35px 90px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.3)inset,0 0 70px rgba(255,87,34,0.6);transform:scale(0.88)translateY(40px);transition:all 0.65s cubic-bezier(0.34,1.56,0.64,1)}#chapterModal.show .timika-modal-container{transform:scale(1)translateY(0)}#chapterModal .timika-modal-container::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(60deg,#ff5722,#f44336,#ff9800,#ff6f00,#d32f2f,#ff5722);background-size:300% 300%;border-radius:28px;z-index:-1;animation:chapterBorderFlow 5s ease-in-out infinite;filter:blur(7px);opacity:0.75}@keyframes chapterBorderFlow{0%,100%{background-position:0 50%}33%{background-position:100% 50%}66%{background-position:50% 100%}}#chapterModal .timika-modal-header{padding:26px 30px;background:linear-gradient(135deg,#ff5722 0%,#f44336 35%,#ff5722 70%,#ff9800 100%);background-size:300% 300%;animation:chapterHeaderGradient 7s ease infinite;color:white;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}@keyframes chapterHeaderGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}#chapterModal .timika-modal-header::before{content:'';position:absolute;width:300%;height:300%;background:radial-gradient(circle,rgba(255,255,255,0.12)2px,transparent 2px);background-size:35px 35px;animation:chapterSparkle 18s linear infinite;opacity:0.5}@keyframes chapterSparkle{0%{transform:translate(0,0)rotate(0deg)}100%{transform:translate(-35px,-35px)rotate(360deg)}}#chapterModal .timika-modal-header h3{margin:0;font-size:23px;font-weight:900;position:relative;z-index:2;text-shadow:0 3px 12px rgba(0,0,0,0.4),0 0 25px rgba(255,255,255,0.3)}#chapterModal .timika-modal-close{width:42px;height:42px;background:rgba(255,255,255,0.22);backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,0.35);border-radius:13px;color:white;font-size:19px;cursor:pointer;transition:all 0.45s cubic-bezier(0.68,-0.55,0.265,1.55);position:relative;z-index:2;box-shadow:0 5px 18px rgba(0,0,0,0.3)}#chapterModal .timika-modal-close:hover{background:rgba(255,255,255,0.32);transform:rotate(180deg)scale(1.12);box-shadow:0 7px 25px rgba(0,0,0,0.4)}#chapterModal .timika-modal-body{padding:30px 34px;background:linear-gradient(to bottom,#ffffff 0%,#fff5f0 50%,#ffe8dc 100%)}#chapterModal .form-group label{display:flex;align-items:center;gap:9px;margin-bottom:11px;font-weight:800;color:#1e293b;font-size:13px;text-transform:uppercase;letter-spacing:0.7px}#chapterModal .form-group label i{color:#ff5722;font-size:16px}#chapterModal .form-control{width:100%;padding:15px 19px;border:2px solid rgba(255,87,34,0.25);border-radius:15px;font-size:14.5px;font-family:'Vazirmatn',sans-serif;background:rgba(255,255,255,0.95);transition:all 0.45s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 3px 10px rgba(255,87,34,0.06);color:#1e293b!important;font-weight:600}#chapterModal .form-control:focus{border-color:#ff5722;outline:none;background:white;transform:translateY(-2px);box-shadow:0 7px 22px rgba(255,87,34,0.18),0 0 0 4px rgba(255,87,34,0.08)}.timika-modal-overlay#contentEditorModal,.timika-modal-overlay#contentTypeSelectorModal{background:linear-gradient(135deg,rgba(16,185,129,0.92)0%,rgba(6,182,212,0.95)50%,rgba(20,184,166,0.92)100%);backdrop-filter:blur(20px)saturate(200%)}#contentEditorModal .timika-modal-container,#contentTypeSelectorModal .timika-modal-container{width:93%;max-width:950px;max-height:92vh;background:#ffffff;border-radius:28px;box-shadow:0 40px 100px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.3)inset,0 0 80px rgba(16,185,129,0.6);transform:scale(0.86)translateY(45px);transition:all 0.7s cubic-bezier(0.34,1.56,0.64,1)}#contentEditorModal.show .timika-modal-container,#contentTypeSelectorModal.show .timika-modal-container{transform:scale(1)translateY(0)}#contentEditorModal .timika-modal-container::before,#contentTypeSelectorModal .timika-modal-container::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(60deg,#10b981,#06b6d4,#14b8a6,#059669,#0891b2,#10b981);background-size:300% 300%;border-radius:30px;z-index:-1;animation:contentBorderFlow 6s ease-in-out infinite;filter:blur(8px);opacity:0.8}@keyframes contentBorderFlow{0%,100%{background-position:0 50%}33%{background-position:100% 50%}66%{background-position:50% 100%}}#contentEditorModal .timika-modal-header,#contentTypeSelectorModal .timika-modal-header,#contentEditorModal .timika-modal-header.gradient-header,#contentTypeSelectorModal .timika-modal-header.gradient-purple{padding:28px 32px;background:linear-gradient(135deg,#10b981 0%,#06b6d4 35%,#10b981 70%,#14b8a6 100%)!important;background-size:300% 300%;animation:contentHeaderGradient 8s ease infinite;color:white;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}@keyframes contentHeaderGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}#contentEditorModal .timika-modal-header::before,#contentTypeSelectorModal .timika-modal-header::before{content:'';position:absolute;width:300%;height:300%;background:radial-gradient(circle,rgba(255,255,255,0.15)2px,transparent 2px);background-size:40px 40px;animation:contentSparkle 20s linear infinite;opacity:0.4}@keyframes contentSparkle{0%{transform:translate(0,0)rotate(0deg)}100%{transform:translate(-40px,-40px)rotate(360deg)}}#contentEditorModal .modal-header-content,#contentTypeSelectorModal .modal-header-content{display:flex;align-items:center;gap:14px;position:relative;z-index:2}#contentEditorModal .modal-header-content h3,#contentTypeSelectorModal .modal-header-content h3{margin:0;font-size:24px;font-weight:900;text-shadow:0 3px 15px rgba(0,0,0,0.4),0 0 30px rgba(255,255,255,0.3)}#contentEditorModal .modal-subtitle,#contentTypeSelectorModal .modal-subtitle{font-size:13px;opacity:0.9;font-weight:600;margin-top:4px}#contentEditorModal .header-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,0.2)}#contentEditorModal .timika-modal-close,#contentTypeSelectorModal .timika-modal-close{width:45px;height:45px;background:rgba(255,255,255,0.2);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,0.4);border-radius:14px;color:white;font-size:20px;cursor:pointer;transition:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55);position:relative;z-index:2;box-shadow:0 5px 20px rgba(0,0,0,0.3)}#contentEditorModal .timika-modal-close:hover,#contentTypeSelectorModal .timika-modal-close:hover{background:rgba(255,255,255,0.35);transform:rotate(180deg)scale(1.15);box-shadow:0 8px 30px rgba(0,0,0,0.4)}#contentEditorModal .timika-modal-body{padding:32px 36px;overflow-y:auto;background:linear-gradient(to bottom,#ffffff 0%,#f0fdf4 50%,#e0f5ed 100%)}#contentEditorModal .timika-modal-body::-webkit-scrollbar{width:10px}#contentEditorModal .timika-modal-body::-webkit-scrollbar-track{background:rgba(16,185,129,0.05);border-radius:10px}#contentEditorModal .timika-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:10px}.form-section{margin-bottom:32px;padding:28px;background:rgba(255,255,255,0.8);border:2px solid rgba(16,185,129,0.15);border-radius:20px;box-shadow:0 4px 15px rgba(16,185,129,0.08)}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(16,185,129,0.15)}.section-title i{font-size:22px;color:#10b981}.section-title span{font-size:17px;font-weight:800;color:#1e293b;text-transform:uppercase;letter-spacing:0.5px}.content-field-section{margin-bottom:28px}#contentEditorModal .form-group label,#contentTypeSelectorModal .form-group label{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-weight:800;color:#1e293b;font-size:13px}#contentEditorModal .form-group label i{color:#10b981;font-size:17px}.required-star{color:#ef4444;font-weight:900;margin-right:4px}#contentEditorModal .form-control,#contentEditorModal .modern-input{width:100%;padding:16px 20px;border:2px solid rgba(16,185,129,0.25);border-radius:16px;font-size:15px;font-family:'Vazirmatn',sans-serif;background:rgba(255,255,255,0.95);transition:all 0.5s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 3px 12px rgba(16,185,129,0.06);color:#1e293b!important;font-weight:600}#contentEditorModal .form-control:focus,#contentEditorModal .modern-input:focus{border-color:#10b981;outline:none;background:white;transform:translateY(-3px);box-shadow:0 8px 25px rgba(16,185,129,0.2),0 0 0 5px rgba(16,185,129,0.08)}.video-provider-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.provider-tab{padding:16px 12px;background:rgba(255,255,255,0.9);border:2px solid rgba(16,185,129,0.2);border-radius:14px;text-align:center;cursor:pointer;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);display:flex;flex-direction:column;align-items:center;gap:8px}.provider-tab:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(16,185,129,0.15);border-color:rgba(16,185,129,0.5)}.provider-tab.active{background:linear-gradient(135deg,#10b981,#06b6d4);color:white;border-color:transparent;box-shadow:0 6px 20px rgba(16,185,129,0.3)}.provider-tab i{font-size:28px}.provider-tab span{font-size:13px;font-weight:700}.upload-box{padding:48px 32px;background:linear-gradient(135deg,rgba(16,185,129,0.05),rgba(6,182,212,0.05));border:3px dashed rgba(16,185,129,0.3);border-radius:20px;text-align:center;transition:all 0.4s ease}.upload-box:hover{border-color:rgba(16,185,129,0.6);background:linear-gradient(135deg,rgba(16,185,129,0.08),rgba(6,182,212,0.08))}.upload-box i{font-size:56px;color:#10b981;margin-bottom:16px;display:block}.upload-box h4{margin:12px 0 8px;font-size:18px;font-weight:800;color:#1e293b}.upload-box p{margin:0 0 20px;color:#64748b;font-size:14px}.form-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:32px;padding-top:24px;border-top:2px solid rgba(16,185,129,0.15)}.form-check-modern{padding:18px 22px;background:linear-gradient(135deg,rgba(255,255,255,0.9),rgba(240,253,244,0.9));border:2px solid rgba(16,185,129,0.15);border-radius:16px;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 3px 12px rgba(16,185,129,0.05)}.form-check-modern:hover{background:linear-gradient(135deg,white,rgba(240,253,244,1));border-color:rgba(16,185,129,0.4);box-shadow:0 6px 20px rgba(16,185,129,0.15);transform:translateY(-2px)}.form-check-modern .form-check-input{width:24px;height:24px;margin-left:12px;cursor:pointer;accent-color:#10b981}.form-check-modern .form-check-label{cursor:pointer;display:flex;align-items:center;gap:12px}.form-check-modern .check-content{display:flex;align-items:center;gap:12px}.form-check-modern .check-content i{font-size:20px;color:#10b981}.form-check-modern .check-content strong{display:block;font-size:14px;font-weight:800;color:#1e293b;margin-bottom:4px}.form-check-modern .check-content small{display:block;font-size:12px;color:#64748b}.content-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:8px}.content-type-card{cursor:pointer;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1)}.type-card-inner{padding:28px 24px;background:rgba(255,255,255,0.95);border:2px solid rgba(16,185,129,0.15);border-radius:20px;text-align:center;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 4px 15px rgba(16,185,129,0.08)}.content-type-card:hover .type-card-inner{transform:translateY(-8px);box-shadow:0 12px 35px rgba(16,185,129,0.2);border-color:rgba(16,185,129,0.4)}.type-icon-wrapper{margin-bottom:16px;padding:16px;border-radius:16px;display:inline-block}.type-icon{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;color:white;margin:0 auto}.type-icon i{display:block;line-height:1;font-size:inherit}.type-icon i:before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased}.type-icon i.fa:not([class*="fa-"]):before{content:"\f15b"}.type-icon i.fas:empty:before,.type-icon i.far:empty:before,.type-icon i.fab:empty:before{opacity:1!important}.type-icon i.fa-file-alt:before{content:"\f15c"}.type-icon i.fa-headphones:before{content:"\f025"}.type-icon i.fa-download:before{content:"\f019"}.type-title{margin:12px 0 8px;font-size:16px;font-weight:800;color:#1e293b}.type-description{margin:0;font-size:13px;color:#64748b;line-height:1.5}#chapterModal .btn-primary,#chapterModal .form-actions .btn-primary{padding:15px 32px;background:linear-gradient(135deg,#ff5722 0%,#f44336 50%,#ff9800 100%);background-size:200% 200%;color:white;border:none;border-radius:14px;font-weight:800;font-size:15px;cursor:pointer;transition:all 0.5s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 6px 20px rgba(255,87,34,0.35),0 0 15px rgba(255,87,34,0.25);position:relative;overflow:hidden;animation:chapterButtonGradient 3s ease infinite}@keyframes chapterButtonGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}#chapterModal .btn-primary:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 10px 30px rgba(255,87,34,0.45),0 0 25px rgba(255,87,34,0.35)}#chapterModal .btn-primary:active{transform:translateY(-1px)scale(1.02)}#chapterModal .btn-secondary,#chapterModal .form-actions .btn-secondary{padding:15px 32px;background:linear-gradient(to bottom,#ffffff,#fff5f0);color:#ff5722;border:2px solid rgba(255,87,34,0.25);border-radius:14px;font-weight:800;font-size:15px;cursor:pointer;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 4px 12px rgba(255,87,34,0.08)}#chapterModal .btn-secondary:hover{background:white;border-color:#ff5722;transform:translateY(-2px);box-shadow:0 6px 18px rgba(255,87,34,0.15)}#contentEditorModal .btn-primary,#contentTypeSelectorModal .btn-primary,#contentEditorModal .form-actions .btn-primary{padding:15px 32px;background:linear-gradient(135deg,#10b981 0%,#06b6d4 50%,#14b8a6 100%);background-size:200% 200%;color:white;border:none;border-radius:14px;font-weight:800;font-size:15px;cursor:pointer;transition:all 0.5s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 6px 20px rgba(16,185,129,0.35),0 0 15px rgba(16,185,129,0.25);position:relative;overflow:hidden;animation:contentButtonGradient 3s ease infinite}@keyframes contentButtonGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}#contentEditorModal .btn-primary:hover,#contentTypeSelectorModal .btn-primary:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 10px 30px rgba(16,185,129,0.45),0 0 25px rgba(16,185,129,0.35)}#contentEditorModal .btn-primary:active,#contentTypeSelectorModal .btn-primary:active{transform:translateY(-1px)scale(1.02)}#contentEditorModal .btn-secondary,#contentTypeSelectorModal .btn-secondary,#contentEditorModal .form-actions .btn-secondary{padding:15px 32px;background:linear-gradient(to bottom,#ffffff,#f0fdf4);color:#10b981;border:2px solid rgba(16,185,129,0.25);border-radius:14px;font-weight:800;font-size:15px;cursor:pointer;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 4px 12px rgba(16,185,129,0.08)}#contentEditorModal .btn-secondary:hover,#contentTypeSelectorModal .btn-secondary:hover{background:white;border-color:#10b981;transform:translateY(-2px);box-shadow:0 6px 18px rgba(16,185,129,0.15)}#contentManagerModal .btn-primary{padding:12px 24px;background:linear-gradient(135deg,#10b981,#06b6d4);color:white;border:none;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 4px 15px rgba(16,185,129,0.3)}#contentManagerModal .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,0.4)}#contentManagerModal .btn-success{background:linear-gradient(135deg,#10b981,#14b8a6);color:white;border:none;padding:10px 20px;border-radius:10px;font-weight:700;cursor:pointer;transition:all 0.3s ease;box-shadow:0 3px 12px rgba(16,185,129,0.25)}#contentManagerModal .btn-success:hover{transform:translateY(-2px);box-shadow:0 5px 18px rgba(16,185,129,0.35)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:12px;font-family:'Vazirmatn',sans-serif;font-weight:700;font-size:14px;cursor:pointer;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);border:none;outline:none;position:relative}.btn i{font-size:16px}.btn:disabled{opacity:0.6;cursor:not-allowed;transform:none!important}.btn-sm{padding:8px 16px;font-size:13px;border-radius:10px}.btn-sm i{font-size:14px}.btn-icon{width:40px;height:40px;padding:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.btn-block{width:100%;display:flex}.btn-info{background:linear-gradient(135deg,#06b6d4,#0891b2);color:white;box-shadow:0 4px 15px rgba(6,182,212,0.3)}.btn-info:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(6,182,212,0.4)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:white;box-shadow:0 4px 15px rgba(239,68,68,0.3)}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(239,68,68,0.4)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:white;box-shadow:0 4px 15px rgba(16,185,129,0.3)}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,0.4)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:white;box-shadow:0 4px 15px rgba(245,158,11,0.3)}.btn-warning:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,158,11,0.4)}@media print{.training-hero-modern,.training-nav-container,.food-header,.food-tabs,.training-modal,.timika-modal-overlay{display:none}.training-page,.food-order-content{background:white}.modern-card{box-shadow:none;border:1px solid var(--color-border);page-break-inside:avoid}}