.error-details{background:#2d1b1b;border:1px solid #f56565;border-radius:6px;padding:15px;margin:15px 0;color:#fed7d7}.error-details h4{color:#f56565;margin:0 0 10px}.error-details pre{background:#1a1a1a;padding:10px;border-radius:4px;overflow-x:auto;font-size:12px;white-space:pre-wrap}.error-details button{background:#f56565;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;margin-top:10px}.payment-button{transition:all .3s ease}.payment-button:hover:not(:disabled){background-color:#218838!important;transform:translateY(-1px)}.payment-button:disabled{opacity:.7}.course-grid-container{max-width:1200px;margin:0 auto;padding:20px}.course-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#e2e8f0}.spinner{animation:spin 1s linear infinite;border:3px solid #4a5568;border-top:3px solid #63b3ed;border-radius:50%;width:40px;height:40px;margin-bottom:20px}.loading-text{font-size:16px;margin-bottom:10px}.loading-subtext{font-size:14px;opacity:.7}.course-list-error{background:#e53e3e;color:#fff;padding:30px;border-radius:12px;text-align:center;margin:20px auto;max-width:600px}.course-list-error h3{margin-top:0}.error-hint{font-size:14px;opacity:.8;margin-top:10px}.retry-btn{background:#fff;color:#e53e3e;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;margin-top:15px;font-weight:700}.retry-btn:hover{background:#f7fafc}.auto-register-info{background:#48bb78;color:#fff;padding:15px 20px;border-radius:8px;margin-bottom:20px;position:relative}.auto-register-info h4,.auto-register-info p{margin:0 0 10px}.auto-register-info ul{margin:0;padding-left:20px}.auto-register-info li{margin-bottom:5px}.close-btn{position:absolute;top:10px;right:15px;background:none;border:none;color:#fff;cursor:pointer;font-size:18px}.close-btn:hover{opacity:.8}.skipped-info{margin-top:10px;font-size:14px;opacity:.9}.course-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:#2d3748;padding:20px;border-radius:8px;flex-wrap:wrap;gap:15px}.header-info{flex:1;min-width:300px}.header-info h2{color:#fff;margin:0 0 5px}.header-stats{color:#a0aec0;margin:0;font-size:14px}.header-actions{display:flex;gap:10px;flex-wrap:wrap}.rescan-btn{background:#63b3ed;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px}.rescan-btn:hover{background:#4299e1}.add-course-info-btn{background:#48bb78;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px}.add-course-info-btn:hover{background:#38a169}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:20px 0}.no-courses{grid-column:1 / -1;text-align:center;color:#a0aec0;padding:60px 20px;background:#2d3748;border-radius:8px}.no-courses-icon{font-size:48px;margin-bottom:20px}.no-courses h3{color:#fff;margin-bottom:15px}.no-courses p{margin-bottom:20px}.admin-instructions{background:#1a202c;padding:20px;border-radius:8px;margin-top:20px;text-align:left}.admin-instructions h4{color:#63b3ed;margin-top:0}.admin-instructions ol{color:#e2e8f0;padding-left:20px}.admin-instructions code{background:#4a5568;padding:2px 4px;border-radius:3px;font-family:monospace}.rescan-empty-btn{background:#63b3ed;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;margin-top:20px}.rescan-empty-btn:hover{background:#4299e1}.course-card{background:#2d3748;border:1px solid #4a5568;border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:15px;transition:transform .2s,box-shadow .2s;position:relative;cursor:pointer}.course-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.auto-badge{position:absolute;top:10px;right:10px;background:#48bb78;color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700}.course-header-card{padding-right:60px}.course-title{color:#fff;margin:0 0 8px;font-size:18px;font-weight:600}.course-software{background:#63b3ed;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;display:inline-block}.course-description{color:#a0aec0;margin:0;font-size:14px;line-height:1.5;flex:1}.course-file-info{background:#1a202c;padding:10px;border-radius:4px;font-size:12px;color:#a0aec0}.course-file-info div{margin-bottom:4px}.course-file-info div:last-child{margin-bottom:0}.course-price{font-size:20px;font-weight:700;color:#48bb78;text-align:center}.course-actions{display:flex;flex-direction:column;gap:8px}.enter-course-btn{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;width:100%;transition:background-color .2s}.enter-course-btn:hover{background:#218838}.enter-course-btn.admin{background:#805ad5}.enter-course-btn.admin:hover{background:#6b46c1}.preview-course-btn{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;width:100%;transition:background-color .2s}.preview-course-btn:hover{background:#5a6268}@media (max-width: 768px){.course-grid-container{padding:10px}.course-header{flex-direction:column;align-items:stretch}.header-info{min-width:auto}.header-actions{justify-content:center}.course-grid{grid-template-columns:1fr;padding:10px 0}.course-header-card{padding-right:30px}.auto-badge{font-size:8px;padding:1px 6px}}.edit-description-input{width:100%;margin-top:8px;padding:8px 12px;background:#2d3748;border:2px solid #3182ce;border-radius:6px;color:#fff;font-size:14px;resize:vertical;min-height:60px;font-family:inherit;line-height:1.4}.edit-description-input:focus{outline:none;border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed33}.edit-description-input::placeholder{color:#a0aec0}.edit-title-form{display:flex;flex-direction:column;gap:8px;flex:1}.edit-actions{display:flex;gap:8px;align-self:flex-start;margin-top:8px}.course-cover{width:100%;height:200px;overflow:hidden;border-radius:8px;margin-bottom:15px}.course-cover-image{width:100%;height:100%;object-fit:cover;object-position:center}.comments-section{margin-top:20px}.comments-section h3{color:#fff;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #718096}.comments-loading{text-align:center;padding:20px;color:#e2e8f0}.comment-form{margin-bottom:30px}.comment-form textarea{width:100%;min-height:120px;padding:15px;background:#2d3748;color:#fff;border:2px solid #718096;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;box-sizing:border-box;transition:all .3s ease}.comment-form textarea::placeholder{color:#a0aec0}.comment-form textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce33;background:#1a202c}.comment-form button{background:#2b6cb0;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;margin-top:12px;transition:all .3s ease}.comment-form button:hover:not(:disabled){background:#2c5282;transform:translateY(-1px)}.comment-form button:disabled{background:#4a5568;cursor:not-allowed;transform:none}.comments-list{margin-top:20px}.no-comments{text-align:center;color:#a0aec0;font-style:italic;padding:40px;background:#2d3748;border-radius:12px;border:1px dashed #718096}.comment-item{background:linear-gradient(135deg,#2d3748,#1a202c);padding:20px;border-radius:12px;margin-bottom:16px;border:1px solid #4a5568;box-shadow:0 4px 6px #0000004d;transition:all .3s ease;position:relative}.comment-item:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0006;border-color:#3182ce}.comment-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,#3182ce,#2b6cb0);border-radius:12px 0 0 12px}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #4a5568}.comment-author{font-weight:600;color:#63b3ed;font-size:15px}.comment-date{color:#a0aec0;font-size:12px}.comment-text{margin:0;color:#e2e8f0;line-height:1.6;white-space:pre-wrap;font-size:14px}@media (max-width: 768px){.comments-section{padding:15px}.comment-form textarea{min-height:100px;padding:12px}.comment-header{flex-direction:column;align-items:flex-start;gap:5px}.comment-item{padding:16px}}.comment-thread{margin-bottom:24px}.comment-actions{margin-top:12px;display:flex;gap:12px}.reply-btn,.toggle-replies-btn{background:none;border:none;color:#63b3ed;cursor:pointer;font-size:13px;padding:4px 8px;border-radius:4px;transition:all .3s ease}.reply-btn:hover,.toggle-replies-btn:hover{background:#2d3748;color:#90cdf4}.reply-form{margin-top:16px;padding:16px;background:#1a202c;border-radius:8px;border:1px solid #4a5568}.reply-form textarea{width:100%;min-height:80px;padding:12px;background:#2d3748;color:#fff;border:1px solid #4a5568;border-radius:6px;font-size:13px;font-family:inherit;resize:vertical;box-sizing:border-box}.reply-form-actions{margin-top:12px;display:flex;gap:8px}.submit-reply-btn{background:#2b6cb0;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px}.submit-reply-btn:hover:not(:disabled){background:#2c5282}.cancel-reply-btn{background:#4a5568;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px}.cancel-reply-btn:hover{background:#2d3748}.replies-container{margin-top:16px;margin-left:32px;border-left:2px solid #4a5568;padding-left:16px}.reply-item{background:linear-gradient(135deg,#1a202c,#2d3748);padding:16px;border-radius:8px;margin-bottom:12px;border:1px solid #2d3748;position:relative}.reply-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#4a5568;border-radius:8px 0 0 8px}@media (max-width: 768px){.replies-container{margin-left:16px;padding-left:12px}.comment-actions{flex-wrap:wrap}}.preview-badge{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-top:8px;display:inline-block;box-shadow:0 2px 4px #f565654d}.video-wrapper{position:relative}.preview-timer{position:absolute;top:10px;right:10px;background:#000c;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:600;z-index:10}.purchase-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:100;border-radius:8px}.purchase-modal{background:#2d3748;padding:40px;border-radius:12px;max-width:500px;width:90%;text-align:center;border:2px solid #3182ce;box-shadow:0 8px 32px #0009}.purchase-modal h3{color:#fff;margin:0 0 20px;font-size:24px}.purchase-modal p{color:#e2e8f0;margin-bottom:15px;line-height:1.6}.purchase-modal ul{text-align:left;color:#e2e8f0;margin:20px 0;padding-left:20px}.purchase-modal li{margin:8px 0;line-height:1.5}.purchase-price{background:#1a202c;padding:20px;border-radius:8px;margin:25px 0;border:1px solid #4a5568}.price-label{display:block;color:#a0aec0;font-size:14px;margin-bottom:8px}.price-amount{color:#48bb78;font-size:28px;font-weight:700}.purchase-actions{display:flex;gap:15px;margin-top:30px}.purchase-btn{flex:1;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;padding:15px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.purchase-btn:hover{background:linear-gradient(135deg,#38a169,#2f855a);transform:translateY(-2px)}.close-overlay-btn{background:#4a5568;color:#fff;border:none;padding:15px 24px;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .3s}.close-overlay-btn:hover{background:#2d3748}.recurso-item.locked{opacity:.6;background:#1a202c;border-color:#2d3748}.locked-message{color:#f56565;font-size:12px;font-weight:500;display:block;margin-top:4px}.not-available{color:#718096;font-style:italic;font-size:14px;padding:8px 16px}.preview-note{color:#f56565;font-weight:500}@media (max-width: 768px){.purchase-modal{padding:30px 20px;margin:20px}.purchase-modal h3{font-size:20px}.price-amount{font-size:24px}.purchase-actions{flex-direction:column}.preview-timer{font-size:12px;padding:6px 10px}}.blocked-resource{color:#f56565;font-weight:600;font-size:14px;padding:8px 16px;background:#f565651a;border-radius:4px}.module-list{max-width:1200px;margin:0 auto;padding:20px;background:#4a5568;min-height:100vh}.module-list h2{color:#fff;margin-bottom:30px;text-align:center;font-size:28px}.loading{text-align:center;padding:50px;font-size:18px;color:#e2e8f0}.course-navigation{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding:20px;background:#2d3748;border-radius:8px;box-shadow:0 4px 6px #0000004d}.course-navigation .back-to-courses{background:#718096;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;transition:background-color .3s}.course-navigation .back-to-courses:hover{background:#2c5282}.course-navigation h2{margin:0;color:#fff;text-align:left}.module-card{background:#2d3748;border-radius:12px;box-shadow:0 4px 6px #0000004d;margin-bottom:30px;overflow:hidden;border:1px solid #4a5568;transition:all .3s ease}.module-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0006;border-color:#3182ce}.module-header{background:#1a202c;padding:20px;border-bottom:1px solid #4a5568;display:flex;justify-content:space-between;align-items:center}.module-header h3{margin:0;color:#fff;font-size:24px}.lesson-count{background:#3182ce;color:#fff;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:500}.module-description{padding:15px 20px;color:#e2e8f0;margin:0;line-height:1.6}.lessons-list{padding:0 20px 20px}.lesson-item{display:flex;justify-content:space-between;align-items:center;padding:18px;border:1px solid #4a5568;border-radius:8px;margin-bottom:12px;cursor:pointer;transition:all .3s ease;background:#4a5568}.lesson-item:hover{background:#1a202c;border-color:#3182ce;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.lesson-info h4{margin:0 0 5px;color:#fff;font-size:18px}.lesson-duration{color:#a0aec0;font-size:14px}.lesson-actions{display:flex;gap:10px}.play-btn{background:#48bb78;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s}.play-btn:hover{background:#38a169}.download-btn{background:#718096;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.download-btn:hover{background:#2d3748}.no-lessons{padding:30px;text-align:center;color:#a0aec0;font-style:italic;background:#1a202c;border-radius:8px;margin:15px 20px 20px}@media (max-width: 768px){.module-list{padding:15px}.course-navigation{flex-direction:column;align-items:flex-start;gap:15px}.lesson-item{flex-direction:column;gap:15px;text-align:center}.lesson-actions{justify-content:center}}.preview-mode-badge{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;padding:6px 12px;border-radius:15px;font-size:12px;font-weight:600;margin-top:8px;display:inline-block}.course-info{display:flex;flex-direction:column}.lesson-item.preview-mode{border-left:4px solid #f56565}.lesson-item.preview-mode .play-btn{background:#ed8936}.lesson-item.preview-mode .play-btn:hover{background:#dd6b20}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw;background:#4a5568;padding:20px;box-sizing:border-box}.auth-form{background:#2d3748;padding:40px;border-radius:12px;box-shadow:0 8px 16px #0006;width:100%;max-width:400px;border:1px solid #718096;box-sizing:border-box}.auth-form h2{text-align:center;margin-bottom:30px;color:#fff;font-size:28px}.auth-form input{width:100%;padding:15px;margin:12px 0;border:2px solid #718096;border-radius:8px;font-size:16px;box-sizing:border-box;background:#4a5568;color:#fff;transition:all .3s ease}.password-input-container{position:relative;margin:12px 0}.password-input-container input{width:100%;padding:15px 40px 15px 15px;margin:0;border:2px solid #718096;border-radius:8px;font-size:16px;box-sizing:border-box;background:#4a5568;color:#fff;transition:all .3s ease}.password-toggle{position:absolute;top:50%;right:15px;transform:translateY(-50%);background:transparent;border:none;color:#a0aec0;cursor:pointer;font-size:18px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:#63b3ed}.auth-form input::placeholder,.password-input-container input::placeholder{color:#a0aec0}.auth-form input:focus,.password-input-container input:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce33;background:#1a202c}.auth-form button{width:100%;padding:15px;background:#2b6cb0;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;margin-top:15px;transition:all .3s ease;box-sizing:border-box}.auth-form button:hover{background:#2c5282;transform:translateY(-1px)}.forgot-password{text-align:center;margin:15px 0 10px}.forgot-link{color:#63b3ed;cursor:pointer;text-decoration:underline;font-size:14px;transition:color .3s ease}.forgot-link:hover{color:#90cdf4}.toggle-auth{text-align:center;margin-top:20px;color:#63b3ed;cursor:pointer;text-decoration:underline;font-size:14px;transition:color .3s ease}.toggle-auth:hover{color:#90cdf4}@media (max-width: 480px){.auth-container{padding:15px}.auth-form{padding:30px 20px;max-width:100%}.auth-form h2{font-size:24px}}.analytics-container{max-width:1200px;margin:0 auto;padding:20px;background:#4a5568;min-height:100vh;width:100%;box-sizing:border-box;overflow-x:hidden}.analytics-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding:20px;background:#2d3748;border-radius:8px}.analytics-header h1{color:#fff;margin:0;font-size:28px}.back-btn{background:#718096;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;transition:background-color .3s}.back-btn:hover{background:#2c5282}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.checkout-card{background:#2d3748;padding:25px;border-radius:12px;border:1px solid #4a5568;box-shadow:0 4px 6px #0000004d;display:flex;flex-direction:column;gap:20px}.checkout-card h3{color:#fff;margin:0;font-size:18px;border-bottom:2px solid #4a5568;padding-bottom:10px}.course-info{display:flex;flex-direction:column;gap:15px}.course-image{width:100%;height:120px;object-fit:cover;border-radius:6px}.course-details{display:flex;flex-direction:column;gap:8px}.course-title{color:#e2e8f0;font-size:18px;font-weight:700;line-height:1.3}.course-description{color:#a0aec0;font-size:14px;line-height:1.4}.course-metadata{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;color:#cbd5e0}.pricing-breakdown{background:#1a202c;padding:15px;border-radius:8px;border:1px solid #4a5568}.price-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:#e2e8f0;font-size:14px}.price-row:not(:last-child){border-bottom:1px solid #4a5568}.total-row{font-weight:700;font-size:16px;color:#48bb78;border-top:2px solid #4a5568;margin-top:10px;padding-top:15px}.country-info{display:flex;align-items:center;gap:12px;background:#1a202c;padding:15px;border-radius:8px}.country-flag{font-size:32px}.country-details{display:flex;flex-direction:column;gap:4px}.country-name{color:#e2e8f0;font-weight:700;font-size:16px}.city-name{color:#a0aec0;font-size:14px}.payment-available{color:#718096;font-size:12px}.payment-method{display:flex;align-items:center;gap:12px;background:#1a202c;padding:15px;border-radius:8px;border:2px solid #4299e1}.payment-logo{font-size:24px}.payment-details{display:flex;flex-direction:column;gap:4px}.payment-name{color:#e2e8f0;font-weight:700;font-size:16px}.payment-description{color:#a0aec0;font-size:14px}.user-info{background:#1a202c;padding:15px;border-radius:8px}.user-info h4{color:#e2e8f0;margin:0 0 10px;font-size:14px}.user-info div{color:#a0aec0;font-size:14px;margin-bottom:5px}.security-info{background:#f0fff4;border:1px solid #9ae6b4;padding:15px;border-radius:8px}.security-info h4{color:#22543d;margin:0 0 10px;font-size:14px}.security-info div{color:#22543d;font-size:14px;margin-bottom:3px}.payment-button{width:100%;padding:15px 20px;font-size:16px;font-weight:700;background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.payment-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4299e166}.payment-button:disabled{background:#a0aec0;cursor:not-allowed;opacity:.6}.processing{display:flex;align-items:center;justify-content:center;gap:10px}.spinner{width:20px;height:20px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.terms-notice{font-size:12px;color:#a0aec0;text-align:center;line-height:1.4}.terms-notice a{color:#63b3ed;text-decoration:underline}.terms-notice a:hover{color:#90cdf4}.guarantees-section{background:#2d3748;padding:25px;border-radius:12px;border:1px solid #4a5568;box-shadow:0 4px 6px #0000004d}.guarantees-section h3{color:#fff;margin:0 0 20px;font-size:18px;border-bottom:2px solid #4a5568;padding-bottom:10px}.guarantees-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.guarantee-item{background:#1a202c;padding:20px;border-radius:8px;text-align:center;border:1px solid #4a5568}.guarantee-icon{font-size:32px;margin-bottom:10px}.guarantee-item h4{color:#e2e8f0;margin:0 0 8px;font-size:16px}.guarantee-item div{color:#a0aec0;font-size:14px}@media (max-width: 1024px){.checkout-grid{grid-template-columns:1fr;gap:15px}}@media (max-width: 768px){.analytics-container{padding:10px}.analytics-header{flex-direction:column;gap:10px;text-align:center;padding:15px;margin-bottom:15px}.analytics-header h1{font-size:20px}.checkout-grid{grid-template-columns:1fr;gap:15px;margin-bottom:15px}.checkout-card{padding:15px}.checkout-card h3{font-size:16px}.guarantees-grid{grid-template-columns:1fr;gap:15px}.guarantees-section{padding:15px}.country-info{flex-direction:row;text-align:left;padding:12px}.country-flag{font-size:24px}.payment-method{flex-direction:row;text-align:left;padding:12px}.course-metadata{justify-content:flex-start;flex-wrap:wrap}.course-title{font-size:16px}.course-description{font-size:13px}.pricing-breakdown{padding:12px}.price-row{font-size:13px;padding:6px 0}.total-row{font-size:14px}.user-info,.security-info{padding:12px}.payment-button{padding:12px 15px;font-size:14px}.terms-notice{font-size:11px;margin-top:8px}}@media (max-width: 480px){.analytics-container{padding:8px;max-width:100%;overflow-x:hidden}.checkout-card{padding:12px;margin-bottom:10px;word-wrap:break-word;overflow-wrap:break-word}.checkout-card h3{font-size:14px;margin-bottom:15px}.analytics-header{padding:12px;margin-bottom:10px}.analytics-header h1{font-size:18px;line-height:1.2}.course-title{font-size:14px;line-height:1.3;word-break:break-word}.course-description{font-size:12px;line-height:1.4}.course-metadata{font-size:11px;gap:8px}.price-row{font-size:12px;padding:5px 0;word-break:break-word}.price-row span:last-child{text-align:right;white-space:nowrap}.total-row{font-size:13px;padding-top:8px}.country-name,.payment-name{font-size:14px}.city-name,.payment-description{font-size:12px}.user-info div{font-size:12px;word-break:break-word}.security-info{padding:10px}.security-info div{font-size:12px}.payment-button{padding:10px 12px;font-size:13px;word-break:break-word}.terms-notice{font-size:10px;margin-top:6px;line-height:1.3}.guarantees-section{padding:12px}.guarantee-item{padding:15px}.guarantee-item h4{font-size:14px}.guarantee-item div{font-size:12px}*{max-width:100%;box-sizing:border-box}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background-color:#718096;border:1px solid #2d3748;border-radius:8px;padding:15px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.stat-card div{color:#9b9797}.stat-card span{font-size:12px;font-weight:700}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.chart-card{background:#2d3748;padding:25px;border-radius:12px;border:1px solid #4a5568;box-shadow:0 4px 6px #0000004d}.chart-card h3{color:#fff;margin:0 0 20px;font-size:18px;border-bottom:2px solid #4a5568;padding-bottom:10px}.video-stat,.course-stat{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;align-items:center;padding:15px;margin:10px 0;background:#1a202c;border-radius:8px;border-left:4px solid #63b3ed}.video-title,.course-title{color:#e2e8f0;font-weight:500;font-size:14px}.video-views,.enrollments{color:#48bb78;font-weight:600;text-align:center;font-size:16px}.completion-rate{color:#ed8936;font-weight:600;text-align:right;font-size:14px}.activity-chart{background:#2d3748;padding:25px;border-radius:12px;border:1px solid #4a5568;box-shadow:0 4px 6px #0000004d}.activity-chart h3{color:#fff;margin:0 0 20px;font-size:18px;border-bottom:2px solid #4a5568;padding-bottom:10px}.activity-day{display:flex;justify-content:space-between;align-items:center;padding:15px;margin:8px 0;background:#1a202c;border-radius:8px;color:#e2e8f0;border-left:4px solid #63b3ed}.activity-day span:first-child{font-weight:500}.activity-day span:last-child{color:#48bb78;font-weight:600}.no-data{text-align:center;color:#a0aec0;font-style:italic;padding:20px}.city-stat{display:flex;justify-content:space-between;align-items:center;padding:12px;margin:8px 0;background:#1a202c;border-radius:8px;border-left:4px solid #63b3ed}.city-name{color:#e2e8f0;font-weight:500}.city-users{color:#48bb78;font-weight:600}.comment-item-analytics{padding:15px;margin:10px 0;background:#1a202c;border-radius:8px;border-left:4px solid #805ad5;transition:background-color .3s ease}.comment-item-analytics:hover{background:#2a2f3a}.comment-header-analytics{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.comment-author{color:#63b3ed;font-weight:600;font-size:14px}.comment-time{color:#a0aec0;font-size:12px}.comment-course{color:#ed8936;font-size:13px;font-weight:500;margin-bottom:8px;opacity:.9}.comment-text-analytics{color:#e2e8f0;font-size:14px;line-height:1.4;padding:8px 0;border-top:1px solid #4a5568;margin-top:8px}.create-course-modal{background:#2d3748;border-radius:12px;width:90vw;max-width:700px;max-height:90vh;overflow-y:auto;padding:0;border:1px solid #4a5568}.create-course-form{padding:25px}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #4a5568}.form-header h2{margin:0;color:#fff;font-size:22px;font-weight:700}.close-btn{background:#718096;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#e53e3e}.error-message{background:#fed7d7;border:1px solid #e53e3e;color:#c53030;padding:12px 15px;border-radius:8px;margin-bottom:20px;font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{margin-bottom:8px;font-weight:600;color:#e2e8f0;font-size:14px}.form-group input,.form-group textarea,.form-group select{padding:12px 15px;background:#4a5568;border:2px solid #718096;border-radius:8px;color:#fff;font-size:14px;transition:all .3s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#48bb78;box-shadow:0 0 0 3px #48bb7833}.form-group small{margin-top:4px;font-size:12px;color:#a0aec0;font-style:italic}.image-upload-container{margin-top:.5rem}.image-upload-area{position:relative;border:2px dashed #718096;border-radius:8px;padding:2rem;text-align:center;background-color:#4a5568;transition:all .3s ease;cursor:pointer}.image-upload-area:hover{border-color:#48bb78;background-color:#2d3748}.image-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;top:0;left:0}.image-upload-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;width:100%;height:100%}.upload-icon{font-size:2rem;color:#a0aec0}.upload-text{display:flex;flex-direction:column;gap:.25rem}.upload-text strong{color:#48bb78;font-weight:600}.upload-text small{color:#a0aec0;font-size:.875rem}.image-preview{position:relative;display:inline-block;border-radius:8px;overflow:hidden;border:2px solid #718096;background:#4a5568}.preview-image{width:200px;height:120px;object-fit:cover;display:block}.remove-image-btn{position:absolute;top:.5rem;right:.5rem;background:#718096e6;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:#fff;transition:all .2s ease}.remove-image-btn:hover{background:#e53e3ee6;color:#fff}.form-actions{display:flex;gap:15px;justify-content:flex-end;padding-top:20px;border-top:2px solid #4a5568}.cancel-btn{background:#718096;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.cancel-btn:hover:not(:disabled){background:#2c5282}.submit-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.submit-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.create-course-modal{width:95vw;max-height:95vh}.create-course-form{padding:20px}.form-grid{grid-template-columns:1fr;gap:15px}.form-header{flex-direction:column;align-items:flex-start;gap:15px}.close-btn{align-self:flex-end}.form-actions{flex-direction:column}.preview-image{width:150px;height:90px}.image-upload-area{padding:1.5rem}.upload-icon{font-size:1.5rem}}.video-upload-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1500;padding:20px;box-sizing:border-box}.video-upload-modal{background:#2d3748;border-radius:20px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #0006;border:1px solid #4a5568}.modal-header{background:#1a202c;padding:25px 30px;border-bottom:2px solid #4a5568;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.modal-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.course-info{display:flex;gap:15px;flex-wrap:wrap;font-size:14px;color:#a0aec0}.close-btn{background:#e53e3e;color:#fff;border:none;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .3s}.close-btn:hover{background:#c53030}.error-message{background:#fed7d7;border:1px solid #f56565;color:#c53030;padding:15px 20px;margin:20px 30px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;animation:slideInDown .3s ease-out}.dismiss-error{background:transparent;border:none;color:#c53030;cursor:pointer;font-size:16px;padding:0;width:20px;height:20px}.modal-content{padding:30px}.upload-form{display:flex;flex-direction:column;gap:30px}.form-section{background:#1a202c;padding:25px;border-radius:12px;border:1px solid #4a5568}.form-section h3{color:#63b3ed;margin:0 0 20px;font-size:18px;font-weight:600;border-bottom:2px solid #4a5568;padding-bottom:10px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{color:#e2e8f0;font-weight:600;font-size:14px}.form-group input,.form-group textarea{background:#4a5568;border:2px solid #718096;color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce33;background:#2d3748}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.file-group{margin-bottom:25px}.file-label{color:#e2e8f0;font-weight:600;font-size:14px;margin-bottom:12px;display:block}.file-label.required:after{content:" *";color:#f56565}.file-dropzone{border:3px dashed #4a5568;border-radius:12px;padding:30px;text-align:center;background:#2d3748;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.file-dropzone:hover{border-color:#3182ce;background:#1a202c}.file-dropzone.optional{border-style:dotted;opacity:.8}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.dropzone-content{pointer-events:none}.dropzone-icon{font-size:48px;margin-bottom:15px;opacity:.7}.dropzone-content p{color:#e2e8f0;font-size:16px;font-weight:500;margin:0 0 8px}.dropzone-content small{color:#a0aec0;font-size:12px}.file-selected{background:#1a202c;border:2px solid #48bb78;border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center}.file-info{display:flex;align-items:center;gap:15px;flex:1}.file-icon{font-size:32px}.file-details{flex:1}.file-name{color:#e2e8f0;font-weight:600;font-size:14px;margin-bottom:4px;word-break:break-all}.file-size{color:#a0aec0;font-size:12px}.remove-file-btn{background:#e53e3e;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s;flex-shrink:0}.remove-file-btn:hover{background:#c53030}.upload-progress{text-align:center;padding:40px 20px}.progress-header h3{color:#63b3ed;font-size:24px;margin:0 0 10px}.progress-header p{color:#a0aec0;margin:0 0 30px;font-size:16px}.progress-details{max-width:400px;margin:0 auto}.uploading-file{background:#1a202c;padding:20px;border-radius:12px;border:1px solid #4a5568;margin-bottom:25px;display:flex;align-items:center;gap:15px;text-align:left}.uploading-file .file-icon{font-size:32px}.uploading-file .file-name{color:#e2e8f0;font-weight:600;flex:1;word-break:break-all}.uploading-file .file-size{color:#a0aec0;font-size:12px}.progress-bar-container{display:flex;align-items:center;gap:15px;margin-bottom:20px}.progress-bar{flex:1;height:12px;background:#4a5568;border-radius:6px;overflow:hidden;border:1px solid #718096}.progress-fill{height:100%;background:linear-gradient(90deg,#48bb78,#38a169);border-radius:6px;transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{color:#63b3ed;font-weight:700;font-size:16px;min-width:45px}.upload-status p{color:#a0aec0;margin:0;font-size:14px}.form-actions{display:flex;gap:15px;justify-content:flex-end;padding-top:25px;border-top:2px solid #4a5568;flex-wrap:wrap}.form-actions button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.cancel-btn{background:#718096;color:#fff}.cancel-btn:hover{background:#4a5568}.submit-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#38a169,#2f855a);transform:translateY(-1px);box-shadow:0 4px 12px #48bb784d}.submit-btn:disabled{background:#4a5568;color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.video-upload-overlay{padding:10px}.video-upload-modal{max-height:95vh}.modal-header{padding:20px 25px;flex-direction:column;align-items:flex-start;gap:10px}.course-info{width:100%;justify-content:center}.modal-content{padding:25px}.form-section{padding:20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}.file-selected{flex-direction:column;gap:15px;text-align:center}.progress-bar-container{flex-direction:column;gap:10px}.uploading-file{flex-direction:column;text-align:center;gap:10px}}@media (max-width: 480px){.modal-header h2{font-size:20px}.dropzone-icon{font-size:36px}.dropzone-content p{font-size:14px}.file-name{font-size:13px}.progress-header h3{font-size:20px}}.course-editor{padding:0;max-width:100%;margin:0;background:#2d3748;height:100vh;max-height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative}.course-editor-loading,.course-editor-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:#e2e8f0}.spinner{width:40px;height:40px;border:3px solid #4a5568;border-top:3px solid #63b3ed;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.retry-btn{background:#3182ce;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;margin-top:15px}.retry-btn:hover{background:#2c5282}.editor-header{display:flex;align-items:center;padding:20px 25px;background:#1a202c;border-bottom:1px solid #4a5568;flex-shrink:0}.back-btn{background:#718096;color:#fff;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;margin-right:20px;font-size:14px;font-weight:600;transition:all .3s ease}.course-title h2{margin:0;color:#fff;font-size:24px;font-weight:700}.course-title p{margin:5px 0 0;color:#a0aec0;font-size:14px}.editor-tabs{display:flex;gap:0;background:#1a202c;border-bottom:1px solid #4a5568;padding:0 25px;flex-shrink:0}.tab{background:none;border:none;padding:15px 20px;cursor:pointer;border-bottom:3px solid transparent;font-size:14px;color:#a0aec0;transition:all .2s;font-weight:500}.tab:hover{color:#63b3ed;background:#2d3748}.tab.active{color:#63b3ed;border-bottom-color:#63b3ed;background:#2d3748;font-weight:600}.editor-content{background:#2d3748;flex:1;padding:25px;overflow-y:auto!important;overflow-x:hidden;min-height:0;max-height:calc(100vh - 140px);position:relative;scrollbar-width:thin;scrollbar-color:#4a5568 #2d3748}.editor-content::-webkit-scrollbar{width:8px}.editor-content::-webkit-scrollbar-track{background:#2d3748}.editor-content::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px}.editor-content::-webkit-scrollbar-thumb:hover{background:#718096}.course-info-tab{max-width:800px}.form-section{margin-bottom:35px}.form-section h3{margin:0 0 25px;color:#fff;font-size:20px;font-weight:700;padding-bottom:15px;border-bottom:2px solid #4a5568}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#e2e8f0;font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 15px;background:#4a5568;border:2px solid #718096;border-radius:8px;color:#fff;font-size:14px;transition:all .3s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce33}.form-group input::placeholder,.form-group textarea::placeholder{color:#a0aec0}.checkbox-label{display:flex!important;align-items:center;gap:12px;font-weight:500!important;color:#e2e8f0;cursor:pointer}.checkbox-label input{width:auto!important;margin:0;transform:scale(1.2)}.form-actions{margin-top:35px;padding-top:25px;border-top:2px solid #4a5568}.save-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.save-btn:hover{background:linear-gradient(135deg,#38a169,#2f855a);transform:translateY(-2px);box-shadow:0 4px 12px #48bb784d}.modules-tab{max-width:1000px}.modules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#1a202c;border-radius:12px;border:1px solid #4a5568}.modules-header h3{margin:0;color:#fff;font-size:20px;font-weight:700}.create-module-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.create-module-btn:hover{background:linear-gradient(135deg,#38a169,#2f855a);transform:translateY(-1px);box-shadow:0 4px 12px #48bb784d}.no-modules{text-align:center;padding:60px 40px;background:#1a202c;border-radius:12px;border:2px dashed #4a5568;color:#a0aec0}.no-modules p{font-size:18px;margin-bottom:20px}.create-first-module-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;padding:15px 25px;border-radius:8px;cursor:pointer;font-weight:600;font-size:16px;transition:all .3s ease}.create-first-module-btn:hover{background:linear-gradient(135deg,#38a169,#2f855a);transform:translateY(-1px)}.modules-list{display:grid;gap:20px}.module-card{background:#1a202c;border:1px solid #4a5568;border-radius:12px;padding:25px;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.module-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003;border-color:#3182ce}.module-card.editing{border-color:#ed8936;background:#2d3748}.module-card.editing h4{color:#ed8936;margin-bottom:20px;font-size:18px}.edit-form-group{margin-bottom:15px}.edit-form-group label{display:block;margin-bottom:6px;color:#e2e8f0;font-size:13px;font-weight:600}.edit-form-group input,.edit-form-group textarea{width:100%;padding:8px 12px;background:#1a202c;border:2px solid #4a5568;border-radius:6px;color:#fff;font-size:14px;transition:border-color .3s ease;box-sizing:border-box}.edit-form-group input:focus,.edit-form-group textarea:focus{outline:none;border-color:#ed8936}.edit-form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:25px;padding-top:20px;border-top:1px solid #4a5568}.cancel-edit-btn{background:#718096;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;min-width:80px}.save-edit-btn{background:#48bb78;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;min-width:90px}.module-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.module-header h4{margin:0;color:#fff;font-size:18px;font-weight:600}.module-stats{display:flex;gap:10px;font-size:12px}.lessons-count{background:#3182ce;color:#fff;padding:4px 10px;border-radius:15px;font-weight:600}.module-order{background:#718096;color:#fff;padding:4px 10px;border-radius:15px;font-weight:600}.module-description{color:#a0aec0;margin-bottom:20px;line-height:1.6;font-size:14px}.lessons-preview{margin-bottom:20px;background:#2d3748;padding:15px;border-radius:8px;border:1px solid #4a5568}.lessons-preview h5{margin:0 0 12px;font-size:14px;color:#e2e8f0;font-weight:600}.lessons-preview ul{margin:0;padding-left:20px}.lessons-preview li{font-size:13px;color:#a0aec0;margin-bottom:6px;line-height:1.4}.module-actions{display:flex;gap:12px}.edit-btn,.delete-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease}.edit-btn{background:#ed8936;color:#fff}.edit-btn:hover{background:#dd6b20;transform:translateY(-1px)}.delete-btn{background:#e53e3e;color:#fff}.delete-btn:hover{background:#c53030;transform:translateY(-1px)}.create-module-form{background:#1a202c;border:1px solid #4a5568;border-radius:12px;padding:25px;margin-bottom:30px}.create-module-form h4{margin:0 0 25px;color:#63b3ed;font-size:18px;font-weight:700}.create-module-form .form-group label{color:#e2e8f0}.create-module-form .form-group input,.create-module-form .form-group textarea{background:#2d3748;border:2px solid #4a5568;color:#fff}.create-module-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px;padding-top:20px;border-top:1px solid #4a5568}.cancel-btn{background:#718096;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.cancel-btn:hover{background:#2c5282}.submit-btn{background:#3182ce;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.submit-btn:hover{background:#2c5282}.videos-tab{max-width:1200px}.videos-header{margin-bottom:30px;padding:20px;background:#1a202c;border-radius:12px;border:1px solid #4a5568}.videos-header h3{margin:0 0 8px;color:#fff;font-size:20px;font-weight:700}.videos-header p{margin:0;color:#a0aec0;font-size:14px}.no-videos{text-align:center;padding:60px 40px;background:#1a202c;border-radius:12px;border:2px dashed #4a5568;color:#a0aec0}.no-videos p{font-size:16px;margin-bottom:15px;line-height:1.5}.videos-loading{text-align:center;padding:40px;color:#a0aec0;font-size:16px}.videos-list{display:grid;gap:20px}.video-card{background:#1a202c;border:1px solid #4a5568;border-radius:12px;padding:25px;display:flex;justify-content:space-between;align-items:flex-start;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.video-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003;border-color:#3182ce}.video-info{flex:1}.video-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.video-title{margin:0;color:#fff;font-size:18px;font-weight:600;flex:1}.module-badge{background:#3182ce;color:#fff;padding:6px 12px;border-radius:15px;font-size:12px;font-weight:600}.edit-title-form{display:flex;flex-direction:column;gap:12px;flex:1}.edit-field{margin-bottom:12px}.edit-label{display:block;margin-bottom:6px;color:#e2e8f0;font-size:13px;font-weight:600}.edit-title-input,.edit-description-input{width:100%;padding:8px 12px;background:#2d3748;border:2px solid #3182ce;border-radius:6px;color:#fff;font-size:14px;box-sizing:border-box}.edit-description-input{resize:vertical;min-height:60px}.edit-actions{display:flex;gap:8px;justify-content:flex-end}.save-edit-btn,.cancel-edit-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s ease}.save-edit-btn{background:#48bb78;color:#fff}.save-edit-btn:hover{background:#38a169}.cancel-edit-btn{background:#718096;color:#fff}.cancel-edit-btn:hover{background:#2c5282}.video-meta{display:flex;gap:20px;margin-bottom:15px;font-size:13px;color:#a0aec0;flex-wrap:wrap}.video-meta span{display:flex;align-items:center;gap:6px;background:#2d3748;padding:4px 8px;border-radius:6px}.video-description{margin:15px 0;color:#a0aec0;font-size:14px;line-height:1.5}.video-features{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}.feature{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.feature.transcription{background:#bee3f8;color:#2c5282}.feature.practice{background:#c6f6d5;color:#22543d}.video-actions{display:flex;flex-direction:column;gap:10px;margin-left:25px}.edit-video-btn,.delete-video-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;min-width:90px;transition:all .3s ease}.edit-video-btn{background:#ed8936;color:#fff}.edit-video-btn:hover:not(:disabled){background:#dd6b20;transform:translateY(-1px)}.edit-video-btn:disabled{opacity:.5;cursor:not-allowed}.delete-video-btn{background:#e53e3e;color:#fff}.delete-video-btn:hover{background:#c53030;transform:translateY(-1px)}.current-cover-image{margin-bottom:1.5rem;padding:1rem;background:#4a5568;border-radius:8px;border:1px solid #718096}.current-cover-image h4{color:#e2e8f0;margin:0 0 1rem;font-size:14px;font-weight:600}.current-image-container{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.current-cover-preview{width:200px;height:120px;object-fit:cover;border-radius:8px;border:2px solid #718096;background:#2d3748}.remove-current-image-btn{background:#e53e3e;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;align-self:flex-start}.remove-current-image-btn:hover{background:#c53030;transform:translateY(-1px)}.preview-container{position:relative;display:inline-block}.preview-container h4{color:#e2e8f0;margin:0 0 1rem;font-size:14px;font-weight:600}.course-info-tab .image-upload-container{margin-top:.5rem}.course-info-tab .image-upload-area{position:relative;border:2px dashed #718096;border-radius:8px;padding:2rem;text-align:center;background-color:#4a5568;transition:all .3s ease;cursor:pointer}.course-info-tab .image-upload-area:hover{border-color:#48bb78;background-color:#2d3748}.course-info-tab .image-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;top:0;left:0}.course-info-tab .image-upload-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;width:100%;height:100%}.course-info-tab .upload-icon{font-size:2rem;color:#a0aec0}.course-info-tab .upload-text{display:flex;flex-direction:column;gap:.25rem}.course-info-tab .upload-text strong{color:#48bb78;font-weight:600}.course-info-tab .upload-text small{color:#a0aec0;font-size:.875rem}.course-info-tab .image-preview{margin-top:1rem}.course-info-tab .image-preview h4{color:#e2e8f0;margin:0 0 1rem;font-size:14px;font-weight:600}.course-info-tab .preview-image{width:200px;height:120px;object-fit:cover;display:block;border-radius:8px;border:2px solid #718096;background:#4a5568}.course-info-tab .remove-image-btn{position:absolute;top:.5rem;right:.5rem;background:#718096e6;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:#fff;transition:all .2s ease}.course-info-tab .remove-image-btn:hover{background:#e53e3ee6;color:#fff}.form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #4a5568}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{color:#e2e8f0;font-size:16px;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid #48bb78;display:inline-block}.course-form{background:#2d3748;padding:2rem;border-radius:12px;border:1px solid #4a5568}.form-group label{color:#e2e8f0;font-weight:600;font-size:14px;margin-bottom:.5rem;display:block}.form-group small{color:#a0aec0;font-size:12px;font-style:italic;margin-top:.25rem;display:block}.save-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.save-btn:hover{background:linear-gradient(135deg,#38a169,#2f855a);transform:translateY(-1px);box-shadow:0 4px 12px #48bb784d}@media (max-width: 768px){.course-editor{height:100vh}.editor-header{flex-direction:column;align-items:flex-start;gap:15px;padding:15px 20px}.editor-content{padding:20px}.form-row{grid-template-columns:1fr;gap:15px}.modules-header{flex-direction:column;align-items:flex-start;gap:15px}.module-header{flex-direction:column;align-items:flex-start;gap:10px}.video-card{flex-direction:column;gap:20px}.video-actions{flex-direction:row;margin-left:0}.editor-tabs{padding:0 15px;overflow-x:auto;flex-shrink:0}.tab{white-space:nowrap;min-width:fit-content}.current-image-container{flex-direction:column;align-items:center}.current-cover-preview,.course-info-tab .preview-image{width:150px;height:90px}.course-info-tab .image-upload-area{padding:1.5rem}.course-info-tab .upload-icon{font-size:1.5rem}.remove-current-image-btn{align-self:center;width:100%;max-width:200px}}.course-manager{max-width:1400px;margin:0 auto;padding:20px;background:#4a5568;min-height:100vh}.course-manager-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#e2e8f0}.spinner{width:40px;height:40px;border:3px solid #4a5568;border-top:3px solid #63b3ed;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:25px;background:#2d3748;border-radius:12px;border:1px solid #4a5568;flex-wrap:wrap;gap:20px}.header-left h1{color:#fff;margin:0 0 5px;font-size:28px;font-weight:700}.header-left p{color:#a0aec0;margin:0;font-size:16px}.header-actions{display:flex;gap:12px;flex-wrap:wrap}.back-btn,.logout-btn{background:#718096;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.logout-btn{background:#e53e3e}.back-btn:hover{background:#2c5282;transform:translateY(-1px)}.logout-btn:hover{background:#c53030;transform:translateY(-1px)}.error-banner{background:#fed7d7;border:1px solid #f56565;color:#c53030;padding:15px 20px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;animation:slideInDown .3s ease-out}.dismiss-btn{background:transparent;border:none;color:#c53030;cursor:pointer;font-size:16px;padding:0}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#2d3748;padding:20px;border-radius:12px;text-align:center;border:1px solid #4a5568;transition:transform .3s ease}.stat-card:hover{transform:translateY(-2px)}.stat-number{font-size:32px;font-weight:700;color:#63b3ed;margin-bottom:8px}.stat-label{color:#a0aec0;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.manager-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#2d3748;border-radius:12px;border:1px solid #4a5568;flex-wrap:wrap;gap:20px}.controls-left{display:flex;gap:12px;flex-wrap:wrap}.controls-right{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.create-course-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;font-size:16px;transition:all .3s ease}.create-course-btn:hover{background:linear-gradient(135deg,#38a169,#2f855a);transform:translateY(-2px);box-shadow:0 4px 12px #48bb784d}.refresh-btn{background:#3182ce;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:background-color .3s ease}.refresh-btn:hover{background:#2c5282}.search-input,.filter-select,.sort-select{background:#4a5568;border:2px solid #718096;color:#fff;padding:10px 15px;border-radius:8px;font-size:14px;transition:border-color .3s ease}.search-input:focus,.filter-select:focus,.sort-select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce33}.search-input::placeholder{color:#a0aec0}.search-input{min-width:250px}.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.no-courses{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#2d3748;border-radius:12px;border:2px dashed #4a5568;color:#a0aec0}.no-courses p{font-size:18px;margin-bottom:20px}.clear-filters-btn,.create-first-course-btn{background:#3182ce;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;transition:background-color .3s ease}.create-first-course-btn{background:#48bb78}.clear-filters-btn:hover{background:#2c5282}.create-first-course-btn:hover{background:#38a169}.course-admin-card{background:#2d3748;border:1px solid #4a5568;border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px;margin:auto}.course-admin-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0003;border-color:#3182ce}.card-header{background:#1a202c;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #4a5568}.course-status{display:flex;gap:8px;flex-wrap:wrap}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.published{background:#c6f6d5;color:#22543d}.status-badge.draft{background:#fed7af;color:#9c4221}.status-badge.error{background:#fed7d7;color:#c53030}.course-actions-header{display:flex;gap:8px}.toggle-btn,.delete-btn{background:transparent;border:1px solid #4a5568;color:#a0aec0;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.toggle-btn.publish{border-color:#48bb78;color:#48bb78}.toggle-btn.unpublish{border-color:#ed8936;color:#ed8936}.delete-btn{border-color:#e53e3e;color:#e53e3e}.toggle-btn:hover,.delete-btn:hover{background:#ffffff1a}.card-body{padding:20px;max-width:500px}.technical-info{background:#1a202c;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid #4a5568}.tech-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #2d3748}.tech-row:last-child{border-bottom:none}.tech-label{color:#a0aec0;font-size:12px;font-weight:500}.tech-value{color:#e2e8f0;font-size:12px;font-family:monospace}.card-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 20px 20px}.action-btn{padding:10px 15px;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease;text-align:center}.action-btn:disabled{opacity:.5;cursor:not-allowed}.upload-video{background:#48bb78;color:#fff}.upload-video:hover:not(:disabled){background:#38a169}.edit-course{background:#3182ce;color:#fff}.edit-course:hover{background:#2c5282}.view-details{background:#805ad5;color:#fff}.view-details:hover{background:#6b46c1}.manage-content{background:#ed8936;color:#fff}.manage-content:hover{background:#dd6b20}.course-warning,.course-error{padding:12px 20px;margin-top:15px;font-size:13px;font-weight:500;border-radius:0 0 16px 16px}.course-warning{background:#fed7af;color:#9c4221;border-top:2px solid #ed8936}.course-error{background:#fed7d7;color:#c53030;border-top:2px solid #e53e3e}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.courses-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.course-manager{padding:15px}.manager-header{flex-direction:column;align-items:flex-start;text-align:center}.header-actions{width:100%;justify-content:center}.manager-controls{flex-direction:column;align-items:stretch}.controls-left,.controls-right{width:100%;justify-content:center}.search-input{min-width:auto;width:100%}.courses-grid{grid-template-columns:1fr}.course-stats-grid{grid-template-columns:repeat(2,1fr)}.card-actions{grid-template-columns:1fr}.quick-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.course-stats-grid,.quick-stats{grid-template-columns:1fr}.course-meta{flex-direction:column;align-items:flex-start}.tech-row{flex-direction:column;align-items:flex-start;gap:4px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.module-list-modal{background:#fff;border-radius:8px;width:90vw;height:90vh;overflow-y:auto;padding:0;position:relative}.messages-center{min-height:100vh;background:#4a5568;color:#e2e8f0;display:flex;flex-direction:column}.messages-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#2d3748;border-bottom:1px solid #4a5568}.messages-back-btn{background:#718096;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;transition:background-color .3s;font-weight:600}.messages-back-btn:hover{background:#2c5282}.messages-title{display:flex;align-items:center;gap:10px}.messages-title h2{margin:0;color:#fff;font-size:28px;font-weight:700}.unread-badge{background:#e53e3e;color:#fff;border-radius:50%;padding:4px 8px;font-size:12px;font-weight:700;min-width:20px;text-align:center;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #e53e3eb3}70%{box-shadow:0 0 0 10px #e53e3e00}to{box-shadow:0 0 #e53e3e00}}.new-message-btn{background:#718096;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;transition:background-color .3s;font-weight:600}.new-message-btn:hover{background:#2c5282}.messages-content{display:flex;flex:1;height:calc(100vh - 100px);max-width:1200px;margin:0 auto;width:100%}.conversations-panel{width:350px;background:#2d3748;border-right:1px solid #4a5568;overflow-y:auto}.conversations-list{padding:0}.no-conversations{padding:40px 20px;text-align:center;color:#e2e8f0}.no-conversations p{margin-bottom:20px;color:#a0aec0}.start-conversation-btn{background:#718096;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;transition:background-color .3s;font-weight:600}.start-conversation-btn:hover{background:#2c5282}.conversation-item{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid #4a5568;cursor:pointer;transition:all .3s ease;position:relative;color:#e2e8f0}.conversation-item:hover{background:#4a5568}.conversation-item.active{background:#4a5568;border-left:4px solid #63b3ed}.conversation-avatar{width:50px;height:50px;border-radius:50%;margin-right:15px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#4a5568;border:2px solid #718096}.conversation-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:24px;color:#a0aec0}.conversation-info{flex:1;min-width:0}.conversation-name{font-weight:600;margin-bottom:5px;display:flex;align-items:center;gap:8px;color:#e2e8f0}.role-indicator{font-size:16px}.conversation-last-message{color:#a0aec0;font-size:14px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{color:#718096;font-size:12px}.conversation-unread{background:#e53e3e;color:#fff;border-radius:50%;padding:4px 8px;font-size:12px;font-weight:700;min-width:20px;text-align:center}.messages-panel{flex:1;display:flex;flex-direction:column;background:#2d3748;position:relative}.messages-panel.drag-over{border:2px dashed #4299e1}.drag-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#4299e11a;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drag-message{background:#4299e1;color:#fff;padding:20px 30px;border-radius:12px;font-size:18px;font-weight:600;box-shadow:0 8px 25px #4299e14d}.messages-header-chat{padding:20px;background:#2d3748;border-bottom:1px solid #4a5568}.chat-participant-info{display:flex;align-items:center}.participant-avatar{width:45px;height:45px;border-radius:50%;margin-right:15px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#4a5568;border:2px solid #718096}.participant-avatar img{width:100%;height:100%;object-fit:cover}.participant-details h3{margin:0 0 5px;color:#e2e8f0;font-weight:700}.participant-role{color:#a0aec0;font-size:14px;display:flex;align-items:center;gap:5px}.messages-list{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px;background:#1a202c}.message-item{display:flex;gap:12px;max-width:70%}.message-item.own-message{align-self:flex-end;flex-direction:row-reverse}.message-item.other-message{align-self:flex-start}.message-avatar{width:35px;height:35px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#4a5568;border:2px solid #718096;flex-shrink:0}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-content{flex:1}.message-reply{background:#4a5568;padding:8px 12px;border-radius:8px 8px 0 0;border-left:3px solid #63b3ed;margin-bottom:5px}.reply-author{font-weight:600;color:#63b3ed;margin-right:8px}.reply-content{color:#a0aec0;font-style:italic}.message-text{background:#2d3748;padding:12px 16px;border-radius:16px;word-wrap:break-word;line-height:1.4;color:#e2e8f0;border:1px solid #4a5568}.own-message .message-text{background:#4299e1;color:#fff}.message-image{margin:5px 0}.message-image img{cursor:pointer;transition:transform .2s ease;border:1px solid rgba(255,255,255,.1)}.message-image img:hover{transform:scale(1.02)}.image-caption{margin-top:8px;font-size:14px;color:#e2e8f0;padding:8px 12px;background:#2d3748;border-radius:8px;border:1px solid #4a5568}.own-message .image-caption{background:#4299e1;color:#fff}.message-file{margin:5px 0;background:#ffffff0d;border-radius:8px;padding:12px;border:1px solid rgba(255,255,255,.1)}.file-info{display:flex;align-items:center;gap:12px}.file-icon{font-size:24px;flex-shrink:0}.file-details{flex:1;min-width:0}.file-name{font-weight:500;color:#e2e8f0;font-size:14px;word-break:break-word}.file-size{font-size:12px;color:#a0aec0;margin-top:2px}.file-download{background:#4299e1;border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;font-size:14px;transition:all .2s ease;flex-shrink:0;color:#fff}.file-download:hover{background:#3182ce;transform:scale(1.05)}.file-caption{margin-top:8px;font-size:14px;color:#e2e8f0;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.own-message .message-file{background:#4299e11a;border-color:#4299e133}.own-message .file-download{background:#fff;color:#4299e1}.own-message .file-download:hover{background:#f7fafc}.edited-indicator{color:#a0aec0;font-size:12px;font-style:italic;margin-left:8px}.message-meta{display:flex;justify-content:space-between;align-items:center;margin-top:5px;font-size:12px;color:#718096}.message-sender{display:flex;align-items:center;gap:5px;font-weight:600}.sender-role{font-size:14px}.message-time{color:#a0aec0}.message-actions{display:flex;gap:5px;margin-top:5px;opacity:0;transition:opacity .3s ease}.message-item:hover .message-actions{opacity:1}.message-actions button{background:#4a5568;border:1px solid #718096;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:12px;transition:all .3s ease;color:#e2e8f0}.message-actions button:hover{background:#718096;transform:translateY(-1px)}.message-edit{background:#2d3748;padding:12px;border-radius:8px;border:1px solid #4a5568}.edit-textarea{width:100%;background:#1a202c;color:#e2e8f0;border:1px solid #4a5568;border-radius:6px;padding:8px;resize:vertical;min-height:60px;font-family:inherit}.edit-textarea:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 2px #4299e133}.edit-actions{display:flex;gap:10px;margin-top:10px}.save-edit-btn{background:#48bb78;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s ease}.save-edit-btn:hover{background:#38a169;transform:translateY(-1px)}.cancel-edit-btn{background:#e53e3e;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s ease}.cancel-edit-btn:hover{background:#c53030;transform:translateY(-1px)}.no-conversation-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#a0aec0;background:#1a202c}.no-conversation-selected h3{margin-bottom:10px;color:#e2e8f0;font-weight:700}.message-input-container{background:#2d3748;border-top:1px solid #4a5568;padding:20px}.reply-preview{background:#4a5568;padding:10px 15px;border-radius:8px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#a0aec0;border-left:3px solid #4299e1}.cancel-reply{background:#e53e3e;color:#fff;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.cancel-reply:hover{background:#c53030;transform:scale(1.1)}.message-form{display:flex;gap:10px;align-items:flex-end}.message-input{flex:1;background:#1a202c;color:#e2e8f0;border:1px solid #4a5568;border-radius:20px;padding:12px 16px;min-height:20px;max-height:120px;resize:none;font-family:inherit;font-size:14px;line-height:1.4;transition:all .3s ease;box-sizing:border-box}.message-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 2px #4299e133}.message-input::placeholder{color:#718096}.attach-btn{background:#4a5568;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s ease;color:#e2e8f0;flex-shrink:0}.attach-btn:hover:not(:disabled){background:#63b3ed;transform:scale(1.05)}.attach-btn:disabled{opacity:.5;cursor:not-allowed}.send-btn{background:#4299e1;color:#fff;border:none;border-radius:50%;width:45px;height:45px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease;flex-shrink:0}.send-btn:hover:not(:disabled){background:#3182ce;transform:scale(1.05)}.send-btn:disabled{background:#4a5568;cursor:not-allowed;opacity:.6}.upload-progress{display:flex;align-items:center;gap:10px;padding:10px;background:#4299e11a;border-radius:8px;color:#4299e1;font-size:14px;margin-top:8px}.upload-progress .spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid #4299e1;border-radius:50%;animation:spin 1s linear infinite}.input-help{font-size:12px;color:#718096;text-align:center;margin-top:8px;padding:5px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#2d3748;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 25px 50px #00000040;border:1px solid #4a5568}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #4a5568;background:#4a5568}.modal-header h3{margin:0;color:#e2e8f0;font-weight:700}.modal-close{background:none;border:none;color:#a0aec0;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#e53e3e;color:#fff;transform:scale(1.1)}.modal-body{padding:20px;max-height:60vh;overflow-y:auto}.search-users{margin-bottom:20px}.user-search-input{width:100%;background:#1a202c;color:#e2e8f0;border:1px solid #4a5568;border-radius:8px;padding:12px 16px;font-size:14px;transition:all .3s ease}.user-search-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 2px #4299e133}.user-search-input::placeholder{color:#718096}.search-results{display:flex;flex-direction:column;gap:10px}.user-result{display:flex;align-items:center;gap:15px;padding:15px;background:#1a202c;border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px solid #4a5568}.user-result:hover{background:#4a5568;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.user-avatar{width:45px;height:45px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#4a5568;border:2px solid #718096;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info{flex:1;min-width:0}.user-name{font-weight:600;color:#e2e8f0;margin-bottom:5px;display:flex;align-items:center;gap:8px}.user-role-badge{font-size:16px}.user-email{color:#a0aec0;font-size:14px;margin-bottom:3px}.user-location{color:#718096;font-size:12px}.messages-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#a0aec0;background:#4a5568}.spinner{width:40px;height:40px;border:4px solid #4a5568;border-top:4px solid #4299e1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-file,.message-image{animation:fadeIn .3s ease}@media (max-width: 768px){.messages-content{flex-direction:column}.conversations-panel{width:100%;height:200px;border-right:none;border-bottom:1px solid #4a5568}.messages-panel{height:calc(100vh - 300px)}.messages-header{padding:15px 20px;flex-direction:column;gap:1rem;text-align:center}.messages-title h2{font-size:20px}.message-item{max-width:90%}.modal-content{width:95%;margin:20px}.message-image img{max-width:200px;max-height:150px}.file-info{gap:8px}.file-name{font-size:13px}.file-size{font-size:11px}.attach-btn{width:28px;height:28px;font-size:12px}.send-btn{width:36px;height:36px;font-size:14px}}@media (max-width: 480px){.conversation-item{padding:12px 15px}.conversation-avatar{width:40px;height:40px;margin-right:12px}.message-avatar{width:30px;height:30px}.message-input-container{padding:15px}.messages-header{flex-direction:column;gap:10px;align-items:stretch}.messages-back-btn,.new-message-btn{width:100%;text-align:center}}.message-integration-wrapper{position:relative}.message-notifications{position:relative;display:inline-block}.messages-trigger{background:#4ecdc4;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;position:relative;box-shadow:0 2px 4px #0000001a}.messages-trigger:hover{background:#45b7a8;transform:translateY(-1px)}.notification-badge{position:absolute;top:-8px;right:-8px;background:#ff6b6b;color:#fff;border-radius:50%;padding:2px 6px;font-size:11px;font-weight:700;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid white;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ff6b6bb3}70%{box-shadow:0 0 0 10px #ff6b6b00}to{box-shadow:0 0 #ff6b6b00}}.messages-dropdown{position:absolute;top:100%;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:12px;width:320px;max-height:400px;box-shadow:0 25px 50px #00000040;z-index:1000;overflow:hidden;margin-top:5px}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#ffffffe6;border-bottom:1px solid rgba(255,255,255,.2)}.dropdown-header h4{margin:0;color:#333;font-size:16px;font-weight:700}.view-all-btn{background:none;border:none;color:#45b7d1;cursor:pointer;font-size:12px;font-weight:600;text-decoration:underline;transition:all .3s ease}.view-all-btn:hover{color:#4099c4}.dropdown-content{max-height:280px;overflow-y:auto}.message-preview{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.2);cursor:pointer;transition:background .3s ease;color:#333}.message-preview:hover{background:#ffffffb3}.message-preview:last-child{border-bottom:none}.preview-avatar{width:35px;height:35px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border:2px solid #e9ecef;flex-shrink:0}.preview-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:18px;color:#666}.preview-content{flex:1;min-width:0}.preview-name{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-weight:600;color:#333;font-size:14px}.preview-time{color:#999;font-size:11px;font-weight:400}.preview-message{color:#666;font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-unread{background:#ff6b6b;color:#fff;border-radius:50%;padding:2px 6px;font-size:11px;font-weight:700;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.no-messages{padding:30px 20px;text-align:center}.no-messages p{margin:0;color:#666;font-size:14px}.dropdown-footer{padding:15px 20px;background:#fffc;border-top:1px solid rgba(255,255,255,.2)}.open-messages-btn{width:100%;background:linear-gradient(135deg,#45b7d1,#4099c4);color:#fff;border:none;border-radius:6px;padding:.5rem;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease}.open-messages-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.floating-messages-btn{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#4ecdc4,#45b7a8);color:#fff;border:none;border-radius:50%;width:60px;height:60px;cursor:pointer;font-size:24px;box-shadow:0 8px 25px #00000026;z-index:999;transition:all .3s ease}.floating-messages-btn:hover{transform:scale(1.1);box-shadow:0 12px 35px #0003}.floating-messages-btn .notification-badge{top:-5px;right:-5px;font-size:10px;min-width:16px;height:16px}@media (max-width: 768px){.messages-dropdown{width:280px;right:-20px}.message-preview{padding:10px 15px}.preview-avatar{width:30px;height:30px}.dropdown-header,.dropdown-footer{padding:12px 15px}}@media (max-width: 480px){.messages-dropdown{width:calc(100vw - 40px);right:-10px;max-width:300px}.floating-messages-btn{width:50px;height:50px;font-size:20px;bottom:15px;right:15px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.app{width:100vw;min-height:100vh;background:#4a5568;overflow-x:hidden}.app-header{background:#2d3748;padding:15px 20px;border-bottom:1px solid #4a5568;display:flex;justify-content:space-between;align-items:center;width:100%;box-shadow:0 2px 4px #0003}.app-header h1{color:#fff;font-size:24px;margin:0}.user-info{display:flex;align-items:center;gap:15px;color:#e2e8f0}.logout-btn{background:#e53e3e;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.logout-btn:hover{background:#c53030}main{width:100%;min-height:calc(100vh - 70px);padding:0}.loading{display:flex;justify-content:center;align-items:center;min-height:50vh;font-size:18px;color:#e2e8f0}@media (max-width: 768px){.app-header{padding:10px 15px;flex-direction:column;gap:10px}.app-header h1{font-size:20px}.user-info{font-size:14px}main{min-height:calc(100vh - 100px)}}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0;visibility:hidden}}.admin-dashboard,.coach-dashboard,.user-dashboard{color:#fff}.dashboard-welcome{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:2rem;margin-bottom:2rem;text-align:center;border:1px solid rgba(255,255,255,.2)}.dashboard-welcome h2{margin:0 0 .5rem;font-size:2rem;font-weight:700}.dashboard-welcome p{margin:0;opacity:.9;font-size:1.1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem;display:flex;align-items:center;gap:1rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003}.stat-icon{font-size:2.5rem;opacity:.8}.stat-content h3{margin:0 0 .5rem;font-size:.9rem;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.stat-number{font-size:2rem;font-weight:700;color:#fff}.role-breakdown{display:flex;flex-direction:column;gap:.5rem}.role-item{display:flex;justify-content:space-between;align-items:center}.role-badge{padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.role-count{font-weight:700;font-size:1.1rem}.status-indicator{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600}.courses-section{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{margin:0;font-size:1.5rem;font-weight:700}.add-course-btn,.create-first-course-btn{background:#4ecdc4;color:#fff;border:none;padding:.7rem 1.2rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.add-course-btn:hover,.create-first-course-btn:hover{background:#45b7a8;transform:translateY(-2px)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.course-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.course-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003}.course-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.course-header h4{margin:0;font-size:1.2rem;font-weight:700;flex:1}.course-status{padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600}.course-status.active{background:#2ecc71;color:#fff}.course-price{background:#f39c12;color:#fff;padding:.3rem .8rem;border-radius:15px;font-weight:700;font-size:1rem}.progress-circle{background:#3498db;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.course-description{opacity:.9;margin-bottom:1rem;font-size:.95rem;line-height:1.5}.course-stats,.course-meta{display:flex;gap:1rem;margin-bottom:1rem;font-size:.9rem;opacity:.8}.course-stats span,.course-meta span{display:flex;align-items:center;gap:.3rem}.progress-bar{background:#fff3;height:8px;border-radius:4px;margin-bottom:1rem;overflow:hidden}.progress-fill{background:#2ecc71;height:100%;border-radius:4px;transition:width .3s ease}.course-actions{display:flex;gap:.5rem;flex-wrap:wrap}.course-actions button{border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;flex:1;min-width:80px}.edit-btn{background:#3498db;color:#fff}.view-btn{background:#9b59b6;color:#fff}.stats-btn{background:#e67e22;color:#fff}.continue-btn{background:#2ecc71;color:#fff}.certificate-btn{background:#f39c12;color:#fff}.preview-btn{background:#95a5a6;color:#fff}.buy-btn{background:#e74c3c;color:#fff}.course-actions button:hover{transform:translateY(-2px);opacity:.9}.no-courses{text-align:center;padding:3rem 2rem;opacity:.8}.no-courses p{margin-bottom:1rem;font-size:1.1rem}.admin-actions,.coach-actions,.user-actions{margin-bottom:2rem}.admin-actions h3,.coach-actions h3,.user-actions h3{margin-bottom:1rem;font-size:1.3rem;font-weight:700}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2);padding:1rem;border-radius:10px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;text-align:center}.action-btn:hover{background:#fff3;transform:translateY(-3px);box-shadow:0 8px 25px #0003}.refresh-section{text-align:center;margin-top:2rem}.refresh-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.refresh-btn:hover{background:#ffffff4d;transform:translateY(-2px)}@media (max-width: 768px){.stats-grid,.courses-grid,.action-buttons{grid-template-columns:1fr}.section-header{flex-direction:column;gap:1rem;text-align:center}.course-actions{flex-direction:column}.course-header{flex-direction:column;align-items:flex-start;gap:.5rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#4a5568}#root{width:100%;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}