.tag-title{padding:8px 24px;width:-moz-fit-content;width:fit-content;border-radius:24px;border-bottom-left-radius:0}.tag-title h3{font-size:18px}.tag-not-submit{background-color:#e0f7fa}.tag-not-submit h3{color:#0876b1}.text-uploaded{color:#292d32}.text-danger{color:#f5222d!important;font-weight:600!important}.tag-pending{background-color:#fff3e0}.tag-pending h3{color:#fb8500}.tag-graded{background-color:#f0fdf0}.tag-graded h3{color:#40c522}.right-box{padding-left:24px}.block-exam-speak-1{padding:36px}.thumbnail-exam-speak{display:block;height:180px;object-fit:cover;object-position:center;width:400px;border-radius:8px}.block-exam-speak-2{background-color:#fff;margin-top:32px;padding:24px 40px 40px;border-radius:24px}.btn-upload{border-radius:8px;font-size:14px;width:-moz-fit-content;width:fit-content;text-align:center;padding:8px 16px;background-color:#fff;border:1px solid #0876b1;color:#0876b1}.btn-upload:disabled{border-color:#ccc;color:#ccc;cursor:not-allowed}.wrapper-exam-speak{padding-top:60px}.btn-submit-exam-speak{background:#0876b1;border:none;border-radius:12px;width:200px}.btn-style-1{background-color:#e8f4f8;color:#3fc2ca;min-width:160px}.btn-style-1:hover{background-color:#e8f4f8;color:#028a99}.btn-style-2{min-width:160px}.btn-style-2,.btn-style-2:hover{background-color:#3fc2ca;color:#fff}.btn-style-2:hover{opacity:.8}.title-modal-exam-speak{font-weight:600;font-size:24px;text-align:center}#errorMessageExamSpeak{text-align:center;padding:0 40px;font-size:20px;color:#374151;margin:auto;width:480px}.modal-footer{border-top:none!important}#dropZone{border:2px dashed #e0f7fa;border-radius:20px;background:#fff;min-height:250px;transition:all .3s ease}.modal-exam-speak{max-width:540px}.modal-exam-speak .modal-content{border-radius:32px}.error-line{color:#a3a6b1;font-size:14px}.videoNameWrapper{width:80%}.progress-upload-wrapper{width:100%;margin-top:12px}.progress{width:100%;background:#f5f5f5;border-radius:8px;height:8px;overflow:hidden}.progress-bar-inner{background:#0876b1;height:100%;border-radius:8px;transition:width .3s linear}.card::-webkit-scrollbar{width:5px}.card::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.card::-webkit-scrollbar-thumb{background:#6b7280;border-radius:10px}.card::-webkit-scrollbar-thumb:hover{background:#6b7280}#dropZone.dragover{background:#e0f7fa!important;border-color:#6b7280!important}.disabled-dropzone{opacity:.5;pointer-events:none}.btn-pending-exam-speak{background-color:#ecedf1;color:#cdced6!important;pointer-events:none}button:disabled{background-color:#fff!important}.wrapper-exam-speak-feedback{padding-top:60px;display:flex;align-items:center}.title-page{font-size:32px;color:#3fc2ca;font-weight:700}.vertical-line{width:12px;border-radius:10px;height:20px;flex-shrink:0}.vertical-line-1{background-color:#40c522}.vertical-line-2{background-color:#f5b30b}.vertical-line-3{background-color:#3fc2ca}.block-feedback-1,.block-feedback-2,.block-feedback-3{width:800px;background-color:#fff;padding:24px;border-radius:12px;margin:auto auto 8px}.block-feedback-1 .title,.block-feedback-2 .title,.block-feedback-3 .title{display:flex;align-items:center;gap:6px;margin-bottom:16px}.block-feedback-1 .title p,.block-feedback-2 .title p,.block-feedback-3 .title p{margin:0;font-weight:600;font-size:16px;line-height:1.5}.block-feedback-1 .title p:first-of-type,.block-feedback-2 .title p:first-of-type,.block-feedback-3 .title p:first-of-type{color:#3fc2ca}.block-feedback-1 .title p:last-of-type,.block-feedback-2 .title p:last-of-type,.block-feedback-3 .title p:last-of-type{color:#9ca3af;font-size:14px;font-weight:400}.content-feedback{padding-left:20px;color:#374151;font-size:14px;line-height:1.6}.content-feedback p{margin:0 0 12px}.content-feedback p:last-child{margin-bottom:0}.content-feedback strong{color:#1f2937;font-weight:600}.grammar-list,.pronunciation-list{list-style:none;padding-left:0;margin:8px 0 16px}.grammar-list li,.pronunciation-list li{margin:6px 0;padding-left:20px;position:relative;color:#374151;font-size:14px;line-height:1.5}.grammar-list li:before,.pronunciation-list li:before{content:"•";position:absolute;left:0;color:#3fc2ca;font-weight:700}.extra-img{height:150px;object-fit:cover}#examSpeakTab .nav-item{flex:1 1}#examSpeakTab{background-color:#e0f7fa;border-radius:12px}#examSpeakTab .nav-link{width:100%;padding:10px 25px;color:#1f2937;font-weight:700}#examSpeakTab .nav-link:hover{opacity:.8;border-radius:12px}#examSpeakTab .nav-link.active{background-color:#fb8500;border-radius:12px;color:#fff}.list-unstyled-speak{list-style-type:disc;padding-left:20px}.list-unstyled-speak span{color:#2196f3;font-weight:600}.wrapper-exam-speak-feedback{margin-bottom:40px}.back-btn{margin-bottom:20px}.header-section{display:flex;align-items:center;gap:30px;padding:16px;background:#ecfbff;border-radius:12px;border:1px solid #81d6fa;position:relative}.header-left{flex-shrink:0}.header-left img{width:120px;height:120px;object-fit:contain}.header-right h1{font-size:16px;font-weight:600;margin:0 0 10px;color:#333;line-height:20px}.header-right>p{font-size:14px;color:#999;margin:0 0 15px}.header-right h2{font-size:18px;font-weight:600;margin:0;color:#666}.left-column{display:flex;flex-direction:column;gap:20px}.score-item{display:flex;align-items:flex-start;gap:15px;padding:15px;background:#fff;border-radius:8px;border:1px solid #d9d9d9}.score-icon{font-size:28px;flex-shrink:0}.score-content{flex:1 1;width:100%}.score-content h3{font-size:14px;font-weight:600;margin:0 0 10px;color:#333}.score-bar{position:relative;background:#e0e0e0;overflow:hidden}.score-bar,.score-value{height:8px;border-radius:4px}.score-value{position:absolute;top:0;left:0;font-size:14px;font-weight:700;color:#333;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;color:#fff}.score-value-1{background:#0876b1}.score-value-2{background:#fb8500}.score-value-3{background:#40c522}.right-column{display:flex;flex-direction:column;gap:30px;color:#1e293b}.advantages-section{padding:4px 16px;background-color:#fff}.advantages-section,.general-feedback-section{border-radius:8px}.advantages-section{background:#fff}.general-feedback-section{border:1px solid #fddb8a;background:#fffceb;padding:16px}.advantages-section h3,.general-feedback-section h3,.suggestions-section h3{font-size:16px;font-weight:600;margin:0 0 15px;color:#333}.advantages-list{list-style:none;padding:0;margin:0}.advantages-list li{color:#1e293b;font-weight:400;padding:10px 0 10px 25px;position:relative;font-size:14px;line-height:1.6}.advantages-list li:before{content:"";position:absolute;left:0;width:17px;height:17px;background-image:url('data:image/svg+xml;utf8,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.33301 0C12.9353 0 16.6668 3.73078 16.667 8.33301C16.667 12.9354 12.9354 16.667 8.33301 16.667C3.73078 16.6668 0 12.9353 0 8.33301C0.000175744 3.73089 3.73089 0.000175747 8.33301 0ZM13.0889 5.24414C12.7635 4.91892 12.2365 4.91892 11.9111 5.24414L7.5 9.65527L5.58887 7.74414C5.26347 7.41892 4.73653 7.41892 4.41113 7.74414C4.08575 8.06952 4.08586 8.59643 4.41113 8.92188L6.91113 11.4219C7.23657 11.7473 7.76343 11.7473 8.08887 11.4219L13.0889 6.42188C13.4141 6.09643 13.4143 5.56952 13.0889 5.24414Z" fill="%2340C522"/></svg>');background-size:contain;background-repeat:no-repeat}.suggestions-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}.suggestion-card{padding:15px;background:#fff;border-radius:8px;border:1px solid #eee}.suggestion-card p{color:#1e293b}.suggestion-card-1{background:#ecfbff;border:1px solid #c6edfb}.suggestion-card-2{background:#f3fdf0;border:1px solid #c0f7bb}.suggestion-card-3{background:#f9f0ff;border:1px solid #ebccff}.suggestion-card-4{background:#f0f4ff;border:1px solid #ccdaff}.card-icon{font-size:32px;margin-bottom:10px;display:block}.suggestion-card h4{font-size:14px;font-weight:600;margin:0 0 10px;color:#333}.suggestion-card p{font-size:14px;margin:0;line-height:1.5;text-align:left}.suggestion-card a{color:#2196f3;text-decoration:none;font-weight:500}.suggestion-card a:hover{text-decoration:underline}.feedback-content{display:flex;gap:15px}.feedback-avatar{flex-shrink:0}.feedback-avatar img{width:50px;height:50px;border-radius:50%;object-fit:cover}.feedback-text{flex:1 1}.feedback-text p{font-size:14px;color:#111827;line-height:1.6;margin:0}.img-decoration{position:absolute;right:15px;top:-10px}.recovery-suggestions{background:#ecfbff;border:1px solid #81d6fa;border-radius:16px;padding:16px;width:510px;margin:auto}.recovery-suggestions strong{display:block;font-size:16px;color:#333;margin-bottom:16px}.recovery-suggestions ul{list-style:none;margin:0;padding:0}.recovery-suggestions li{display:flex;align-items:center;gap:12px;color:#555;font-size:14px;margin-bottom:12px;line-height:1.5}.recovery-suggestions li:last-child{margin-bottom:0}.recovery-suggestions svg{flex-shrink:0;min-width:15px}.exam-speak-feedback-container{background-color:#f5fcff}.main-content-feedback{display:grid;grid-template-columns:1fr 2fr;grid-gap:30px;gap:30px;padding-bottom:30px;max-width:1440px;margin:auto}.view-video-btn{cursor:pointer}.vocabulary-suggestion-wrapper{padding:16px;background:#fff;border-radius:8px;position:relative}.vocabulary-suggestion-wrapper .suggestion-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.vocabulary-suggestion-wrapper .suggestion-text .text-full{font-weight:400!important;font-size:14px}.suggestion-text{font-size:14px;color:#1e293b;margin:0;line-height:1.5;text-align:left;word-break:break-word}.text-full{display:inline}.btn-see-more-inline{background:transparent;color:#0876b1;border:none;padding:0;font-size:14px;font-weight:500;cursor:pointer;text-decoration:underline;vertical-align:baseline}.btn-see-more-inline:hover{color:#065a8a}.btn-see-more-inline:active{color:#054a70}.see-more-btn{display:none!important}.modal-content{border-radius:12px}.modal-header{border-bottom:1px solid #e0e0e0;padding:20px}.modal-title{font-weight:600;font-size:18px;color:#333}.modal-body{padding:20px;font-size:14px;color:#666;line-height:1.6}.modal-footer{border-top:1px solid #e0e0e0;padding:16px 20px}.close-btn-modal-feedback{padding:10px;border-radius:8px;background:#fff;border:1px solid #9ca3af}#suggestionModal .modal-dialog{min-width:650px}#suggestionModal .modal-title{font-size:24px}#suggestionModal .modal-body p{font-size:14px;font-weight:400;color:#1e293b}.total-point strong{font-size:32px}@media(max-width:1680px){.cefr-level{max-width:130px}.main-content-feedback{max-width:95%}}@media(max-width:1440px){.img-decoration{right:-20px}}@media(max-width:992px){.main-content,.suggestions-grid{grid-template-columns:1fr}.header-section{flex-direction:column;text-align:center}}.suggestion-modal-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1040;display:flex;align-items:center;justify-content:center}.suggestion-modal-wrapper .suggestion-modal__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1040}.modal.fade.show.suggestion-modal-wrapper{position:relative}