.task-video-cards[data-v-6189c6d2]{padding:20px 0}.task-card[data-v-6189c6d2]{cursor:pointer;-webkit-transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;margin-bottom:20px;border-radius:8px;overflow:hidden;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.task-card[data-v-6189c6d2]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 4px 16px rgba(0,0,0,.15);box-shadow:0 4px 16px rgba(0,0,0,.15)}.video-thumbnail-container[data-v-6189c6d2]{position:relative;overflow:hidden}.card-img[data-v-6189c6d2]{height:250px;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.task-card:hover .card-img[data-v-6189c6d2]{-webkit-transform:scale(1.05);transform:scale(1.05)}.play-button-overlay[data-v-6189c6d2]{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.1);opacity:.8;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.task-card:hover .play-button-overlay[data-v-6189c6d2]{opacity:1}.play-button[data-v-6189c6d2]{-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.task-card:hover .play-button[data-v-6189c6d2]{-webkit-transform:scale(1.1);transform:scale(1.1)}.card-body[data-v-6189c6d2]{padding:15px;background:#fff}.card-title[data-v-6189c6d2]{font-size:16px;font-weight:600;margin-bottom:8px;color:#333}.text-orange[data-v-6189c6d2]{color:#ff6b35;font-size:14px}.video-modal-overlay[data-v-6189c6d2]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:9999;padding:20px}.video-modal-container[data-v-6189c6d2]{background:#fff;border-radius:8px;width:100%;max-width:900px;max-height:90vh;overflow:hidden;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.3);box-shadow:0 10px 30px rgba(0,0,0,.3)}.video-modal-header[data-v-6189c6d2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #dee2e6}.video-modal-header h3[data-v-6189c6d2]{margin:0;font-size:18px;color:#333;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:20px}.close-button[data-v-6189c6d2]{background:none;border:none;font-size:28px;font-weight:700;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:4px;-webkit-transition:color .2s ease,background-color .2s ease;transition:color .2s ease,background-color .2s ease}.close-button[data-v-6189c6d2]:hover{color:#333;background-color:#e9ecef}.video-modal-content[data-v-6189c6d2]{padding:0}.embed-responsive[data-v-6189c6d2]{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive-16by9[data-v-6189c6d2]{padding-bottom:56.25%}.embed-responsive iframe[data-v-6189c6d2]{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}@media (max-width:768px){.video-modal-overlay[data-v-6189c6d2]{padding:10px}.video-modal-container[data-v-6189c6d2]{max-height:95vh}.video-modal-header[data-v-6189c6d2]{padding:10px 15px}.video-modal-header h3[data-v-6189c6d2]{font-size:16px}.close-button[data-v-6189c6d2]{font-size:24px;width:25px;height:25px}}@media (max-width:576px){.col-xs-12[data-v-6189c6d2]{padding:0 10px}.task-card[data-v-6189c6d2]{margin-bottom:15px}.card-img[data-v-6189c6d2]{height:200px}}