*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.container{margin:0 auto;max-width:1200px;padding:20px}@media (max-width:768px){.container{padding:10px}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.login-box{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0003;max-width:400px;padding:40px;width:100%}.login-box h1{color:#333;margin-bottom:10px;text-align:center}.login-box h2{color:#666;margin-bottom:30px;text-align:center}.login-box select{border:1px solid #ddd;border-radius:4px;font-size:16px;margin:10px 0;padding:10px;width:100%}.toggle-link{color:#007bff;cursor:pointer;margin-top:20px;text-align:center}.toggle-link:hover{text-decoration:underline}@media (max-width:768px){.login-box{margin:20px;padding:30px 20px}}.dashboard{background:#f5f5f5;min-height:100vh}.dashboard-header{align-items:center;background:#fff;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:20px}.dashboard-header h1{color:#333;margin:0}.user-info{align-items:center;display:flex;gap:15px}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:30px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:30px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-5px)}.card h2{color:#333;margin-bottom:10px}.card p{color:#666;line-height:1.6}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:15px}.dashboard-grid{grid-template-columns:1fr}}.upload-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.upload-box{border-radius:10px;box-shadow:0 4px 12px #0000001a;max-width:600px;padding:40px;width:100%}.upload-box h2{color:#333;margin-bottom:30px}.file-input{margin:20px 0}.file-input label{background:#28a745;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;padding:10px 20px}.file-input label:hover{background:#218838}.file-input input[type=file]{display:none}.file-name{color:#666;margin-top:10px}.button-group{margin-top:20px}.button-group button:first-child{background:#6c757d}.button-group button:first-child:hover{background:#5a6268}@media (max-width:768px){.upload-box{padding:30px 20px}}.student-upload-container{animation:fadeIn .5s ease-in;margin:0 auto;max-width:800px;padding:20px}.upload-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.upload-header h2{color:#333;margin:0}.upload-box{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 16px #00000014;padding:30px;transition:box-shadow .3s ease}.upload-box:hover{box-shadow:0 6px 24px #0000001f}.upload-type-selector{display:flex;gap:10px;margin-bottom:30px}.upload-type-selector button{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:15px;transition:all .3s ease}.upload-type-selector button.active{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#007bff;box-shadow:0 4px 12px #007bff4d;color:#fff;transform:translateY(-2px)}.upload-type-selector button:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff33;transform:translateY(-2px)}.form-group{margin-bottom:25px}.form-group label{font-weight:500;margin-bottom:8px}.form-group input[type=file],.form-group input[type=text],.form-group select{background-color:#fff;border:2px solid #ddd;border-radius:8px;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.form-group input[type=text]:hover,.form-group select:hover{border-color:#007bff}.form-group input[type=text]:focus,.form-group select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group input[type=file]{cursor:pointer;padding:10px}.form-group input[type=file]:hover{background-color:#f8f9fa;border-color:#007bff}.file-info{color:#666;font-size:14px;margin-top:10px}.format-hint{color:#999}.upload-progress{animation:slideDown .4s ease-out;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:12px;margin:20px 0;padding:20px}.progress-bar-container{background:#e9ecef;border-radius:20px;box-shadow:inset 0 2px 4px #0000001a;height:40px;margin-bottom:15px;overflow:hidden;position:relative;width:100%}.progress-bar{align-items:center;animation:shimmer 2s infinite;background:linear-gradient(90deg,#007bff,#0056b3 50%,#007bff);background-size:200% 100%;box-shadow:0 2px 8px #007bff66;color:#fff;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;transition:width .3s ease}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-bar:after{animation:progressShine 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-info{animation:pulse 2s infinite;color:#495057;font-size:14px;font-weight:500;margin:0;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.help-text{color:#666}.upload-info{animation:fadeInUp .5s ease-out;background:linear-gradient(135deg,#e7f3ff,#d4e9ff);border:2px solid #b3d9ff;border-radius:10px;box-shadow:0 2px 8px #007bff1a;margin:20px 0;padding:20px}.upload-info h4{align-items:center;color:#007bff;display:flex;font-size:18px;font-weight:600;gap:8px;margin-top:0}.upload-info h4:before{content:"ℹ️";font-size:20px}.upload-info ul{margin:10px 0 0;padding-left:20px}.upload-info li{color:#333;line-height:1.6;margin:10px 0;transition:transform .2s ease}.upload-info li:hover{transform:translateX(5px)}.submit-btn{background:linear-gradient(135deg,#28a745,#20c997);border-radius:10px;box-shadow:0 4px 16px #28a7454d;font-size:18px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.submit-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1ea87a);box-shadow:0 6px 20px #28a74566;transform:translateY(-3px)}.submit-btn:hover:not(:disabled):before{left:100%}.submit-btn:active:not(:disabled){box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.submit-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.submit-btn:disabled:before{display:none}.error{align-items:center;animation:shake .5s ease-in-out;border:2px solid #f5c6cb;border-left:5px solid #dc3545;border-radius:8px;box-shadow:0 4px 12px #dc354533;display:flex;font-weight:500;gap:10px;margin:15px 0;padding:16px 20px}.error:before{content:"⚠️";font-size:20px}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.success{align-items:center;animation:slideDown .4s ease-out;border:2px solid #c3e6cb;border-left:5px solid #28a745;border-radius:8px;box-shadow:0 4px 12px #28a74533;display:flex;font-weight:500;gap:10px;margin:15px 0;padding:16px 20px}.success:before{content:"✓";font-size:24px;font-weight:700}.file-info{animation:fadeIn .3s ease-in;background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin-top:15px;padding:12px}.file-info p{font-weight:500;margin:5px 0}.file-info p:first-child{color:#007bff;font-weight:600}.format-hint{display:block;font-size:12px}.format-hint,.help-text{color:#6c757d;font-style:italic;margin-top:8px}.help-text{font-size:13px;line-height:1.5}.form-group label{color:#333;display:block;font-size:15px;font-weight:600;margin-bottom:10px}@media (max-width:768px){.student-upload-container{padding:15px}.upload-header{align-items:flex-start;flex-direction:column;gap:15px}.upload-box{padding:20px}.upload-type-selector{flex-direction:column}.upload-type-selector button{width:100%}.progress-bar-container{height:35px}.progress-bar{font-size:14px}.submit-btn{font-size:16px;padding:14px}}@media (max-width:480px){.student-upload-container{padding:10px}.upload-box{padding:15px}.upload-header h2{font-size:22px}.form-group label{font-size:14px}.upload-info{padding:15px}.upload-info h4{font-size:16px}.upload-info li{font-size:14px}}.submit-btn.loading{color:#0000;position:relative}.submit-btn.loading:after{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;top:50%;width:20px}.upload-type-selector button:focus{outline:3px solid #007bff4d;outline-offset:2px}.submit-btn:focus{outline:3px solid #28a7454d;outline-offset:2px}.back-btn:focus{outline:3px solid #6c757d4d;outline-offset:2px}.comparison-container{margin:0 auto;max-width:1400px;padding:20px}.comparison-container h1{color:#333;margin-bottom:30px;text-align:center}.video-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:40px}.video-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.video-section h3{color:#333;margin-bottom:15px}.analysis-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:30px}.analysis-results{background:#f8f9fa;border-radius:8px;margin-top:30px;padding:20px}.similarity-score{color:#28a745;font-size:24px;font-weight:700;margin:20px 0}.feedback-list{margin-top:20px}.feedback-list h4{color:#333;margin-bottom:15px}.feedback-list p{color:#666;line-height:1.6;margin:10px 0}.instructor-feedback{background:#fff3cd;border-radius:8px;margin-top:30px;padding:20px}.feedback-item{background:#fff;border-radius:4px;margin:15px 0;padding:15px}.loading{font-size:20px;padding:50px}@media (max-width:768px){.video-grid{grid-template-columns:1fr}}.admin-container{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-box{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:450px;padding:40px;width:100%}.admin-box h2{color:#333;margin:0 0 10px;text-align:center}.admin-subtitle{color:#666;font-size:14px;margin-bottom:30px;text-align:center}.admin-box form{display:flex;flex-direction:column;gap:15px}.admin-box input,.admin-box select{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:12px}.admin-box input:focus,.admin-box select:focus{border-color:#d32f2f;outline:none}.button-group{display:flex;gap:10px;margin-top:10px}.admin-box button{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:16px;padding:12px;transition:background-color .3s}.admin-box button[type=submit]{background-color:#d32f2f;color:#fff}.admin-box button[type=submit]:hover{background-color:#b71c1c}.admin-box button[type=button]{background-color:#666;color:#fff}.admin-box button[type=button]:hover{background-color:#555}.error{background-color:#ffebee;color:#d32f2f}.error,.success{font-size:14px;padding:10px;text-align:center}.success{background-color:#e8f5e9;color:#2e7d32}.video-review-container{background:#1a1a1a;color:#fff;display:flex;flex-direction:column;height:100vh}.video-review-header{align-items:center;background:#2a2a2a;border-bottom:2px solid #3a3a3a;display:flex;justify-content:space-between;padding:20px}.video-review-header h2{margin:0}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:32px;height:40px;line-height:32px;padding:0;width:40px}.close-btn:hover{color:#f44}.video-section{display:flex;flex:1 1;flex-direction:column;gap:15px;padding:20px}.video-wrapper{aspect-ratio:16/9;background:#000;border-radius:8px;margin:0 auto;max-width:1200px;overflow:hidden;position:relative;width:100%}.annotation-canvas{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.annotation-canvas.active{cursor:crosshair;pointer-events:auto}.annotation-tools{display:flex;gap:10px;justify-content:center;padding:10px}.annotation-tools button{background:#3a3a3a;border:2px solid #4a4a4a;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .3s}.annotation-tools button:hover{background:#4a4a4a;border-color:#5a5a5a}.annotation-tools button.active{background:#007bff;border-color:#0056b3}.comments-section{background:#2a2a2a;border-top:2px solid #3a3a3a;max-height:400px;overflow-y:auto;padding:20px}.comments-section h3{margin-bottom:20px;margin-top:0}.comment-form{margin-bottom:20px}.comment-form textarea{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:5px;color:#fff;font-family:inherit;padding:10px;resize:vertical;width:100%}.comment-actions{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.comment-actions label{align-items:center;cursor:pointer;display:flex;gap:8px}.comment-actions input[type=checkbox]{cursor:pointer;height:18px;width:18px}.comment-actions button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.comment-actions button:hover{background:#0056b3}.comments-list{display:flex;flex-direction:column;gap:15px}.comment-item{background:#1a1a1a;border-left:3px solid #007bff;border-radius:5px;padding:15px}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.comment-time{color:#007bff;cursor:pointer;font-size:14px;font-weight:700}.comment-time:hover{text-decoration:underline}.ai-badge{background:#28a745;border-radius:3px;font-size:12px;padding:3px 8px}.comment-text{line-height:1.5;margin:0}.youtube-manager{margin:0 auto;max-width:1400px;padding:20px}.youtube-manager h2{color:#333;margin-bottom:30px}.add-video-section{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:40px;padding:25px}.add-video-section h3{color:#333;margin-bottom:20px;margin-top:0}.add-video-section form{display:flex;flex-direction:column;gap:15px}.add-video-section input,.add-video-section textarea{border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:14px;padding:12px}.add-video-section textarea{resize:vertical}.add-video-section button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background .3s}.add-video-section button:hover{background:#0056b3}.videos-list h3{color:#333;margin-bottom:20px}.videos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.video-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s}.video-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.video-thumbnail{aspect-ratio:16/9;background:#000;overflow:hidden;position:relative;width:100%}.video-thumbnail img{height:100%;object-fit:cover;width:100%}.youtube-badge{background:red;border-radius:3px;color:#fff;font-size:12px;font-weight:700;padding:5px 10px;position:absolute;right:10px;top:10px}.video-info h4{color:#333;font-size:16px;margin:0 0 10px}.video-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;line-height:1.4;margin:0 0 10px;overflow:hidden}.technique-badge{background:#e7f3ff;border-radius:3px;color:#007bff;font-size:12px;font-weight:500;margin-bottom:10px;padding:4px 8px}.video-actions{display:flex;gap:10px;margin-top:15px}.video-actions button{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px;transition:all .3s}.video-actions button:first-child{background:#007bff;color:#fff}.video-actions button:first-child:hover{background:#0056b3}.video-actions .delete-btn{background:#dc3545;color:#fff;flex:0 0 auto;padding:10px 15px}.video-actions .delete-btn:hover{background:#c82333}.error,.success{padding:12px}.success{background:#d4edda;border:1px solid #c3e6cb;border-radius:5px;color:#155724}.analysis-results-container{animation:fadeIn .5s ease-in;margin:0 auto;max-width:1200px;padding:20px}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.results-header h2{color:#333;margin:0}.analysis-error,.analysis-loading{animation:fadeIn .3s ease-in;padding:60px 20px;text-align:center}.analysis-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.analysis-error p{color:#666;margin:20px 0}.error-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.retry-btn{background:#28a745;border:none;border-radius:8px;box-shadow:0 2px 8px #28a7454d;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.retry-btn:hover{background:#218838;box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.retry-btn:active{transform:translateY(0)}.back-btn{background:#6c757d;font-size:16px;padding:12px 24px}.back-btn:hover{background:#5a6268}.spinner{box-shadow:0 2px 8px #007bff33;margin:0 auto 20px}.spinner-small{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;display:inline-block;height:20px;margin-right:10px;width:20px}.processing-banner{align-items:center;animation:slideDown .4s ease-out;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;box-shadow:0 2px 8px #ffc10733;color:#856404;display:flex;margin-bottom:20px;padding:15px}.processing-info{display:flex;flex-direction:column;gap:5px}.processing-text{font-size:16px;font-weight:500}.processing-subtext{color:#6c757d;font-size:14px}.error-banner{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#721c24;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.review-requested-banner{background:#d4edda;border:1px solid #c3e6cb;border-radius:5px;color:#155724;margin-top:20px;padding:15px;text-align:center}.results-content{animation:fadeInUp .6s ease-out;display:flex;flex-direction:column;gap:30px}.reference-video-section,.video-section{background:#f8f9fa;border-radius:8px;padding:20px}.reference-video-section h3,.video-section h3{color:#333;margin-top:0}.video-player{background:#000;border-radius:5px;position:relative;width:100%}.analysis-summary{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:25px;transition:box-shadow .3s ease,transform .3s ease}.analysis-summary:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-2px)}.analysis-summary h3{color:#333;margin-top:0}.matched-video-info,.similarity-score,.technique-identified{margin:20px 0}.matched-video-info label,.similarity-score label,.technique-identified label{color:#666;display:block;font-weight:500;margin-bottom:8px}.technique-badge{animation:scaleIn .4s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:inline-block;font-size:16px;font-weight:600;padding:10px 20px}.score-bar{background:#e9ecef;border-radius:20px;height:40px;overflow:hidden;position:relative;width:100%}.score-fill{align-items:center;animation:fillBar 1.5s ease-out;background:linear-gradient(90deg,#dc3545,#ffc107 50%,#28a745);display:flex;height:100%;justify-content:flex-end;padding-right:15px;transition:width 1s cubic-bezier(.4,0,.2,1)}@keyframes fillBar{0%{width:0!important}}.score-text{color:#333;font-size:18px;font-weight:700;left:50%;position:absolute;text-shadow:0 0 3px #fff;top:50%;transform:translate(-50%,-50%)}.matched-video-card{background:#f8f9fa;border-left:4px solid #007bff;border-radius:5px;padding:15px}.technique-tag{background:#e7f3ff;border-radius:3px;color:#007bff;display:inline-block;font-size:12px;margin-left:10px;padding:4px 8px}.ai-feedback{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:25px;transition:box-shadow .3s ease,transform .3s ease}.ai-feedback:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-2px)}.ai-feedback h3{color:#333;margin-top:0}.feedback-list{list-style:none;margin:0;padding:0}.feedback-list li{animation:slideInLeft .5s ease-out backwards;background:#f8f9fa;border-left:4px solid #28a745;border-radius:8px;line-height:1.6;margin:10px 0;padding:15px;transition:all .3s ease}.feedback-list li:first-child{animation-delay:.1s}.feedback-list li:nth-child(2){animation-delay:.2s}.feedback-list li:nth-child(3){animation-delay:.3s}.feedback-list li:nth-child(4){animation-delay:.4s}.feedback-list li:nth-child(5){animation-delay:.5s}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.feedback-list li:hover{background:#e9ecef;box-shadow:0 2px 8px #0000001a;transform:translateX(5px)}.request-review-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:25px}.request-review-section h3{color:#333;margin-top:0}.request-review-section textarea{border:1px solid #ddd;border-radius:5px;font-family:inherit;margin:15px 0;padding:12px;resize:vertical;width:100%}.request-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;box-shadow:0 4px 12px #007bff4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:all .3s ease;width:100%}.request-btn:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 6px 16px #007bff66;transform:translateY(-2px)}.request-btn:active:not(:disabled){transform:translateY(0)}.request-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;opacity:.6}.error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#721c24;padding:15px}.confidence-score,.error{margin:20px 0}.confidence-score label{color:#666;display:block;font-weight:500;margin-bottom:8px}.confidence-indicator{align-items:center;display:flex;gap:15px}.confidence-badge{border-radius:20px;display:inline-block;font-size:16px;padding:8px 16px}.confidence-badge.high{background:#d4edda;color:#155724}.confidence-badge.medium{background:#fff3cd;color:#856404}.confidence-badge.low{background:#f8d7da;color:#721c24}.low-confidence-note{color:#856404;font-size:14px;font-style:italic}.feedback-section{animation:fadeInUp .6s ease-out;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:20px;padding:25px;transition:all .3s ease}.feedback-section:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-2px)}.feedback-section h3{color:#333}.strengths-section{border-left:4px solid #28a745}.improvements-section{border-left:4px solid #ffc107}.recommendations-section{border-left:4px solid #007bff}.strengths-list li{background:#d4edda;border-left-color:#28a745}.improvements-list li{background:#fff3cd;border-left-color:#ffc107}.recommendations-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:15px}.recommendation-card{animation:fadeInUp .5s ease-out backwards;background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;padding:15px;transition:all .3s ease}.recommendation-card:first-child{animation-delay:.1s}.recommendation-card:nth-child(2){animation-delay:.2s}.recommendation-card:nth-child(3){animation-delay:.3s}.recommendation-card:nth-child(4){animation-delay:.4s}.recommendation-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.recommendation-card.severity-minor{background:#d4edda;border-left-color:#28a745}.recommendation-card.severity-moderate{background:#fff3cd;border-left-color:#ffc107}.recommendation-card.severity-major{background:#f8d7da;border-left-color:#dc3545}.rec-body-part{color:#007bff;font-weight:600;margin-bottom:8px;text-transform:capitalize}.rec-issue{color:#666;font-size:14px;margin-bottom:8px}.rec-suggestion{color:#333;font-size:14px;font-weight:500}.comparison-toggle{margin-bottom:20px;text-align:center}.toggle-btn{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s}.toggle-btn:hover{background:#0056b3;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.toggle-btn.active{background:#28a745}.toggle-btn.active:hover{background:#218838}.video-container.side-by-side{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.video-container.stacked{display:flex;flex-direction:column;gap:20px}@media (max-width:1024px){.analysis-results-container{padding:15px}.recommendations-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.results-header{align-items:flex-start;flex-direction:column;gap:15px}.recommendations-grid,.video-container.side-by-side{grid-template-columns:1fr}.error-actions{flex-direction:column}.ai-feedback,.analysis-summary,.feedback-section{padding:20px}.technique-badge{font-size:14px;padding:8px 16px}.score-bar{height:35px}.score-text{font-size:16px}}@media (max-width:480px){.analysis-results-container{padding:10px}.ai-feedback,.analysis-summary,.feedback-section{padding:15px}.results-content{gap:20px}}.low-confidence-banner{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;margin-bottom:20px;padding:20px}.low-confidence-banner .banner-content{text-align:center}.low-confidence-banner h3{color:#856404;margin-top:0}.low-confidence-banner p{color:#856404;margin:10px 0}.low-confidence-banner .help-text{font-size:14px;font-style:italic}.manual-selection-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:25px}.manual-selection-panel h3{color:#333;margin-top:0}.technique-select{background:#fff;border:2px solid #007bff;border-radius:5px;cursor:pointer;font-size:16px;margin:15px 0;padding:12px;width:100%}.technique-select:focus{border-color:#0056b3;box-shadow:0 0 0 3px #007bff1a;outline:none}.selection-actions{display:flex;gap:15px;margin-top:20px}.primary-btn{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:12px 24px;transition:background .3s}.primary-btn:hover:not(:disabled){background:#0056b3}.primary-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.secondary-btn{background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:12px 24px;transition:background .3s}.secondary-btn:hover{background:#5a6268}.error-banner .error-content{width:100%}.error-banner h3{color:#721c24;margin-bottom:10px;margin-top:0}.error-banner p{color:#721c24;margin:10px 0}.error-banner .error-help{font-size:14px;font-style:italic;margin:15px 0}.error-banner .error-actions{display:flex;gap:10px;justify-content:flex-start;margin-top:15px}.error-banner .error-actions button{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s}.error-banner .error-actions .primary-btn{background:#007bff;color:#fff}.error-banner .error-actions .primary-btn:hover{background:#0056b3}.error-banner .error-actions .secondary-btn{background:#6c757d;color:#fff}.error-banner .error-actions .secondary-btn:hover{background:#5a6268}@media (max-width:768px){.error-banner .error-actions,.selection-actions{flex-direction:column}}.progress-tracker-container{animation:fadeIn .5s ease-in;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;padding:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progress-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.progress-header h2{color:#333;font-size:28px;margin:0}.back-btn{border-radius:8px;box-shadow:0 2px 8px #6c757d4d;font-weight:500;transition:all .3s ease}.back-btn:hover{box-shadow:0 4px 12px #6c757d66;transform:translateY(-2px)}.back-btn:active{transform:translateY(0)}.filters-section{align-items:flex-end;animation:slideDown .4s ease-out;background-color:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#555;font-size:14px;font-weight:600}.technique-filter{background-color:#fff;border:2px solid #ced4da;border-radius:8px;transition:all .3s ease}.technique-filter:hover{border-color:#007bff}.technique-filter:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.date-range-inputs{align-items:center;display:flex;gap:10px}.date-input{background-color:#fff;border:2px solid #ced4da;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .3s ease}.date-input:focus,.date-input:hover{border-color:#007bff}.date-input:focus{box-shadow:0 0 0 3px #007bff1a;outline:none}.apply-filter-btn{background-color:#007bff;border:none;border-radius:8px;box-shadow:0 2px 8px #007bff4d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.apply-filter-btn:hover{background-color:#0056b3;box-shadow:0 4px 12px #007bff66;transform:translateY(-2px)}.apply-filter-btn:active{transform:translateY(0)}.clear-filters-btn{background-color:#dc3545;border:none;border-radius:8px;box-shadow:0 2px 8px #dc35454d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-left:auto;padding:8px 16px;transition:all .3s ease}.clear-filters-btn:hover{background-color:#c82333;box-shadow:0 4px 12px #dc354566;transform:translateY(-2px)}.clear-filters-btn:active{transform:translateY(0)}.progress-tracker-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-videos-message{background-color:#f8f9fa;border-radius:8px;margin-top:40px;padding:60px 20px;text-align:center}.no-videos-message p{color:#666;font-size:18px;margin-bottom:20px}.upload-btn{background-color:#28a745;border:none;border-radius:8px;box-shadow:0 4px 12px #28a7454d;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.upload-btn:hover{background-color:#218838;box-shadow:0 6px 16px #28a74566;transform:translateY(-2px)}.upload-btn:active{transform:translateY(0)}.progress-content{display:flex;flex-direction:column;gap:30px}@media (max-width:768px){.progress-header{align-items:flex-start;flex-direction:column;gap:15px}.date-range-inputs,.filters-section{align-items:stretch;flex-direction:column}.clear-filters-btn{margin-left:0}}.video-history-section{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:25px;transition:box-shadow .3s ease}.video-history-section:hover{box-shadow:0 6px 20px #0000001f}.video-history-section h3{color:#333;font-size:22px;margin:0 0 20px}.video-history-list{display:flex;flex-direction:column;gap:15px}.video-history-item{animation:fadeInUp .5s ease-out backwards;background-color:#fafafa;border:2px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s ease}.video-history-item:first-child{animation-delay:.05s}.video-history-item:nth-child(2){animation-delay:.1s}.video-history-item:nth-child(3){animation-delay:.15s}.video-history-item:nth-child(4){animation-delay:.2s}.video-history-item:nth-child(5){animation-delay:.25s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.video-history-item:hover{border-color:#007bff;box-shadow:0 6px 16px #007bff26;transform:translateY(-4px)}.video-history-item.selected{background-color:#f0f8f4;border-color:#28a745;box-shadow:0 6px 16px #28a74533;transform:translateY(-4px)}.video-item-header{align-items:flex-start;display:flex;gap:15px}.video-checkbox{cursor:pointer;height:20px;margin-top:5px;width:20px}.video-item-info{cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:12px}.video-item-main{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.video-technique{color:#333;font-size:18px;font-weight:600}.video-date{color:#666;font-size:14px}.video-score{align-items:center;display:flex;gap:10px}.video-score label{color:#666;font-size:14px;font-weight:500}.score-badge{background-color:#007bff;border-radius:12px;color:#fff;font-size:14px;font-weight:600;padding:4px 12px}.video-analysis-summary{display:flex;flex-wrap:wrap;gap:15px}.summary-item{background-color:#fff;border-radius:5px;font-size:14px;padding:4px 10px}.summary-item.strengths{border:1px solid #28a745;color:#28a745}.summary-item.improvements{border:1px solid #ffc107;color:#ffc107}.video-status{border-radius:5px;display:inline-block;font-size:13px;font-weight:500;padding:4px 12px}.video-status.pending{background-color:#fff3cd;color:#856404}.video-status.review-requested{background-color:#d1ecf1;color:#0c5460}.video-item-actions{display:flex;justify-content:flex-end;margin-top:15px}.view-report-btn{background-color:#007bff;border:none;border-radius:8px;box-shadow:0 2px 8px #007bff4d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.view-report-btn:hover{background-color:#0056b3;box-shadow:0 4px 12px #007bff66;transform:translateY(-2px)}.view-report-btn:active{transform:translateY(0)}@media (max-width:768px){.video-item-main{align-items:flex-start;flex-direction:column}.video-analysis-summary{flex-direction:column;gap:8px}}.progress-visualization-section{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:30px;padding:25px;transition:box-shadow .3s ease}.progress-visualization-section:hover{box-shadow:0 6px 20px #0000001f}.progress-visualization-section h3{color:#333;font-size:22px;margin:0 0 25px}.progress-visualization-section h4{color:#555;font-size:18px;margin:0 0 15px}.metrics-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.metric-card{animation:scaleIn .5s ease-out backwards;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;padding:20px;text-align:center;transition:all .3s ease}.metric-card:first-child{animation-delay:.1s}.metric-card:nth-child(2){animation-delay:.2s}.metric-card:nth-child(3){animation-delay:.3s}.metric-card:nth-child(4){animation-delay:.4s}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.metric-card:hover{box-shadow:0 8px 20px #0003;transform:translateY(-4px) scale(1.02)}.metric-card.best{background:linear-gradient(135deg,#f093fb,#f5576c)}.metric-card.latest{background:linear-gradient(135deg,#4facfe,#00f2fe)}.metric-card.improvements{background:linear-gradient(135deg,#43e97b,#38f9d7)}.metric-label{font-size:14px;font-weight:500;margin-bottom:8px;opacity:.9}.metric-value{font-size:32px;font-weight:700}.trend-chart-container{background-color:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px}.trend-chart{display:flex;gap:10px;margin-top:15px}.chart-y-axis{color:#666;display:flex;flex-direction:column;font-size:12px;justify-content:space-between;min-width:40px;padding-right:10px;text-align:right}.chart-content{display:flex;flex:1 1;flex-direction:column}.chart-svg{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;height:300px;transition:all .3s ease;width:100%}.chart-svg:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff1a}.chart-x-axis{display:flex;justify-content:space-between;margin-top:10px;padding:0 5px}.x-label{color:#666;font-size:12px;text-align:center}.chart-legend{display:flex;gap:20px;justify-content:center;margin-top:15px}.legend-item{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.legend-dot{border-radius:50%;height:12px;width:12px}.legend-dot.blue{background-color:#007bff}.legend-dot.green{background-color:#28a745}.improvements-highlights{background-color:#f0f8f4;border:2px solid #28a745;border-radius:8px;padding:20px}.improvements-list{display:flex;flex-direction:column;gap:12px}.improvement-item{align-items:center;animation:slideInRight .5s ease-out backwards;background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;gap:15px;padding:15px;transition:all .3s ease}.improvement-item:first-child{animation-delay:.1s}.improvement-item:nth-child(2){animation-delay:.2s}.improvement-item:nth-child(3){animation-delay:.3s}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.improvement-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(5px)}.improvement-icon{font-size:28px}.improvement-details{flex:1 1}.improvement-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.improvement-date{color:#666;font-size:14px}.improvement-points{color:#28a745;font-size:18px;font-weight:700}.improvement-scores{color:#333;font-size:14px;font-weight:500}@media (max-width:768px){.metrics-summary{grid-template-columns:repeat(2,1fr)}.metric-value{font-size:24px}.chart-svg{height:200px}.improvement-header{align-items:flex-start;flex-direction:column;gap:5px}}.comparison-section{background-color:#fff;border:2px solid #007bff;border-radius:12px;box-shadow:0 4px 12px #007bff26;padding:25px;transition:all .3s ease}.comparison-section:hover{box-shadow:0 6px 20px #007bff40}.comparison-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.comparison-header h3{color:#333;font-size:22px;margin:0}.clear-selection-btn{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.clear-selection-btn:hover{background-color:#c82333}.comparison-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:25px}.comparison-card{background-color:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:15px;padding:20px}.comparison-card-header{align-items:center;display:flex;justify-content:space-between}.comparison-card-header h4{color:#333;font-size:16px;margin:0}.remove-btn{align-items:center;background-color:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:background-color .3s;width:28px}.remove-btn:hover{background-color:#c82333}.comparison-video-preview{align-items:center;background-color:#e9ecef;border-radius:8px;display:flex;justify-content:center;padding:40px}.video-thumbnail{font-size:48px;opacity:.5}.comparison-score{text-align:center}.score-label{color:#666;font-size:14px;margin-bottom:8px}.score-value-large{color:#007bff;font-size:36px;font-weight:700;margin-bottom:10px}.score-bar-small{background-color:#e0e0e0;border-radius:4px;height:8px;overflow:hidden;width:100%}.score-fill-small{background:linear-gradient(90deg,#007bff,#00d4ff);height:100%;transition:width .3s}.comparison-feedback{display:flex;flex-direction:column;gap:8px}.feedback-stat{align-items:center;color:#333;display:flex;font-size:14px;gap:8px}.stat-icon{font-size:18px}.view-details-btn{background-color:#007bff;border:none;border-radius:8px;box-shadow:0 2px 8px #007bff4d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:auto;padding:10px 16px;transition:all .3s ease}.view-details-btn:hover{background-color:#0056b3;box-shadow:0 4px 12px #007bff66;transform:translateY(-2px)}.view-details-btn:active{transform:translateY(0)}.improvement-indicator{align-items:center;border-radius:8px;display:flex;gap:15px;margin-top:10px;padding:20px}.improvement-indicator.positive{background-color:#d4edda;border:2px solid #28a745}.improvement-indicator.negative{background-color:#f8d7da;border:2px solid #dc3545}.indicator-icon{font-size:36px}.indicator-text{display:flex;flex-direction:column;gap:5px}.indicator-text strong{color:#333;font-size:18px}.indicator-text span{color:#666;font-size:14px}@media (max-width:768px){.comparison-grid{grid-template-columns:1fr}.comparison-header{align-items:flex-start;flex-direction:column;gap:15px}.improvement-indicator{flex-direction:column;text-align:center}}.review-queue-container{margin:0 auto;max-width:1200px;padding:20px}.review-queue-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.review-queue-header h1{color:#333;margin:0}.error-message{border-radius:5px;padding:15px}.queue-controls{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.filter-section{align-items:center;display:flex;gap:10px}.filter-section label{color:#495057;font-weight:600}.technique-filter{border:1px solid #ced4da;border-radius:5px;cursor:pointer;font-size:14px;min-width:200px;padding:8px 12px}.refresh-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.refresh-btn:hover{background-color:#0056b3}.empty-queue{background-color:#f8f9fa;border-radius:8px;color:#6c757d;padding:60px 20px;text-align:center}.empty-queue p{font-size:18px;margin:0}.queue-list{display:flex;flex-direction:column;gap:20px}.queue-item{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;padding:20px;transition:all .3s}.queue-item:hover{border-color:#007bff;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.queue-item-header{align-items:flex-start;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.student-info h3{color:#212529;font-size:20px;margin:0 0 5px}.student-email,.submission-date{color:#6c757d;font-size:14px}.submission-date{white-space:nowrap}.queue-item-body{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.confidence-info,.matched-video-info,.technique-info{align-items:center;display:flex;gap:10px}.label{color:#495057;font-size:14px;font-weight:600}.technique-name{background-color:#e7f3ff;color:#004085;font-size:14px;font-weight:500}.confidence-badge,.technique-name{border-radius:4px;padding:4px 12px}.confidence-badge{font-size:13px;font-weight:600}.confidence-green{background-color:#d4edda;color:#155724}.confidence-orange{background-color:#fff3cd;color:#856404}.confidence-red{background-color:#f8d7da;color:#721c24}.confidence-gray{background-color:#e9ecef;color:#6c757d}.ai-summary{background-color:#f8f9fa;border-radius:6px;display:flex;flex-wrap:wrap;gap:15px;padding:12px}.summary-section{align-items:center;display:flex;gap:8px}.score{color:#007bff;font-size:16px;font-weight:700}.count{background-color:#007bff;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.reference-title{color:#495057;font-size:14px;font-style:italic}.queue-item-footer{border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;padding-top:15px}.review-btn{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 24px;transition:all .3s}.review-btn:hover{background-color:#218838;transform:translateX(3px)}@media (max-width:768px){.review-queue-header{align-items:flex-start;flex-direction:column;gap:15px}.queue-controls{gap:15px}.filter-section,.queue-controls{align-items:stretch;flex-direction:column}.technique-filter{width:100%}.queue-item-header{gap:10px}.ai-summary,.queue-item-header{flex-direction:column}}.review-detail-container{margin:0 auto;max-width:1400px;padding:20px}.review-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.review-detail-header h1{color:#333;margin:0}.back-btn{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s}.back-btn:hover{background-color:#5a6268}.loading{color:#666;font-size:18px;padding:40px;text-align:center}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:20px;padding:20px;text-align:center}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;padding:40px;text-align:center}.success-message h2{color:#155724;margin-top:0}.video-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.video-column h2{color:#333;font-size:20px;margin-bottom:15px}.video-player{aspect-ratio:16/9;background-color:#000;border-radius:8px;margin-bottom:15px;overflow:hidden}.video-info{background-color:#f8f9fa;border-radius:8px;padding:15px}.video-info p{color:#495057;font-size:14px;margin:8px 0}.video-info strong{color:#212529}.ai-analysis-section{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:30px;padding:25px}.ai-analysis-section h2{color:#333;font-size:24px;margin-bottom:20px;margin-top:0}.analysis-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.analysis-card{background-color:#f8f9fa;border-radius:8px;padding:20px;text-align:center}.analysis-card h3{color:#495057;font-size:14px;font-weight:600;margin:0 0 10px;text-transform:uppercase}.score-display{color:#007bff;font-size:36px;font-weight:700}.feedback-section{border-radius:8px;margin-bottom:25px;padding:20px}.feedback-section h3{font-size:18px;margin-bottom:15px;margin-top:0}.feedback-section ul{list-style:none;margin:0;padding:0}.feedback-section li{background-color:#ffffffb3;border-radius:5px;margin-bottom:8px;padding:10px 15px}.strengths{background-color:#d4edda;border-left:4px solid #28a745}.strengths h3,.strengths li{color:#155724}.improvements{background-color:#fff3cd;border-left:4px solid #ffc107}.improvements h3,.improvements li{color:#856404}.recommendations{background-color:#e7f3ff;border-left:4px solid #007bff}.recommendations h3{color:#004085}.recommendations-list{display:flex;flex-direction:column;gap:15px}.recommendation-item{background-color:#fff;border:1px solid #b8daff;border-radius:6px;padding:15px}.rec-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.body-part{color:#004085;font-size:16px;font-weight:700}.severity{border-radius:12px;font-size:12px;font-weight:600;padding:3px 10px;text-transform:uppercase}.severity-minor{background-color:#d1ecf1;color:#0c5460}.severity-moderate{background-color:#fff3cd;color:#856404}.severity-major{background-color:#f8d7da;color:#721c24}.recommendation-item p{color:#495057;font-size:14px;line-height:1.5;margin:8px 0}.instructor-feedback-section{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:25px}.instructor-feedback-section h2{color:#333;font-size:24px;margin-bottom:20px;margin-top:0}.instructor-feedback-section textarea{border:1px solid #ced4da;border-radius:5px;font-family:inherit;font-size:15px;margin-bottom:20px;padding:15px;resize:vertical;width:100%}.instructor-feedback-section textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-actions{display:flex;gap:15px;justify-content:flex-end}.cancel-btn{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:background-color .3s}.cancel-btn:hover:not(:disabled){background-color:#5a6268}.submit-btn{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:background-color .3s}.submit-btn:hover:not(:disabled){background-color:#218838}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.video-section{grid-template-columns:1fr}}@media (max-width:768px){.review-detail-header{align-items:flex-start;flex-direction:column;gap:15px}.analysis-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.App{min-height:100vh}button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}button:hover{background:#0056b3}button:disabled{background:#ccc;cursor:not-allowed}input,textarea{border:1px solid #ddd;border-radius:4px;font-size:16px;margin:10px 0;padding:10px;width:100%}.error{color:#dc3545;margin:10px 0}.success{color:#28a745;margin:10px 0}
/*# sourceMappingURL=main.e8c3dac1.css.map*/