@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap);.success{background-color:#3f51b5!important;color:#fff!important;font-size:12px}.progress-bar{background:#fff!important}.error{background-color:red!important}.error,.warning{color:#fff!important;font-size:12px}.warning{background-color:#feb845!important}.MuiCollapse-container{display:contents}.MuiCollapse-wrapper{display:contents!important}.MuiCollapse-wrapperInner,div[role=region]{display:contents}.MuiCollapse-hidden{display:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:rgba(61,55,56,.1)}::-webkit-scrollbar-thumb{background:rgba(61,55,56,.6);border-radius:9px}::-webkit-scrollbar-thumb:hover{background:rgba(61,55,56,.8)}.input{display:"block";width:"100%";overflow:"hidden";resize:"both";min-height:"40px";line-height:"20px"}.switch-container{grid-gap:10px;gap:10px;margin:2%}.switch-button{background-color:#f9f9f9;transition:background-color .3s,color .3s}#root,body{margin:0;width:100%;height:100%;background-color:#eee}body{overflow-x:hidden}.css-df17o1{z-index:9999!important;position:fixed!important}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;overflow:hidden;max-width:100%;background-color:#000;color:#fff}.ReactCrop:focus{outline:none}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__image{display:block;max-width:100%;max-height:-webkit-fill-available;max-height:stretch;touch-action:manipulation}.ReactCrop--crop-invisible .ReactCrop__image{opacity:.5}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);box-sizing:border-box;cursor:move;box-shadow:0 0 0 9999em rgba(0,219,162,.7);touch-action:manipulation;border:1px solid;border-image-source:url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");border-image-slice:1;border-image-repeat:repeat}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop__drag-handle{position:absolute;width:9px;height:9px;background-color:rgba(0,0,0,.2);border:1px solid #000;box-sizing:border-box;outline:1px solid transparent}.ReactCrop .ord-nw{left:0;cursor:nw-resize}.ReactCrop .ord-n,.ReactCrop .ord-nw{top:0;margin-top:-5px;margin-left:-5px}.ReactCrop .ord-n{left:50%;cursor:n-resize}.ReactCrop .ord-ne{top:0;cursor:ne-resize}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;margin-top:-5px;margin-right:-5px}.ReactCrop .ord-e{top:50%;cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;margin-bottom:-5px;margin-right:-5px;cursor:se-resize}.ReactCrop .ord-s{left:50%;cursor:s-resize}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;margin-bottom:-5px;margin-left:-5px}.ReactCrop .ord-sw{left:0;cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;margin-top:-5px;margin-left:-5px;cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:6px;margin-top:-3px}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:6px;height:100%;margin-right:-3px}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:6px;margin-bottom:-3px}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:6px;height:100%;margin-left:-3px}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop__drag-handle{width:8px;height:8px}.ReactCrop .ord-n,.ReactCrop .ord-nw{margin-top:-5px;margin-left:-5px}.ReactCrop .ord-e,.ReactCrop .ord-ne{margin-top:-5px;margin-right:-5px}.ReactCrop .ord-se{margin-bottom:-5px;margin-right:-5px}.ReactCrop .ord-s,.ReactCrop .ord-sw{margin-bottom:-5px;margin-left:-5px}.ReactCrop .ord-w{margin-top:-5px;margin-left:-5px}.ReactCrop__drag-bar.ord-n{height:16px;margin-top:-8px}.ReactCrop__drag-bar.ord-e{width:16px;margin-right:-8px}.ReactCrop__drag-bar.ord-s{height:16px;margin-bottom:-8px}.ReactCrop__drag-bar.ord-w{width:16px;margin-left:-8px}}table{border-collapse:collapse;width:100%}td,th{border:1px solid #000;text-align:left;padding:8px}th{background-color:#ddd}.container{width:100%;overflow-x:auto}.cache{position:fixed;width:14px;height:14px;bottom:-40px;right:60px;background-color:#25d366;color:#fff;border-radius:30px;text-align:center;font-size:30px;box-shadow:2px 2px 3px #999;z-index:100}.switch-container{display:flex}.switch-button{padding:10px 20px;font-size:16px;border:1px solid #ccc;cursor:pointer}.switch-button.active{background-color:#007bff;color:#fff;border-color:#007bff}.responsive-table{white-space:nowrap}.responsive-table td,.responsive-table th{border:1px solid #ddd;text-align:center}.responsive-table td:first-child,.responsive-table td:nth-child(2),.responsive-table th:first-child,.responsive-table th:nth-child(2){width:30%}.responsive-table td:nth-child(3),.responsive-table th:nth-child(3){width:40%}.container-wrapper{display:flex;flex-direction:column}.container,.container-wrapper{align-items:center;justify-content:center}.container{position:relative}.container p{color:red;text-align:center}.drop-container{display:flex;align-items:center;justify-content:center;margin:0;width:800px;height:200px;border:4px dashed #4aa1f3}.upload-icon{width:50px;height:50px;background:url(/static/media/file.28f56aea.png) no-repeat 50%;background-size:100%;text-align:center;margin:0 auto;padding-top:30px}.drop-message{text-align:center;color:#4aa1f3;font-family:Arial;font-size:20px}.file-display-container{width:805px}.file-status-bar{width:100%;vertical-align:top;margin-top:10px;margin-bottom:20px;position:relative;line-height:50px;height:50px}.file-status-bar>div{overflow:hidden}.file-type{display:inline-block!important;position:absolute;font-size:12px;font-weight:700;line-height:13px;margin-top:25px;padding:0 4px;border-radius:2px;box-shadow:1px 1px 2px #abc;color:#fff;background:#0080c8;text-transform:uppercase}.file-name{color:#4aa1f3}.file-error,.file-name{display:inline-block;vertical-align:top;margin-left:50px}.file-error{color:#9aa9bb}.file-error-message{color:red}.file-type-logo{width:80px;height:80px;background:no-repeat 50%;background-size:100%;position:absolute}.file-size{display:inline-block;vertical-align:top;color:#30693d;margin-right:5px;margin-left:10px;color:#444242;font-weight:700;font-size:14px}.file-remove{position:absolute;top:20px;right:10px;line-height:15px;cursor:pointer;color:red;margin-right:-10px}.modal{z-index:999;display:none;overflow:hidden}.modal .overlay{width:100%;height:100%;background:rgba(0,0,0,.66);position:absolute;top:0;left:0}.modal .modal-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;object-fit:cover;width:100%;height:300px;background-size:contain;background-repeat:no-repeat;background-position:50%}.close{top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}.upload-btn-container{margin-top:10px;top:0;left:0}.file-upload-btn{color:#fff;text-transform:uppercase;outline:none;background-color:#4aa1f3;font-weight:700;padding:8px 15px;margin-bottom:5px}.file-input{display:none}.upload-modal{z-index:999;display:none;overflow:hidden}.upload-modal .overlay{width:100%;height:100vh;background:rgba(0,0,0,.66);position:absolute;top:0;left:0}.progress-container span{display:flex;justify-content:center;padding-top:20px;font-size:20px}.progress-bar{position:absolute;background-color:#4aa1f3;height:20px;border-radius:5px;text-align:center;color:#adff2f;font-weight:700}.error{color:red}.progress-container{width:50%;background-color:#f1f1f1;height:200px;margin-top:10px;border-radius:5px;background:#fff;width:500px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}.progress{background-color:#4caf50;width:0;height:100%;transition:width .3s}.progress-container-File{width:100%;height:20px;background-color:#f1f1f1;border-radius:5px;margin-top:10px;overflow:hidden}.progress-bar-File{height:100%;background-color:#4aa1f3;transition:width .3s}.dropbox{text-align:center;padding:20px;width:90%;margin:50px auto auto}.container{flex-wrap:wrap;width:80%;margin:20px auto;padding:20px}.container img{height:200px;width:200px;margin-right:15px}.btn{padding:15px;background-color:#de1a1a;color:#fff;font-weight:700;border-radius:10px;border:none;cursor:pointer}.btn:hover{background-color:#945c5c}.toggle-switch{display:"flex";grid-gap:2;gap:2;border-width:2px;border-radius:8px;border-color:#000;background-color:#f0f0f0}.option{cursor:pointer;padding:4px 8px;border:1px solid #ccc;border-radius:8px;transition:background-color .3s}.selected{background-color:#007bff;color:#fff}.selectedV2{background-color:red;color:#fff}.option:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.option:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.option:not(:last-child){margin-right:-1px}.questionAnswer{font-size:20vw}.overlay{position:fixed;background:#121212;opacity:1%;width:100%;height:100%;z-index:0}.modal-content{grid-gap:24px;gap:24px;padding:20px 40px;border-radius:12px;border:1px;z-index:1;font-family:"Inter",sans-serif;display:flex;flex-direction:column;justify-content:space-between;overflow-y:hidden}.button{width:100%;padding:8.47px 21.79px;border-radius:9.68px;border:none;color:#fff;font-size:14.53px;font-weight:500;line-height:23px;text-align:center;cursor:pointer;flex:1 1}.buttons{grid-gap:8px;gap:8px;display:flex;flex-direction:row;justify-content:center;align-items:center}.close-btn{background:#6a7898}.submit-btn{background:#054edd}.container{flex:1 1;flex-direction:column;height:100%}.container,.content{display:flex;justify-content:space-between}.content{flex:0.5 1;flex-direction:column}.comment{flex:0.4 1;display:flex;flex-direction:column;justify-content:space-between;grid-gap:12px;gap:12px}.h1{margin-bottom:1.5rem;height:24px;font-size:20px;font-weight:600;line-height:24.2px;text-align:left;color:#2c406e}.text-container{padding:24px 20px;border-radius:12px;border:1px solid #eee;grid-gap:4px;gap:4px;display:flex;flex-direction:row;flex:1 1}.textarea{width:100%;font-size:16px;font-weight:400;line-height:19px;text-align:left;border:none;outline:none;resize:none;font-family:inherit}.textarea::-webkit-input-placeholder{color:#c4c4c4;width:100%}.item-container{display:flex;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px}.span{flex:1 1;font-size:16px;font-weight:400;line-height:24px;text-align:left;cursor:pointer}.loading{text-align:center;font-size:20px;font-weight:600;line-height:24.2px;color:#2c406e}@media only screen and (max-height:530px){.container{flex-direction:row;grid-gap:12px;gap:12px}.comment,.content{flex:1 1;grid-gap:2px;gap:2px}.modal-content{min-height:70vh;grid-gap:2px;gap:2px}}.tooltip-container{position:relative;display:inline-block}.tooltip-text{visibility:hidden;max-width:14rem;width:70vw;background:#fff2f0;color:#ee5942;font-size:12px;font-weight:500;line-height:19px;text-align:left;box-shadow:0 1px 10px 0 rgba(55,87,226,.14901960784313725);border:1px solid #fff2f0;padding:10px;position:absolute;z-index:1;opacity:0;grid-gap:10px;gap:10px}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.infoIcon{cursor:pointer}.tooltip-text{top:70%;left:100%;border-radius:0 16px 16px 16px}@media (max-width:768px){.tooltip-text{left:auto;right:100%;border-radius:16px 0 16px 16px}}@media (min-width:769px) and (max-width:1024px){.tooltip-text{left:auto;right:100%;border-radius:16px 0 16px 16px}}.questionAnswer{font-size:5rem;top:50%}.questionInfoVideoContainer{top:10%}.modal-content{width:70%}@media (max-width:1024){.prevButton{left:20px}.nextButton,.prevButton{border-width:0;z-index:200;position:fixed;margin-top:-50px;display:flex;flex-direction:row;justify-content:space-between;background-color:transparent}.nextButton{right:20px}}.checkbox-label{display:inline-block;transition:background-color .3s ease,color .3s ease}.checkbox-label.selected{background-color:#d4edda;color:#155724}@media (max-width:480px){.questionContainer{display:flex;grid-gap:1rem;gap:1rem;flex-direction:column}.questionImage,.topicsContainer{max-width:100%;max-height:100%;overflow-y:auto}}.modal-overlay{z-index:9999}.modal-content{max-width:80%;max-height:80%;overflow-y:auto;border-radius:4px;position:relative}.modal-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:16px;cursor:pointer}.responsive-table thead{background-color:#f2f2f2}@media (max-width:768px){.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table td,.responsive-table tr{display:block;width:100%}.responsive-table tr{margin-bottom:15px}.responsive-table td{text-align:right;padding-left:50%;position:relative}.responsive-table td:before{content:attr(data-label);position:absolute;left:0;width:50%;padding-left:15px;font-weight:700;text-align:left}}.truncated-cell{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:4.5em}.table-container{width:100%;overflow-x:auto}.responsive-table{width:100%;border-collapse:collapse}.responsive-table td,.responsive-table th{border:1px solid #ccc;padding:8px;text-align:left}@media (max-width:768px){.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table td,.responsive-table tr{display:block;width:100%}.responsive-table tr{margin-bottom:15px}.responsive-table td{text-align:left;position:relative}.responsive-table td:before{content:attr(data-label);position:absolute;left:0;width:50%;padding-left:15px;font-weight:700;text-align:left}}.StackTraceResolverModal .table-container{width:100%;overflow-x:auto;margin-top:12px}.StackTraceResolverModal .fixed-table{width:100%;border-collapse:collapse;background:#fff;min-width:900px;font-size:14px}.StackTraceResolverModal .fixed-table td,.StackTraceResolverModal .fixed-table th{border:1px solid #e3e6ee;padding:10px 8px;text-align:left;vertical-align:top}.StackTraceResolverModal .fixed-table th{background:#f7f7fb;color:#2b2b2b;font-weight:700}.StackTraceResolverModal .fixed-table tr:nth-child(2n){background:#f4f7fd}.StackTraceResolverModal .stack-preview{font-family:"Fira Mono","Menlo","monospace";background:#f7f7f7;border-radius:6px;padding:8px 10px;font-size:13px;line-height:1.4;white-space:pre-wrap;max-width:450px;max-height:180px;overflow:auto;margin:0}@media (max-width:900px){.StackTraceResolverModal .fixed-table,.StackTraceResolverModal .fixed-table tbody,.StackTraceResolverModal .fixed-table td,.StackTraceResolverModal .fixed-table th,.StackTraceResolverModal .fixed-table thead,.StackTraceResolverModal .fixed-table tr{display:block;width:100%}.StackTraceResolverModal .fixed-table thead{display:none}.StackTraceResolverModal .fixed-table tr{margin-bottom:15px;border-bottom:2px solid #e3e6ee}.StackTraceResolverModal .fixed-table td{position:relative;padding-left:48%;min-height:36px;text-align:left;border:none;border-bottom:1px solid #e3e6ee;background:#fff}.StackTraceResolverModal .fixed-table td:before{position:absolute;top:0;left:0;width:45%;padding:10px 8px;white-space:pre;content:attr(data-label);font-weight:700;color:#2b2b2b;background:#f7f7fb;border-right:1px solid #e3e6ee;height:100%;display:block}.StackTraceResolverModal .stack-preview{max-width:100%;min-width:0;box-sizing:border-box}}.logs-modal{width:600px;max-height:80vh;overflow-y:auto;padding:20px}.logs-container{margin-top:10px}.log-item{display:flex;grid-gap:12px;gap:12px;padding:12px 0;border-bottom:1px solid #eee}.log-status-dot{width:14px;height:14px;border-radius:50%;margin-top:5px}.log-details{flex:1 1;font-size:14px;color:#333}.log-date{font-size:12px;color:#777}.log-comment{margin-top:6px;background:#f3f4f6;padding:6px;border-radius:6px;font-size:13px}.empty-logs{padding:20px;text-align:center;color:#666}.product-assign-page,.product-code-page{background-color:#f5f6f7;padding:32px;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.08);margin:20px auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header h2{font-size:22px;color:#1e88e5;margin:0}.header button{background:none;border:1px solid #ccc;border-radius:8px;padding:6px 14px;cursor:pointer;transition:all .2s}.header button:hover{background-color:#f5f5f5}.user-info-box{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;margin-bottom:20px}.user-info-box p{margin:4px 0;font-size:14px;color:#333}.count-input{margin-bottom:20px}.count-input label{display:block;font-weight:600;margin-bottom:6px}.count-input input{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:8px}.generated-codes h4{font-size:16px;font-weight:600;margin-bottom:12px}.code-item{background-color:#f5f5f5;border-radius:6px;padding:6px 10px;margin-bottom:6px}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-box{background-color:#fff;padding:30px 40px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.2);text-align:center;width:420px}.modal-box h2{margin-bottom:8px;color:#1e88e5}.modal-box .subtitle{color:#666;margin-bottom:20px}.option-row{display:flex;justify-content:space-between;grid-gap:20px;gap:20px}.modal-option{flex:1 1;border:1px solid #ccc;border-radius:12px;padding:20px 10px;background-color:#fafafa;cursor:pointer;transition:all .2s}.modal-option:hover{border-color:#1e88e5;background-color:#e3f2fd}.modal-option h4{color:#1e88e5;margin-bottom:4px}.modal-option p{font-size:13px;color:#555}.no-products{font-size:14px;color:#777;margin-top:6px}button[disabled]{opacity:.7;cursor:not-allowed}.primary-btn{display:inline-block;background-color:#1e88e5;border:none;color:#fff;font-weight:500;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .2s}.primary-btn:hover{background-color:#1565c0}.primary-btn-code-generation{display:inline-block;background-color:#1e88e5;border:none;color:#fff;font-weight:500;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .2s;width:100%}.primary-btn-code-generation:hover{background-color:#1565c0}.primary-btn-assign-product{display:inline-block;background-color:#1e88e5;border:none;color:#fff;font-weight:500;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .2s;width:100%}.primary-btn-assign-product:hover{background-color:#1565c0}.promotion-name-input{margin-bottom:20px}.promotion-name-input label{display:block;font-weight:600;margin-bottom:6px}.promotion-name-input input{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:8px;font-size:14px}.promotion-name-input input:focus{outline:none;border-color:#1e88e5;background-color:#fff}@media (max-width:768px){.product-assign-page,.product-code-page{padding:20px;margin:20px}.input-group,.toggle-buttons{flex-direction:column}.input-group{align-items:stretch}.primary-btn{width:100%}}.reasonAndButtonsBox{display:flex;flex-direction:column;width:30%;height:40%;background-color:#fff;padding:32px;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.08);max-width:980px;margin-bottom:24px}.code-page-layout{display:flex;width:100%;grid-gap:5%;gap:5%;align-items:flex-start}.code-page-layout>div:first-child{width:70%}.reasonAndButtonsBox input,.reasonAndButtonsBox textarea{width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;padding:10px 12px;font-size:14px;outline:none;transition:border-color .2s}.reasonAndButtonsBox input:focus,.reasonAndButtonsBox textarea:focus{border-color:#1e88e5}@media (max-width:992px){.reasonAndButtonsBox{box-sizing:border-box;padding:16px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);width:100%;max-width:100%;overflow:hidden}.code-page-layout{flex-direction:column;grid-gap:24px;gap:24px}.code-page-layout>div:first-child,.reasonAndButtonsBox{width:100%}.reasonAndButtonsBox{order:2;padding:16px 20px;border-top:1px solid #eee}.product-code-page .header{flex-direction:column;align-items:flex-start;grid-gap:12px;gap:12px}.product-code-page h2{font-size:18px}.primary-btn{width:100%}.generated-codes .codes-grid{grid-template-columns:1fr}}@media (max-width:600px){.reasonAndButtonsBox{padding:12px;border-radius:8px}.reasonAndButtonsBox input,.reasonAndButtonsBox textarea{font-size:13px;padding:8px 10px}.primary-btn{font-size:14px;padding:10px 0}.count-input input,.promotion-name-input input,.reason-input textarea{font-size:14px;padding:8px 10px}.toggle-buttons{flex-direction:column}.product-header,.product-item{flex-direction:column;align-items:flex-start}.product-thumb{width:100%;height:auto;max-height:160px}}.section-wrapper{position:relative}.section-wrapper.disabled{pointer-events:none;opacity:.5}.section-wrapper .overlay{position:absolute;inset:0;background-color:hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:12px;z-index:5}.section-wrapper.enabled{animation:fadeIn .3s ease-in-out}.process-type-toggle{background-color:#fff;padding:32px;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.08);max-width:980px;margin-bottom:24px}.toggle-buttons{margin-top:3%;display:flex;grid-gap:10px;gap:10px}.toggle-btn{flex:1 1;padding:12px 0;border:1px solid #dcdde1;background-color:#f5f6fa;border-radius:8px;font-weight:500;color:#2d3436;cursor:pointer;transition:all .2s}.toggle-btn.active{background-color:#1e88e5;border-color:#1e88e5;color:#fff}.toggle-btn:hover{background-color:#e3f2fd}.toggle-btn.active:hover{background-color:#054edd}.warning-text{margin-top:6px;color:#e53935;font-size:13px}.product-list-container{background-color:#fff;padding:32px;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.08);max-width:980px;margin-bottom:24px}.section-title{margin-bottom:8px}.product-item{border-radius:8px;padding:12px 16px}.product-item input[type=radio]{margin-right:10px;margin-top:4px}.product-info strong{display:block}.product-details p{margin:2px 0;font-size:13px;color:#555}.product-details small{color:#999}.product-group{margin-bottom:28px}.product-group-title{font-size:16px;font-weight:600;margin-bottom:12px;color:#1e88e5}.product-list{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.product-item{display:flex;align-items:flex-start;border:1px solid #dcdde1;border-radius:10px;padding:14px 16px;background-color:#fff;cursor:pointer;transition:all .2s}.product-item.active{background-color:#e3f2fd;border-color:#1e88e5}.product-item:hover{border-color:#1e88e5}.product-item input{margin-right:10px;margin-top:4px}.product-info{flex:1 1}.product-header{display:flex;align-items:center;grid-gap:10px;gap:10px;margin-bottom:6px}.product-thumb{width:42px;height:42px;border-radius:6px;object-fit:cover;background-color:#f2f2f2;border:1px solid #eee}.product-info strong{font-weight:600;color:#1e88e5}.product-title{font-size:13px;color:#555;margin:0}.product-description{margin:6px 0;font-size:13px;color:#444;white-space:pre-line}.product-price{font-weight:600;color:#2e7d32;display:block;margin-top:4px}.reason-input{margin-bottom:24px;display:flex;flex-direction:column}.reason-input label{font-weight:600;margin-bottom:6px}.textarea-field{min-height:80px;padding:8px 12px;border-radius:8px;border:1px solid #ccc;resize:vertical;font-family:inherit;font-size:14px}.textarea-field.invalid{border-color:#e53935;background-color:#fff5f5}*,:after,:before{box-sizing:border-box}.user-search-box{background-color:#fff;padding:32px;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.08);max-width:980px;margin-bottom:24px;overflow:hidden}.input-group{display:flex;align-items:center;grid-gap:8px;gap:8px;margin-bottom:20px;flex-wrap:wrap}.user-search-input{width:60%}.login-type-select,.user-search-input{height:40px;border:1px solid #dcdde1;border-radius:8px;padding:0 12px;font-size:14px;background-color:#fafafa}.login-type-select{width:20%}.login-type-select:focus,.user-search-input:focus{outline:none;border-color:#1e88e5;background-color:#fff}.primary-btn-UserInfo{height:40px;background-color:#1e88e5;color:#fff;font-weight:500;border:none;border-radius:8px;padding:0 18px;cursor:pointer;transition:all .2s ease-in-out;width:12%}.primary-btn-UserInfo:hover{background-color:#1565c0}@media (max-width:768px){.input-group{flex-direction:column;align-items:stretch;grid-gap:12px;gap:12px}.login-type-select,.primary-btn-UserInfo,.user-search-input{width:100%}.primary-btn-UserInfo{height:44px;font-size:15px}.user-search-box{padding:20px}}@media (max-width:992px) and (min-width:769px){.user-search-input{width:50%}.login-type-select,.primary-btn-UserInfo{width:25%}}.user-info-box{margin-top:16px;background-color:#fff;padding-top:8px}.user-info-divider{border:none;border-top:1px solid #e0e0e0;margin:12px 0 16px}.user-info-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px 24px;gap:16px 24px}.user-info-item{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.user-info-item .label{font-size:13px;color:#777;font-weight:500}.user-info-item .value{font-size:15px;font-weight:600;color:#1e1e1e;word-break:break-word}.summaryModal__overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:9999}.summaryModal__container{background:#fff;border-radius:12px;padding:24px 28px;width:400px;max-width:90%;box-shadow:0 4px 20px rgba(0,0,0,.15);animation:summaryModal__fadeIn .2s ease-in-out;position:relative;font-family:"Inter",sans-serif}.summaryModal__title{margin-bottom:16px;color:#1e88e5;font-weight:600;text-align:center}.summaryModal__content{margin-bottom:20px}.summaryModal__row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f0f0f0}.summaryModal__row .label{color:#555;font-weight:500}.summaryModal__row .value{color:#222;font-weight:600}.summaryModal__closeBtn{display:flex;justify-content:center;align-self:center;margin-top:20px;background-color:#1e88e5;color:#fff;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;transition:background-color .2s ease;width:100%}.summaryModal__closeBtn:hover{background-color:#1565c0}@keyframes summaryModal__fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.generated-codes{margin-top:24px;display:flex;flex-direction:column;background-color:#fff;padding:32px;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.08);max-width:980px;margin-bottom:24px}.generated-codes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.generated-codes-header h4{font-size:16px;font-weight:600;margin:0;color:#1e88e5}.copy-btn{background-color:#e3f2fd;border:1px solid #1e88e5;color:#1e88e5;font-weight:500;border-radius:6px;padding:6px 10px;cursor:pointer;transition:all .2s}.copy-btn:hover{background-color:#1e88e5;color:#fff}.codes-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;background-color:#f5f5f5;padding:4%;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}@media (max-width:600px){.codes-grid{grid-template-columns:1fr}}.code-item{display:flex;justify-content:center;align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;font-family:monospace;font-size:14px;text-align:center;transition:all .2s}.code-item:hover{background-color:#e3f2fd;border-color:#1e88e5}.code-item{cursor:pointer;transition:background-color .2s ease,transform .1s ease}.code-item:hover{background-color:#f1f7ff;transform:scale(1.02)}.code-item.copied-single{background-color:#c8f7c5;color:#2d572c;font-weight:600}.ImageContainer{position:relative;text-align:center}.questionAnswer{font-size:10vw;opacity:.3;bottom:0;left:50%;color:red}.questionAnswer,.questionInfoVideoContainer{position:absolute;transform:translate(-50%,-50%)}.questionInfoVideoContainer{top:15%;right:1%}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{padding:1%;width:40%;height:40%}.modal-actions{align-items:center;justify-content:space-around;flex-direction:row}.close-button{position:absolute;top:10px;right:10px;background-color:transparent;border:none;cursor:pointer}.video-container{height:100%;width:100%;overflow:hidden;z-index:1000}.video-container iframe{top:0;left:0;width:100%;height:100%;border:none}.modal{width:100vw;height:100vh;background:rgba(0,0,0,.4);z-index:1000}.modal-content.confirm-modal{background:#fff;border-radius:16px;padding:32px;width:420px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.2);position:relative;animation:fadeIn .2s ease-in-out}.close-btn{position:absolute;top:12px;right:12px;background:transparent;border:none;font-size:20px;cursor:pointer}.modal-icon{font-size:48px;margin-bottom:10px}.modal-title{font-size:20px;font-weight:600;margin-bottom:10px}.modal-text{font-size:14px;color:#555;margin-bottom:20px}.modal-section{background:#f9fafb;border-radius:8px;padding:12px;margin-bottom:16px;text-align:left}.section-title{font-weight:600;font-size:14px;margin-bottom:6px}.selection-list{list-style:none;padding:0;margin:0;font-size:14px}.selection-list li{margin:4px 0}.modal-actions{display:flex;justify-content:center;grid-gap:16px;gap:16px;margin-top:20px}.modal-btn{padding:12px 0;width:45%;border:none;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:.2s ease}.modal-btn.cancel{background-color:#6a7898;color:#fff}.modal-btn.cancel:hover{background-color:#566482}.modal-btn.confirm{background-color:#054edd;color:#fff}.modal-btn.confirm:hover{background-color:#0444be}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.prevButton{left:20px}.nextButton,.prevButton{border-width:0;background-color:transparent}.nextButton{right:20px}.buttonContainer{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-bottom:.1rem}@media (max-width:1024){.prevButton{left:20px}.nextButton,.prevButton{border-width:0;z-index:200;position:fixed;display:flex;flex-direction:row;justify-content:space-between;background-color:transparent}.nextButton{right:20px}}.fade-in{opacity:0;animation:fadeInAnimation .3s ease forwards;-webkit-animation:fadeInAnimation .3s ease forwards}@keyframes fadeInAnimation{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.approver-panel{display:flex;flex-direction:column;grid-gap:12px;gap:12px;padding:12px 4px}.checkbox-row{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:15px;cursor:pointer}.checkbox-row input[type=checkbox]{transform:scale(1.3);cursor:pointer}.reject-textarea{width:100%;padding:8px 10px;font-size:14px;border-radius:6px;border:1px solid #ccc;min-height:80px;resize:vertical;margin-top:6px;font-family:inherit}.questionContainer{display:flex;direction:"column";flex-wrap:wrap;grid-gap:20%;gap:20%;justify-content:space-around;border:1px solid #000;padding:1%}.questionImage{max-width:60%;overflow:auto}.topicsContainer{overflow:auto;max-width:50vh;max-height:100vh}@media (max-width:1024px){.questionContainer{display:flex;grid-gap:5rem;gap:5rem;flex-direction:"row"}.questionImage{max-width:100%;max-height:50vh;overflow:auto}.topicsContainer{width:100vh;max-width:100%;max-height:50vh;overflow-y:auto}}@media (max-width:480px){.questionContainer{display:flex;grid-gap:1rem;gap:1rem;flex-direction:column}.questionImage,.topicsContainer{max-width:100%;max-height:50vh;overflow-y:auto}}.modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.modal-content{background-color:#fff;padding:20px;border-radius:8px;height:auto}.close{position:absolute;top:10px;right:10px;cursor:pointer}@media (max-width:768px){.modal-content{width:80%}}@media (max-width:480px){.modal-content{width:90%}}.coach-table-wrapper{width:100%;overflow-x:auto}.coach-table{width:100%;border-collapse:collapse;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Inter",sans-serif;font-size:.875rem;color:#0d121b;background-color:#fff}.coach-table-head th{background-color:#f8fafc;padding:16px 24px;text-align:left;padding:12px 24px;border-bottom:1px solid #e2e8f0;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#4c669a}.coach-table-head-checkbox{width:48px;padding-left:16px;padding-right:8px}.coach-table-head-name{min-width:250px}.coach-table-head-actions{text-align:right}.coach-table-row{background-color:#fff;border-bottom:1px solid #e2e8f0}.coach-table-row:hover{background-color:#f8fafc}.coach-table-body-cell{padding:12px 24px;vertical-align:middle}.coach-table-body-checkbox{width:48px;padding-left:16px;padding-right:8px}.coach-table-body-actions{text-align:right}.coach-table-checkbox{width:16px;height:16px;cursor:pointer}.coach-table-empty{padding:24px;text-align:center;font-size:.875rem;color:#64748b}.coach-row-actions,.coach-row-name-cell,.coach-row-rank-cell,.coach-row-seat-cell,.coach-row-status-cell,.coach-table-body-cell{padding:16px 24px!important}.sort-arrow{font-size:12px;margin-left:6px;display:inline-block;vertical-align:middle;color:#6b7280}.sort-arrow.active{color:#135bec;font-weight:700}.coach-table-head-cell:hover .sort-arrow{color:#135bec}.th-flex{display:flex;align-items:center;grid-gap:6px;gap:6px;justify-content:flex-start}.coach-table-head-cell{cursor:pointer;padding-right:12px}.coach-row{background-color:#fff;transition:background .15s ease;border-bottom:1px solid #e2e8f0}.coach-row:hover{background-color:#f8fafc}.coach-row-checkbox{width:48px;padding-left:16px;padding-right:8px}.coach-row-checkbox-input{width:16px;height:16px;cursor:pointer}.coach-row-name-cell{padding:12px 24px}.coach-row-name-wrapper{display:flex;align-items:center;grid-gap:12px;gap:12px}.coach-row-avatar{width:40px;height:40px;border-radius:50%;background-size:cover;background-position:50%}.coach-row-name-text{display:flex;flex-direction:column}.coach-row-fullname{font-size:1rem;font-weight:600;color:#0d121b}.coach-row-subtitle{font-size:.875rem;color:#4c669a}.coach-row-seat-cell{padding:12px 24px}.coach-row-seats-badge{display:inline-block;padding:4px 8px;background-color:rgba(19,91,236,.1);color:#135bec;border-radius:12px;font-size:.75rem;font-weight:600}.coach-row-body-cell,.coach-row-rank-cell{padding:12px 24px}.coach-row-rank-wrapper{display:flex;flex-wrap:wrap;grid-gap:6px;gap:6px}.coach-row-rank-chip{padding:4px 8px;font-size:.75rem;background-color:#f1f5f9;color:#334155;border-radius:6px;font-weight:500}.coach-row-status-cell{padding:12px 24px}.coach-row-status{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.coach-row-status.active{color:#10b981;background-color:rgba(16,185,129,.12)}.coach-row-status.inactive{color:#6b7280;background-color:#f1f5f9}.coach-row-actions{padding:12px 24px;text-align:right;white-space:nowrap}.coach-row-action-btn{padding:8px;margin-left:4px;border-radius:8px;background:transparent;cursor:pointer;border:none;transition:background .15s ease}.coach-row-action-btn:hover{background-color:#f1f5f9}.coach-row-action-btn .material-symbols-outlined{font-size:20px;color:#475569}.coach-row-actions,.coach-row-name-cell,.coach-row-rank-cell,.coach-row-seat-cell,.coach-row-status-cell{padding:16px 24px!important}.searchbar-container{width:100%;max-width:420px}.searchbar-input-wrapper{display:flex;align-items:center;height:40px;border:1px solid #cbd5e1;border-radius:8px;background-color:#f6f6f8}.searchbar-icon{font-size:20px;padding-left:12px;color:#4c669a}.searchbar-input{flex:1 1;height:100%;padding:0 12px;border:none;outline:none;background:transparent;font-size:.875rem;color:#0d121b}.searchbar-input:-ms-input-placeholder{color:#4c669a}.searchbar-input::placeholder{color:#4c669a}.filterchips-wrapper{display:flex;align-items:center;grid-gap:10px;gap:10px;overflow-x:auto;padding-bottom:4px}.filterchip{display:flex;align-items:center;grid-gap:6px;gap:6px;height:32px;padding:0 12px;border:1px solid #cbd5e1;background-color:#f1f5f9;border-radius:8px;cursor:pointer;transition:background .15s ease}.filterchip:hover{background-color:#e2e8f0}.filterchip-text{font-size:.875rem;color:#0d121b}.filterchip-icon{font-size:18px;color:#475569}.filterchip-checkbox-wrapper{display:flex;align-items:center;grid-gap:6px;gap:6px;cursor:pointer}.filterchip-checkbox{width:16px;height:16px}.filterchip-checkbox-label{font-size:.875rem;color:#4c669a;white-space:nowrap}.coach-filters-container{display:flex;flex-wrap:wrap;grid-gap:16px;gap:16px;padding:16px;border-bottom:1px solid #e2e8f0}.coaches-page{padding:32px;background-color:#f6f6f8;min-height:100vh;box-sizing:border-box}.coaches-page-container{max-width:1280px;margin:0 auto}.coaches-section{margin-top:24px}.coaches-section+.coaches-section{margin-top:32px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;grid-gap:16px;gap:16px}.page-header-title{font-size:2.25rem;font-weight:900;color:#0d121b;letter-spacing:-.03em}.page-header-button{display:flex;align-items:center;grid-gap:8px;gap:8px;height:40px;padding:0 16px;background-color:#135bec;color:#fff;font-size:.875rem;font-weight:700;border-radius:8px;border:none;cursor:pointer;transition:background .15s ease}.page-header-button:hover{background-color:#0f4dc7}.page-header-button-icon{font-size:20px;color:#fff}.card-section{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.04)}.card-section>.card-section-block{padding:16px;border-bottom:1px solid #e2e8f0}.card-section>.card-section-block:last-child{border-bottom:none}.pagination-container{padding:16px;display:flex;justify-content:space-between;align-items:center}.pagination-summary{font-size:.875rem;color:#6b7280}.pagination-bold{font-weight:600;color:#0d121b}.pagination-list{display:inline-flex;align-items:center;grid-gap:0;gap:0;list-style:none;padding:0;margin:0}.pagination-btn{height:32px;padding:0 12px;background-color:#fff;border:1px solid #cbd5e1;font-size:.875rem;color:#6b7280;cursor:pointer;display:flex;align-items:center;transition:background .15s ease,color .15s ease}.pagination-btn:hover:not(:disabled){background-color:#f1f5f9;color:#111827}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-active{background-color:rgba(19,91,236,.1);border-color:#135bec;color:#135bec;font-weight:600}.pagination-btn:first-child{border-radius:8px 0 0 8px}.pagination-btn:last-child{border-radius:0 8px 8px 0}.pagination-prev{margin-right:0}.pagination-next{margin-left:0}.coach-modal-backdrop{position:fixed;inset:0;background-color:rgba(16,22,34,.4);display:flex;align-items:center;justify-content:center;z-index:999}.coach-modal-dialog{width:100%;max-width:960px;border-radius:12px;background-color:#fff;box-shadow:0 10px 40px rgba(15,23,42,.35);display:flex;flex-direction:column;max-height:calc(100vh - 64px);overflow:scroll;font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.coach-modal-header{padding:24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background-color:#fff;border-bottom:1px solid #e5e7eb}.coach-modal-header-text{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.coach-modal-title{font-size:1.25rem;font-weight:700;color:#111827}.coach-modal-subtitle{font-size:.875rem;color:#6b7280}.coach-modal-close-btn{width:32px;height:32px;border-radius:9999px;border:none;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center;cursor:pointer}.coach-modal-close-btn:hover{background-color:#e5e7eb}.coach-modal-close-btn .material-symbols-outlined{font-size:20px;color:#4b5563}.coach-modal-body{padding:24px;display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px;overflow:visible}@media (min-width:768px){.coach-modal-body{grid-template-columns:1fr 1fr}}.coach-modal-column{display:flex;flex-direction:column;grid-gap:24px;gap:24px}.coach-modal-avatar-row{flex-wrap:wrap;justify-content:space-between}.coach-modal-avatar-row,.coach-modal-avatar-wrap{display:flex;grid-gap:16px;gap:16px;align-items:center}.coach-modal-avatar{width:96px;height:96px;border-radius:9999px;background-size:cover;background-position:50%;background-color:#e5e7eb}.coach-modal-avatar-text{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.coach-modal-avatar-title{font-size:1rem;font-weight:700;color:#111827}.coach-modal-avatar-subtitle{font-size:.875rem;color:#6b7280}.coach-modal-upload-btn{height:40px;padding:0 16px;border-radius:8px;border:none;background-color:#e7ebf3;font-size:.875rem;font-weight:700;color:#0d121b;cursor:pointer}.coach-modal-upload-btn:hover{background-color:#dce3f3}.coach-modal-row-two{display:flex;flex-direction:column;grid-gap:16px;gap:16px}@media (min-width:640px){.coach-modal-row-two{flex-direction:row}}.coach-modal-field{display:flex;flex-direction:column;width:100%}.coach-modal-label{padding-bottom:8px;font-size:.875rem;font-weight:500;color:#111827}.coach-modal-input,.coach-modal-select{height:48px;padding:0 15px;border-radius:8px;border:1px solid #cfd7e7;background-color:#f6f6f8;font-size:.95rem;color:#0d121b;outline:none}.coach-modal-input:focus,.coach-modal-select:focus,.coach-modal-textarea:focus{border-color:#135bec}.coach-modal-textarea{font-family:inherit;min-height:120px;padding:12px 15px;border-radius:8px;border:1px solid #cfd7e7;background-color:#f6f6f8;color:#0d121b;resize:none}.coach-modal-badge-list{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px;margin-top:8px}.coach-modal-badge-pill{padding:4px 8px;font-size:.8rem;font-weight:500;background-color:rgba(19,91,236,.16)}.coach-modal-badge-remove{border:none;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center}.coach-modal-badge-remove .material-symbols-outlined{font-size:16px}.coach-modal-ranks-block{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.coach-modal-rank-row{display:flex;align-items:center;grid-gap:8px;gap:8px}.coach-modal-rank-row .coach-modal-input:first-of-type{width:90px;flex-shrink:0}.coach-modal-rank-row .coach-modal-input:nth-of-type(2){width:100%;max-width:200px;flex-shrink:1}.coach-modal-toggle{flex-shrink:0}.coach-modal-rank-header{display:flex;align-items:center;grid-gap:8px;gap:8px;margin-bottom:6px}.coach-modal-rank-header-spacer{width:90px}.coach-modal-rank-header-spacer+.coach-modal-rank-header-spacer{width:200px}.coach-modal-rank-header-title{width:44px;text-align:center;font-size:11px;color:#6b7280}.coach-modal-rank-delete{color:#dc2626}.coach-modal-rank-delete .material-symbols-outlined{font-size:20px}.coach-modal-rank-add{height:40px;border:1px dashed #9ca3af;background-color:transparent;justify-content:center;grid-gap:6px;gap:6px;font-size:.875rem;color:#4b5563}.coach-modal-toggle-block{display:flex;align-items:center;justify-content:space-between;grid-gap:12px;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}.coach-modal-toggle-text{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.coach-modal-toggle-title{font-size:.95rem;font-weight:500;color:#111827}.coach-modal-toggle-subtitle{font-size:.85rem;color:#6b7280}.coach-modal-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}.coach-modal-toggle input{display:none}.coach-modal-toggle-slider{width:44px;height:24px;border-radius:9999px;background-color:#e5e7eb;position:relative;transition:background-color .2s ease}.coach-modal-toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:9999px;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15);transition:transform .2s ease}.coach-modal-toggle input:checked+.coach-modal-toggle-slider{background-color:#135bec}.coach-modal-toggle input:checked+.coach-modal-toggle-slider:before{transform:translateX(20px)}.coach-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column-reverse;grid-gap:12px;gap:12px}@media (min-width:640px){.coach-modal-footer{flex-direction:row;justify-content:flex-end}}.coach-modal-btn{height:44px;padding:0 24px;border-radius:8px;border:none;font-size:.875rem;font-weight:700;cursor:pointer}.coach-modal-btn-secondary{background-color:#f3f4f6;color:#111827}.coach-modal-btn-secondary:hover{background-color:#e5e7eb}.coach-modal-btn-primary{background-color:#135bec;color:#fff}.coach-modal-btn-primary:hover{background-color:#0f4dc7}.coach-modal-badge-selector{height:48px;border-radius:8px;border:1px solid #cfd7e7;background-color:#f6f6f8;padding:0 15px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#6b7280}.coach-modal-badge-selector:hover{border-color:#135bec}.coach-modal-badge-dropdown{margin-top:4px;border:1px solid #cfd7e7;background-color:#fff;border-radius:8px;padding:8px 0;position:relative;z-index:50;max-height:200px;overflow-y:auto}.coach-modal-badge-option{padding:10px 16px;cursor:pointer;color:#111827;display:flex;justify-content:space-between;align-items:center}.coach-modal-badge-option:hover{background-color:#f1f5f9}.coach-modal-badge-option.selected{background-color:rgba(19,91,236,.15);color:#135bec;font-weight:600}.coach-modal-badge-pill{padding:4px 10px;background-color:rgba(19,91,236,.18);border-radius:9999px;color:#135bec;font-weight:600;grid-gap:4px;gap:4px}.badge-arrow,.coach-modal-badge-pill{display:inline-flex;align-items:center}.badge-arrow{transition:transform .2s ease;font-size:22px}.badge-arrow.open{transform:rotate(180deg)}.check-icon{font-size:18px;color:#135bec}.badge-remove-icon{font-size:16px;cursor:pointer;color:#135bec}.badge-remove-icon:hover{color:#0a4acb;transform:scale(1.2);transition:.15s ease}.coach-modal-rank-delete{width:40px;height:40px;border-radius:8px;background-color:#fee2e2;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.coach-modal-rank-delete:hover{background-color:#fecaca}.rank-delete-icon{color:#dc2626;font-size:22px}.coach-modal-rank-add{display:flex;align-items:center;grid-gap:8px;gap:8px;border:2px dashed #9ca3af;padding:10px 14px;border-radius:8px;background:transparent;cursor:pointer;font-weight:700;color:#6b7280}.coach-modal-rank-add:hover{border-color:#135bec;color:#135bec}.rank-add-icon{color:inherit;font-size:22px}.coach-modal-profile-image-section{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.coach-modal-helper-text{font-size:12px;color:#6b7280}.cropper-content canvas{pointer-events:auto!important}.cropper-content{position:relative;z-index:999999}.cropper-modal{pointer-events:auto!important}.cropper-content *{-webkit-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.char-counter{font-size:12px;text-align:right;color:#888;margin-top:4px}.error-text{color:#e53935;margin-left:4px}.badge-chip-container{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px}.badge-chip{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:.2s ease}.badge-chip-selected{background-color:rgba(19,91,236,.18);color:#135bec}.badge-chip-unselected{background-color:#e5e7eb;color:#374151}.badge-chip-unselected:hover{background-color:#d1d5db}.badge-chip-add{border:1px dashed #9ca3af;background:#fff;color:#6b7280}.badge-chip-add:hover{border-color:#135bec;color:#135bec}.badge-chip-icon{font-size:18px}.selected-icon{color:#135bec}.add-icon{color:#6b7280}.badge-chip-add-input{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;padding:6px 12px;border-radius:20px;border:1px dashed #9ca3af;background:#fff}.badge-add-input{border:none;outline:none;font-size:.85rem;width:120px;background:transparent}.badge-add-save{font-size:18px;font-weight:700;cursor:pointer;color:#135bec}.badge-add-save:hover{color:#0a4acb;transform:scale(1.2)}.coach-modal-error{margin-top:4px;font-size:12px;color:#dc2626}.coach-modal-student-count{margin-top:6px;font-size:.85rem;color:#6b7280}.coach-modal-student-count strong{color:#111827;font-weight:600}.coach-modal-note{font-size:12px;color:#6b7280;line-height:1.4;width:100%}@media (min-width:640px){.coach-modal-note{margin-top:4px;flex-basis:100%}}.coach-modal-input--disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed;opacity:1}.coach-modal-input--disabled:-ms-input-placeholder{color:#9ca3af}.coach-modal-input--disabled::placeholder{color:#9ca3af}.badge-chip-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.profile-upload-container{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.profile-preview-circle{width:96px;height:96px;border-radius:50%;background-color:#e5e7eb;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center}.profile-preview-img{width:100%;height:100%;object-fit:cover}.profile-placeholder{font-size:12px;color:#6b7280}.cropper-overlay{position:fixed;inset:0;background-color:rgba(15,23,42,.6);display:flex;align-items:center;justify-content:center;z-index:9999}.cropper-panel{background-color:#fff;border-radius:12px;padding:24px;width:420px;max-width:90%;box-shadow:0 10px 40px rgba(15,23,42,.45);display:flex;flex-direction:column;grid-gap:16px;gap:16px;font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.cropper-title{margin:0;font-size:1rem;font-weight:600;color:#111827}.cropper-frame{display:flex;align-items:center;justify-content:center}.cropper-circle-mask{width:250px;height:250px;border-radius:50%;overflow:hidden;background-color:#f3f4f6;position:relative;cursor:grab}.cropper-image{position:absolute;top:50%;left:50%;transform-origin:center center;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.cropper-slider-row{display:flex;align-items:center;grid-gap:12px;gap:12px}.cropper-slider-label{font-size:.875rem;color:#4b5563}.cropper-slider{flex:1 1}.cropper-actions{display:flex;justify-content:flex-end;grid-gap:8px;gap:8px}.cropper-btn{border-radius:8px;border:none;font-size:.875rem;font-weight:600;padding:8px 16px;cursor:pointer}.cropper-btn-cancel{background-color:#f3f4f6;color:#111827}.cropper-btn-cancel:hover{background-color:#e5e7eb}.cropper-btn-save{background-color:#135bec;color:#fff}.cropper-btn-save:hover{background-color:#0f4dc7}.cropper-file-size{margin-top:8px;font-size:.85rem;color:#6b7280;text-align:start}.file-size-ok{color:#16a34a;font-weight:600}.file-size-error{color:#dc2626;font-weight:600}.coach-preview-overlay{position:fixed;inset:0;z-index:1300;display:flex;justify-content:flex-end;background:rgba(15,23,42,.35)}.coach-preview-drawer{width:40vw;max-width:480px;min-width:360px;height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:-10px 0 30px rgba(15,23,42,.35)}.coach-preview-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.coach-preview-title{font-size:1rem;font-weight:700;color:#111827;margin:0}.coach-preview-subtitle{font-size:.8rem;color:#6b7280;margin:4px 0 0}.coach-preview-close{width:32px;height:32px;border-radius:999px;border:none;background:#f3f4f6;cursor:pointer;font-size:18px;line-height:1}.coach-preview-close:hover{background:#e5e7eb}.coach-preview-body{flex:1 1;overflow-y:auto;padding:16px}.coach-preview-footer{padding:12px 20px 16px;border-top:1px solid #e5e7eb;display:flex;grid-gap:8px;gap:8px;justify-content:flex-end;background:#f9fafb}.coach-preview-btn{height:40px;padding:0 18px;border-radius:8px;border:none;font-size:.875rem;font-weight:600;cursor:pointer}.coach-preview-btn-secondary{background:#eef2ff;color:#111827}.coach-preview-btn-secondary:hover{background:#e0e7ff}.coach-preview-btn-primary{background:#135bec;color:#fff}.coach-preview-btn-primary:hover{background:#0f4dc7}.coach-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(15,23,42,.15);padding:20px 18px 16px;display:flex;flex-direction:column;grid-gap:12px;gap:12px}.coach-card-avatar-wrap{display:flex;justify-content:center;margin-top:4px}.coach-card-avatar{width:72px;height:72px;border-radius:999px;border:3px solid #fef3c7;overflow:hidden;background:#e5e7eb;display:flex;align-items:center;justify-content:center}.coach-card-avatar-img{width:100%;height:100%;object-fit:cover}.coach-card-avatar-placeholder{font-size:24px;font-weight:700;color:#4b5563}.coach-card-header-text{text-align:center;padding-top:4px}.coach-card-name{font-size:1.05rem;font-weight:700;color:#111827}.coach-card-title{margin-top:2px;font-size:.83rem;color:#6b7280}.coach-card-divider{height:1px;background:#e5e7eb;margin:6px 0}.coach-card-about{font-size:.86rem;color:#374151}.coach-card-about-empty{color:#9ca3af;font-style:italic}.coach-card-about-text{margin:0 0 6px;line-height:1.5}.coach-card-expand-btn{border:none;background:transparent;font-size:.8rem;font-weight:600;color:#135bec;cursor:pointer}.coach-card-section{margin-top:4px}.coach-card-section-title{font-size:.85rem;font-weight:600;color:#111827;margin-bottom:6px}.coach-card-badge-grid{display:flex;flex-wrap:wrap;grid-gap:6px 12px;gap:6px 12px}.coach-card-badge-pill{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;font-size:.8rem;color:#16a34a}.coach-card-badge-dot{width:12px;height:12px;border-radius:999px;border:1px solid #bbf7d0;background:#dcfce7}.coach-card-badge-empty{font-size:.8rem;color:#9ca3af}.coach-card-ranks{margin-top:8px}.coach-card-rank-row{display:flex;flex-wrap:wrap;grid-gap:6px;gap:6px}.coach-card-rank-pill{font-size:.78rem;padding:4px 8px;border-radius:999px;background:#eff6ff;color:#1d4ed8}.coach-card-footer{margin-top:10px;display:flex;justify-content:space-between;align-items:center;grid-gap:8px;gap:8px}.coach-card-seats{font-size:.8rem;color:#ef4444;display:inline-flex;align-items:center;grid-gap:6px;gap:6px}.coach-card-seats-dot{width:10px;height:10px;border-radius:999px;background:#fee2e2}.coach-card-cta{border:none;border-radius:999px;padding:8px 18px;font-size:.85rem;font-weight:600;background:#135bec;color:#fff;cursor:default;opacity:.8}.video-builder-scope{--bg-1:#f4f7fb;--bg-2:#e9f2ff;--text:#0f172a;--muted:#4b5563;--card:hsla(0,0%,100%,0.86);--card-strong:#fff;--stroke:#d3deee;--focus:#0ea5e9;--brand:#0f766e;--brand-strong:#0b5f59;--danger:#c2410c;--radius-lg:18px;--radius-md:12px;--shadow-sm:0 8px 20px rgba(15,23,42,0.06);--shadow-md:0 16px 38px rgba(15,23,42,0.12);font-family:"Manrope","Segoe UI",sans-serif;color:var(--text)}.video-builder-scope *,.video-builder-scope :after,.video-builder-scope :before{box-sizing:border-box}.video-builder-scope h1,.video-builder-scope h2,.video-builder-scope h3,.video-builder-scope p{margin-top:0}.video-builder-scope h1{font-size:clamp(1.55rem,2.4vw,2.2rem);margin-bottom:.45rem}.video-builder-scope h2{font-size:clamp(1.1rem,1.8vw,1.4rem);margin-bottom:.85rem}.video-builder-scope button,.video-builder-scope input,.video-builder-scope select,.video-builder-scope textarea{font:inherit}.video-builder-scope input,.video-builder-scope select,.video-builder-scope textarea{width:100%;border:1px solid var(--stroke);border-radius:12px;background:#fff;padding:11px 12px;color:var(--text);transition:border-color .16s ease,box-shadow .16s ease}.video-builder-scope input:-ms-input-placeholder,.video-builder-scope textarea:-ms-input-placeholder{color:#94a3b8}.video-builder-scope input::placeholder,.video-builder-scope textarea::placeholder{color:#94a3b8}.video-builder-scope input:focus,.video-builder-scope select:focus,.video-builder-scope textarea:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px rgba(14,165,233,.18)}.video-builder-scope textarea{resize:vertical;min-height:90px}.video-builder-scope button{border:1px solid var(--stroke);border-radius:12px;background:linear-gradient(180deg,#fff,#f8fafc);padding:9px 14px;font-weight:650;color:#0b1327;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.video-builder-scope button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:#b8c9e2}.video-builder-scope button:active{transform:translateY(0);box-shadow:none}.video-builder-scope button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.button-link,.video-builder-scope button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.video-builder-scope button.primary{background:linear-gradient(150deg,var(--brand),#0f766e 58%,#0b5f59);color:#f8fffe;border-color:transparent;box-shadow:0 10px 20px rgba(15,118,110,.27)}.video-builder-scope .button-link{border:1px solid var(--stroke);border-radius:12px;background:linear-gradient(180deg,#fff,#f8fafc);padding:9px 14px;font-weight:650;color:#0b1327;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.video-builder-scope .button-link:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:#b8c9e2}.video-builder-scope button.primary:hover{box-shadow:0 14px 24px rgba(15,118,110,.32)}.video-builder-scope label{display:grid;grid-gap:6px;gap:6px;margin-bottom:14px;font-size:.93rem;font-weight:600;color:#22314f}.video-builder-scope code{display:inline-block;max-width:100%;overflow-wrap:anywhere;background:#e2ebfa;color:#1e293b;border:1px solid #c7d7f0;border-radius:8px;padding:.1rem .4rem;font-size:.85em}.video-builder-scope .layout{width:min(1120px,100%);margin:0 auto;padding:clamp(14px,2.7vw,28px);display:grid;grid-gap:clamp(12px,1.8vw,20px);gap:clamp(12px,1.8vw,20px)}.video-builder-scope .card{background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid rgba(211,222,238,.95);box-shadow:var(--shadow-sm);padding:clamp(14px,2.2vw,24px)}.video-builder-scope .card:first-child{background:linear-gradient(120deg,rgba(15,118,110,.12),rgba(15,23,42,0) 36%),var(--card-strong)}.video-builder-scope .muted{color:var(--muted);font-size:.93rem}.video-builder-scope .form-error{border:1px solid #fecaca;background:#fff1f2;color:#9f1239;border-radius:10px;padding:10px 12px;font-weight:700;margin:0 0 12px}.video-builder-scope .grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;align-items:center}.video-builder-scope .grid.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.video-builder-scope .timeline-item{align-items:flex-start;grid-gap:14px;gap:14px;padding:12px;display:flex;justify-content:space-between;align-items:center;grid-gap:16px;gap:16px;border:1px solid #e2e8f4;border-radius:var(--radius-md);background:#fff;padding:12px 14px;margin-bottom:10px}.video-builder-scope .timeline-info{flex:1 1;line-height:1.45}.video-builder-scope .timeline-actions{display:flex;grid-gap:10px;gap:10px}.video-builder-scope .timeline-actions button{border:none;border-radius:6px;padding:6px 12px;font-weight:600;cursor:pointer}.video-builder-scope .reject-btn{background:#fff5f5;color:#dc2626;border:1px solid #fecaca}.video-builder-scope .approve-btn{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}@media (max-width:700px){.video-builder-scope .timeline-item{flex-direction:column;align-items:flex-start}.video-builder-scope .timeline-actions{width:100%}.video-builder-scope .timeline-actions button{flex:1 1}}.video-builder-scope .mc-builder-list{display:grid;grid-gap:12px;gap:12px;margin-bottom:12px}.video-builder-scope .mc-builder-item{border:1px solid #d8e2f1;border-radius:12px;background:#f8fbff;padding:12px}.video-builder-scope .mc-builder-item-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.video-builder-scope .checkbox-label{display:flex;align-items:center;grid-gap:8px;gap:8px;font-weight:700}.video-builder-scope .checkbox-label input{width:auto}.video-builder-scope .button-row{display:flex;grid-gap:8px;gap:8px;flex-wrap:wrap;margin-top:8px}.video-builder-scope .danger-button{border-color:#fecaca;background:#fff1f2;color:#9f1239}.video-builder-scope .confirm-modal-backdrop{position:fixed;inset:0;z-index:140;display:grid;place-items:center;background:rgba(2,6,23,.52);padding:16px}.video-builder-scope .confirm-modal{width:min(100%,40%);border-radius:14px;border:1px solid #d8e2f1;background:#fff;box-shadow:0 20px 40px rgba(15,23,42,.3);padding:16px}.video-builder-scope .confirm-modal h3{margin:0 0 8px;font-size:1.05rem}.video-builder-scope .confirm-modal p{margin:0;color:#334155;line-height:1.45}.video-builder-scope .confirm-modal-actions{margin-top:14px;display:flex;justify-content:flex-end;grid-gap:8px;gap:8px}.video-builder-scope .builder-video-toolbar{display:flex;align-items:center;justify-content:space-between;grid-gap:10px;gap:10px;margin-bottom:12px}.video-builder-scope .builder-stage-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:14px;gap:14px;align-items:start}.video-builder-scope .builder-video-column{min-width:0}.video-builder-scope .builder-interaction-panel{border:1px solid #d8e2f1;border-radius:12px;background:#f8fbff;padding:12px;max-height:560px;overflow:auto}.video-builder-scope .builder-interaction-panel h3{margin:0 0 10px}.video-builder-scope .builder-interaction-item{width:100%;display:grid;grid-gap:6px;gap:6px;text-align:left;margin-bottom:8px;border:1px solid #cdd9ec;border-radius:10px;background:#fff;padding:10px;box-shadow:none;cursor:pointer}.video-builder-scope .builder-interaction-item:hover{transform:none;box-shadow:none;border-color:#9eb5d9}.video-builder-scope .builder-interaction-item.is-active{border-color:#0ea5e9;background:#eaf7ff}.video-builder-scope .builder-interaction-item:last-child{margin-bottom:0}.video-builder-scope .builder-interaction-item-head{justify-content:space-between}.video-builder-scope .builder-interaction-item-head,.video-builder-scope .builder-interaction-item-head-right{display:flex;align-items:center;grid-gap:8px;gap:8px}.video-builder-scope .builder-interaction-item-head span{color:#475569;font-size:.86rem;font-weight:700}.video-builder-scope .builder-interaction-item-edit{border:1px solid #9ec5f8;background:#eaf4ff;color:#0b4f9c;border-radius:8px;padding:4px 8px;font-size:.8rem;font-weight:800}.video-builder-scope .builder-interaction-item-type{font-size:.84rem;font-weight:700;color:#0f766e}.video-builder-scope .builder-interaction-item-text{font-size:.9rem;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-builder-scope .builder-interaction-preview{position:absolute;transform:translate(-50%,-50%);width:min(88%,760px);max-height:calc(100% - 20px);overflow:auto;z-index:7;background:hsla(0,0%,100%,.96);border:1px solid #cfddf2;border-radius:12px;padding:10px 12px;box-shadow:0 10px 24px rgba(15,23,42,.2);pointer-events:none;overflow-y:auto}.video-builder-scope .builder-interaction-preview.is-hint{width:min(360px,72%);max-height:none;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;max-height:80%;overflow-y:auto}.video-builder-scope .builder-preview-close{position:absolute;right:8px;top:8px;width:28px;height:28px;border-radius:999px;border:1px solid #c9d8ef;background:#f8fbff;color:#334155;padding:0;font-size:1rem;font-weight:800;pointer-events:auto}.video-builder-scope .builder-preview-title{margin:0;font-size:.98rem;font-weight:800;color:#0f172a}.video-builder-scope .builder-preview-text{margin:8px 0 0;font-size:.88rem;color:#334155;line-height:1.35}.video-builder-scope .builder-preview-options{display:flex;flex-wrap:wrap;grid-gap:6px;gap:6px;margin-top:8px}.video-builder-scope .builder-preview-pill{border:1px solid #c9d8ef;background:#f3f8ff;border-radius:999px;padding:3px 8px;font-size:.78rem;font-weight:700;color:#1e3a5f}.video-builder-scope .builder-hint-preview{position:static;transform:none;width:100%;background:#f3f8ff;padding:3px 8px;font-size:.78rem;font-weight:700;color:#1e3a5f;border:1px solid #c9d8ef;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.video-builder-scope .drag-map-builder,.video-builder-scope .media-builder{border:1px solid #d8e2f1;border-radius:12px;background:#f8fbff;padding:12px;margin-bottom:14px}.video-builder-scope .media-accordion-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #cdd9ec;background:#fff;color:#1f2a44;font-weight:700;border-radius:10px;padding:10px 12px;box-shadow:none}.video-builder-scope .media-accordion-content{margin-top:12px}.video-builder-scope .media-preview-block{display:grid;grid-gap:8px;gap:8px;margin:4px 0 10px}.video-builder-scope .media-preview-image{width:min(100%,320px);max-height:180px;object-fit:cover;border-radius:10px;border:1px solid #d3deee}.video-builder-scope .drag-map-title{font-weight:800;margin-bottom:10px}.video-builder-scope .drag-map-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);grid-gap:10px;gap:10px;align-items:center;margin-bottom:10px}.video-builder-scope .drag-map-row:last-child{margin-bottom:0}.video-builder-scope .drag-map-slot{font-weight:700;color:#1f2a44;background:#fff;border:1px solid #d8e2f1;border-radius:10px;padding:10px}.video-builder-scope .drag-map-items{display:flex;flex-wrap:wrap;grid-gap:7px;gap:7px}.video-builder-scope .drag-map-item{border:1px solid #c8d6eb;background:#fff;border-radius:999px;padding:7px 10px;font-size:.88rem;box-shadow:none}.video-builder-scope .drag-map-item:hover{box-shadow:none}.video-builder-scope .drag-map-item.is-selected{background:#d7ebff;border-color:#2563eb;color:#153b73}.video-builder-scope .video{width:100%;border-radius:14px;border:1px solid #d5dfef;box-shadow:var(--shadow-sm);background:#000}.video-builder-scope .preview-stage{position:relative}.video-builder-scope .preview-stage.drop-ready{outline:2px dashed #60a5fa;outline-offset:6px;border-radius:16px}.video-builder-scope .position-marker{position:absolute;transform:translate(-50%,-50%);z-index:5;border:1px solid #60a5fa;background:rgba(30,64,175,.9);color:#f8fafc;border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:700;box-shadow:0 8px 16px rgba(30,64,175,.3);cursor:grab}.video-builder-scope .position-marker:active{cursor:grabbing}.video-builder-scope .interaction-drawer-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.48);z-index:110;display:flex;justify-content:flex-end}.video-builder-scope .interaction-drawer{width:min(92vw,560px);height:100vh;overflow:auto;border-radius:0;border-left:1px solid #d3deee;box-shadow:-20px 0 40px rgba(15,23,42,.2);animation:drawerIn .24s ease-out}.video-builder-scope .interaction-drawer-head{display:flex;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px}@keyframes drawerIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.video-builder-scope .embed-layout{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1000px 520px at -12% -10%,#134e4a 0,transparent 68%),radial-gradient(1000px 520px at 110% 0,#0f172a 0,transparent 70%),#020617;padding:18px;position:relative}.video-builder-scope .player-wrap{width:min(100%,1020px);position:relative}.video-builder-scope .interaction-timeline{position:relative;margin-top:8px;padding:0 6px}.video-builder-scope .timeline-range{width:100%;margin:0}.video-builder-scope .timeline-markers{position:absolute;left:6px;right:6px;top:50%;transform:translateY(-50%);height:0;pointer-events:none}.video-builder-scope .timeline-marker{position:absolute;transform:translate(-50%,-50%);top:50%;width:12px;height:12px;border-radius:999px;border:2px solid #dbeafe;background:#1e293b;box-shadow:0 0 0 1px rgba(15,23,42,.25);cursor:pointer;pointer-events:auto}.video-builder-scope .timeline-marker.type-info_hint{background:#0ea5e9}.video-builder-scope .timeline-marker.type-drag_drop,.video-builder-scope .timeline-marker.type-word_bank_fill{background:#f59e0b}.video-builder-scope .hint-layer{position:absolute;inset:0;z-index:20;pointer-events:none}.video-builder-scope .hint-card{position:absolute;transform:translate(-50%,-50%);width:min(340px,85%);background:rgba(15,23,42,.88);border:1px solid rgba(148,163,184,.45);color:#f8fafc;border-radius:12px;padding:10px 12px;box-shadow:0 10px 24px rgba(2,6,23,.35)}.video-builder-scope .hint-card strong{display:block;font-size:.85rem;letter-spacing:.02em;color:#93c5fd;margin-bottom:4px}.video-builder-scope .hint-card p{margin:0;line-height:1.4}.video-builder-scope .overlay{position:absolute;inset:0;background:rgba(2,6,23,.74);z-index:30;overflow:hidden;opacity:1}.video-builder-scope .overlay-card{position:absolute;transform:translate(-50%,-50%);width:min(90%,650px);max-height:calc(100% - 16px);background:#fff;border-radius:16px;border:1px solid #d3deee;box-shadow:var(--shadow-md);padding:clamp(14px,2.3vw,22px);overflow:auto}.video-builder-scope .interaction-example-image{width:min(100%,320px);max-height:180px;object-fit:cover;border-radius:10px;border:1px solid #d3deee;margin-bottom:10px}.video-builder-scope .interaction-example-image.hint-example{max-height:120px;width:100%;margin-bottom:8px}.video-builder-scope .ok{color:#0f766e;font-weight:700;margin-top:12px}.video-builder-scope .bad{color:#be123c;font-weight:700;margin-top:12px}.video-builder-scope .reveal{background:#f4f8ff;border:1px solid #dce7f8;border-radius:12px;padding:11px;margin-top:10px;line-height:1.45}.video-builder-scope .mc-options{display:grid;grid-gap:12px;gap:12px;margin-top:12px}.video-builder-scope .mc-tip{margin:8px 0 0;padding:8px 10px;border-radius:10px;border:1px solid #dce7f8;background:#f4f8ff;color:#1e3a5f;font-weight:600}.video-builder-scope .mc-feedback-list{margin-top:12px;display:grid;grid-gap:8px;gap:8px}.video-builder-scope .mc-feedback-item{margin:0;padding:8px 10px;border-radius:10px;border:1px solid #e2e8f4;background:#f8fafc}.video-builder-scope .word-bank-sentence{display:flex;flex-wrap:wrap;align-items:center;grid-gap:8px;gap:8px;font-size:clamp(1.05rem,1.8vw,1.8rem);line-height:1.55;margin:14px 0 16px}.video-builder-scope .word-bank-blank{min-width:clamp(120px,15vw,220px);min-height:46px;border-radius:10px;border:2px dashed #9fb4d0;background:#cfe0f3;color:#1e3a5f;font-weight:700;box-shadow:none}.video-builder-scope .word-bank-blank.is-filled{border-style:solid;background:#eef5ff}.video-builder-scope .word-bank-blank:hover{transform:none;box-shadow:none}.video-builder-scope .word-bank-pool{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;margin-bottom:12px}.video-builder-scope .word-bank-chip{border:1px solid #c2c8d3;border-radius:10px;background:#e5e7eb;box-shadow:0 2px 0 rgba(15,23,42,.13);font-weight:700}.video-builder-scope .word-bank-chip.selected{background:#c9dcf2;border-color:#1565c0;color:#1e3a5f}.video-builder-scope .word-bank-chip:hover{box-shadow:0 2px 0 rgba(15,23,42,.13)}.video-builder-scope .mc-option{width:100%;justify-content:flex-start;text-align:left;grid-gap:12px;gap:12px;border-radius:12px;border:2px solid #dadde2;background:#d9d9dc;color:#111827;font-size:clamp(1rem,1.45vw,1.2rem);font-weight:600;padding:15px 16px;box-shadow:inset 0 -2px 0 rgba(15,23,42,.12)}.video-builder-scope .mc-option:hover{transform:none;box-shadow:inset 0 -2px 0 rgba(15,23,42,.12)}.video-builder-scope .mc-option.is-selected{border-color:#1565c0;background:#c9dcf2;color:#1e3a5f}.video-builder-scope .mc-option.is-correct{border-color:#2a9b65;background:#c4f0d9;color:#065f46}.video-builder-scope .mc-option.is-wrong{border-color:#d97777;background:#f8d2d2;color:#a61b1b}.video-builder-scope .mc-dot{font-size:1.3em;line-height:1;width:1.5em;text-align:center}.video-builder-scope .mc-footer{margin-top:18px;display:flex;flex-wrap:wrap;grid-gap:12px;gap:12px;justify-content:space-between;align-items:center}.video-builder-scope .mc-progress{position:relative;height:44px;border:1px solid #d2dbe9;border-radius:999px;background:#f8fafc;overflow:hidden;width:min(100%,300px);flex:1 1 250px}.video-builder-scope .mc-progress-value{position:absolute;left:8px;top:8px;bottom:8px;width:0;border-radius:999px;background:linear-gradient(90deg,#10b981,#22c55e);transition:width .24s ease}.video-builder-scope .mc-progress-label{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-weight:800;color:#1e293b}.video-builder-scope .mc-actions{display:flex;grid-gap:9px;gap:9px;flex-wrap:wrap}.video-builder-scope .overlay-close{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:999px;border:1px solid #cbd5e1;background:#f8fafc;font-weight:800;color:#475569;padding:0}.video-builder-scope .fill-blank-card{width:min(100%,940px);padding:clamp(20px,2.6vw,38px)}.video-builder-scope .fill-blank-title{font-size:clamp(1.4rem,2.5vw,2.05rem);line-height:1.22;margin-bottom:20px;max-width:86%}.video-builder-scope .fill-blank-sentence{display:flex;flex-wrap:wrap;align-items:center;grid-gap:10px;gap:10px;font-size:clamp(1.05rem,1.8vw,1.7rem);line-height:1.55;margin-bottom:22px}.video-builder-scope .fill-blank-input-inline{width:clamp(160px,24vw,280px);min-width:140px;font-size:clamp(1rem,1.5vw,1.35rem)}.video-builder-scope .fill-blank-result-chip{display:inline-flex;align-items:center;grid-gap:12px;gap:12px;border-radius:12px;font-weight:700;font-size:clamp(.95rem,1.4vw,1.3rem);padding:10px 16px}.video-builder-scope .fill-blank-result-chip.is-correct{background:#b7f0d0;color:#065f46}.video-builder-scope .fill-blank-result-chip.is-wrong{background:#ffd5d5;color:#9f1239}.video-builder-scope .fill-blank-footer{display:flex;align-items:center;justify-content:space-between;grid-gap:16px;gap:16px;flex-wrap:wrap}.video-builder-scope .fill-blank-progress{flex:1 1 280px;max-width:460px;height:44px;border-radius:999px;border:1px solid #d2dbe9;background:#f8fafc;position:relative;overflow:hidden}.video-builder-scope .fill-blank-progress-value{position:absolute;left:8px;top:8px;bottom:8px;width:0;border-radius:999px;background:linear-gradient(90deg,#10b981,#22c55e);transition:width .24s ease}.video-builder-scope .fill-blank-progress-label{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-weight:800;color:#1e293b}.video-builder-scope .fill-blank-actions{display:flex;grid-gap:9px;gap:9px;flex-wrap:wrap}.video-builder-scope .drag-drop-card{width:min(100%,980px);padding:clamp(18px,2.4vw,30px)}.video-builder-scope .drag-drop-title{font-size:clamp(1.35rem,2vw,2rem);margin-bottom:14px}.video-builder-scope .drag-drop-board{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:14px;gap:14px;background:#b98270;border-radius:10px;border:1px solid #915d4d;overflow:hidden}.video-builder-scope .drag-drop-slots{padding:18px;border-right:1px solid #875647}.video-builder-scope .drag-drop-slot-row{margin-bottom:14px}.video-builder-scope .drag-drop-slot-row:last-child{margin-bottom:0}.video-builder-scope .drag-drop-slot-label{color:#fff;font-size:clamp(1.05rem,1.7vw,1.55rem);font-weight:800;margin-bottom:8px;text-transform:uppercase}.video-builder-scope .drag-drop-slot{min-height:76px;border:2px dashed hsla(0,0%,100%,.58);border-radius:10px;background:hsla(0,0%,100%,.9);display:flex;align-items:flex-start;justify-content:flex-start;padding:8px}.video-builder-scope .drag-drop-slot.has-item{border-style:solid;border-color:#d2dbe9}.video-builder-scope .drag-drop-bank{padding:14px;display:flex;align-content:flex-start;grid-gap:8px;gap:8px;flex-wrap:wrap}.video-builder-scope .drag-drop-chip{border:1px solid #aeb4bf;border-radius:10px;background:#e8eaee;color:#111827;box-shadow:0 2px 0 rgba(15,23,42,.14);padding:9px 11px;font-weight:700}.video-builder-scope .drag-drop-chip.selected{background:#cce2f8;border-color:#2563eb}.video-builder-scope .drag-drop-chip.in-slot{background:#fff;border:1px solid #d3deee}.video-builder-scope .drag-drop-slot-items{display:flex;grid-gap:7px;gap:7px;flex-wrap:wrap}.video-builder-scope .drag-drop-footer{margin-top:16px;display:flex;align-items:center;justify-content:space-between;grid-gap:12px;gap:12px;flex-wrap:wrap}.video-builder-scope .embed-preview{width:100%;aspect-ratio:16/9;border-radius:14px;border:1px solid #d5dfef;overflow:hidden;background:#0b1327}.video-builder-scope .embed-preview iframe{width:100%;height:100%;border:0}.video-builder-scope .dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;grid-gap:14px;gap:14px}.video-builder-scope .dashboard-user-panel{width:min(100%,360px);display:grid;grid-gap:10px;gap:10px;padding:12px;border:1px solid #d8e2f1;border-radius:12px;background:#f8fbff}.video-builder-scope .dashboard-user-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.video-builder-scope .dashboard-user-meta>div{display:grid;grid-gap:4px;gap:4px;border:1px solid #d8e2f1;border-radius:10px;padding:8px;background:#fff}.video-builder-scope .dashboard-list-head{display:flex;align-items:center;justify-content:space-between;grid-gap:10px;gap:10px;margin-bottom:12px}.video-builder-scope .dashboard-list-head h2{margin:0}.video-builder-scope .dashboard-empty-add{width:100%;min-height:160px;border:2px dashed #b7c6dd;background:#f8fbff;color:#0f172a;border-radius:14px;display:flex;flex-direction:column;grid-gap:6px;gap:6px;font-weight:800}.video-builder-scope .dashboard-empty-add span:first-child{font-size:2rem;line-height:1}.video-builder-scope .dashboard-table-wrap{overflow:auto;border:1px solid #d8e2f1;border-radius:12px}.video-builder-scope .dashboard-table{width:100%;border-collapse:collapse;min-width:720px;background:#fff}.video-builder-scope .dashboard-table td,.video-builder-scope .dashboard-table th{text-align:left;padding:10px 12px;border-bottom:1px solid #e3ebf8;vertical-align:middle}.video-builder-scope .dashboard-table thead th{background:#f2f7ff;color:#1f2a44;font-size:.86rem;font-weight:800}.video-builder-scope .dashboard-table tbody tr:hover{background:#f8fbff}.video-builder-scope .dashboard-table tbody tr{cursor:pointer}.video-builder-scope .dashboard-table tbody tr.is-disabled{cursor:default;opacity:.8}.video-builder-scope .dashboard-table td:last-child{text-align:right}.video-builder-scope .dashboard-video-title{font-weight:700;color:#0f172a}.video-builder-scope .status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:800;border:1px solid transparent;white-space:nowrap}.video-builder-scope .status-todo{background:#e0f2fe;color:#075985;border-color:#bae6fd}.video-builder-scope .status-pendingreview{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.video-builder-scope .status-inreview{background:#f1f5f9;color:#334155;border-color:#cbd5e1}.video-builder-scope .status-reject{background:#fef2f2;color:#991b1b;border-color:#fecaca}.video-builder-scope .status-approve{background:#ecfdf5;color:#065f46;border-color:#bbf7d0}@media (max-width:900px){.video-builder-scope .layout{padding:14px}.video-builder-scope .dashboard-head{flex-direction:column}.video-builder-scope .dashboard-user-panel{width:100%}}@media (max-width:720px){.video-builder-scope .builder-stage-layout{grid-template-columns:1fr}.video-builder-scope .builder-interaction-panel{max-height:none}.video-builder-scope .builder-interaction-item-head{align-items:flex-start;flex-direction:column}.video-builder-scope .builder-interaction-item-head-right{width:100%;justify-content:space-between}.video-builder-scope .builder-video-toolbar{flex-direction:column;align-items:stretch}.video-builder-scope .builder-video-toolbar .primary{width:100%}.video-builder-scope .interaction-drawer{width:100vw}.video-builder-scope .grid.three,.video-builder-scope .grid.two{grid-template-columns:1fr}.video-builder-scope .button-row button{width:100%}.video-builder-scope .dashboard-list-head{flex-direction:column;align-items:stretch}.video-builder-scope .dashboard-list-head .primary{width:100%}.video-builder-scope .drag-map-row{grid-template-columns:1fr}.video-builder-scope .fill-blank-title{max-width:100%}.video-builder-scope .fill-blank-actions,.video-builder-scope .fill-blank-actions button,.video-builder-scope .mc-actions,.video-builder-scope .mc-actions button{width:100%}.video-builder-scope .word-bank-blank{width:100%;min-width:0}.video-builder-scope .word-bank-chip{width:100%}.video-builder-scope .drag-drop-board{grid-template-columns:1fr}.video-builder-scope .drag-drop-slots{border-right:0;border-bottom:1px solid #875647}.video-builder-scope .drag-drop-footer button.primary{width:100%}}.dashboard-table th{-webkit-user-select:none;-ms-user-select:none;user-select:none}.dashboard-table th:hover{background:#f1f5f9}.timeline-marker-layer{position:absolute;bottom:32px;left:0;width:100%;height:10px;pointer-events:none}.video-timeline-marker{position:absolute;width:6px;height:12px;background:#f59e0b;border-radius:2px;transform:translateX(-50%);cursor:pointer;pointer-events:auto}.video-timeline-marker:hover{background:#d97706}.status-label{font-weight:600;padding:6px 10px;border-radius:6px;font-size:14px}.status-5{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.status-4{background:#fff5f5;color:#dc2626;border:1px solid #fecaca}.video-builder-scope .video-marker-layer{position:absolute;bottom:42px;left:0;width:100%;height:0;pointer-events:none;z-index:15}.video-builder-scope .video-marker{position:absolute;transform:translateX(-50%);width:14px;height:14px;border-radius:50%;border:2px solid #fff;cursor:pointer;pointer-events:auto;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 6px rgba(0,0,0,.25),0 0 0 2px hsla(0,0%,100%,.15)}.video-builder-scope .video-marker:hover{transform:translateX(-50%) scale(1.3);box-shadow:0 4px 10px rgba(0,0,0,.35),0 0 0 3px hsla(0,0%,100%,.25)}.video-marker.type-multiple_choice{background:#3b82f6}.video-marker.type-true_false{background:#22c55e}.video-marker.type-fill_blank{background:#f59e0b}.video-marker.type-drag_drop{background:#8b5cf6}.video-marker.type-word_bank_fill{background:#ec4899}.builder-interaction-item.is-rejected{border-left:4px solid #ef4444;background:#fff5f5}.time-trigger-header{display:flex;align-items:center;justify-content:space-between}.label{font-weight:600}.time-value{font-family:monospace;font-size:14px;color:#666;background:#f5f5f5;padding:4px 8px;border-radius:6px}.interaction-review-actions{margin-top:8px;display:flex;grid-gap:8px;gap:8px}.approve-btn{background:#22c55e;color:#fff}.reject-btn{background:#ef4444;color:#fff}.coach-profile-page{padding:24px}.coach-profile-header{display:flex;align-items:flex-start;grid-gap:16px;gap:16px;margin-bottom:16px}.coach-profile-back{border:none;background:transparent;cursor:pointer;font-weight:600}.coach-profile-title h1{margin:0;font-size:20px}.coach-profile-title p{margin:4px 0 0;color:#6b7280}.coach-profile-tabs{margin:12px 0 18px;border-bottom:1px solid #e5e7eb}.coach-profile-tab{padding:10px 12px;color:#6b7280}.coach-profile-tab.active{color:#111827;border-bottom:2px solid #135bec}.coach-profile-grid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}@media (min-width:960px){.coach-profile-grid{grid-template-columns:1.15fr .85fr;align-items:start}}.coach-profile-card{box-shadow:0 10px 40px rgba(15,23,42,.08);padding:16px}.coach-profile-card-head{display:flex;grid-gap:14px;gap:14px;align-items:center}.coach-profile-avatar{width:72px;height:72px;border-radius:9999px;background:#e5e7eb;flex:0 0 auto}.coach-profile-avatar-placeholder{width:100%;height:100%;display:grid;place-items:center;font-weight:700;color:#6b7280}.coach-profile-name{font-size:16px;font-weight:800;color:#111827}.coach-profile-seats{margin-top:6px;grid-gap:8px;gap:8px;color:#374151;font-weight:600}.coach-profile-seats .dot{width:8px;height:8px;border-radius:9999px;background:#135bec}.coach-profile-section{margin-top:14px}.coach-profile-section-title{font-weight:800;color:#111827;margin-bottom:8px}.coach-profile-chips{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px}.coach-profile-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:9999px;background:rgba(19,91,236,.12);color:#135bec;font-weight:700;font-size:12px}.coach-profile-text{color:#374151;line-height:1.45;white-space:pre-wrap}.coach-profile-kv{display:grid;grid-template-columns:140px 1fr;grid-gap:10px;gap:10px;padding:8px 0;border-top:1px solid #f1f5f9}.coach-profile-kv .k{color:#6b7280;font-weight:700}.coach-profile-kv .v{color:#111827;font-weight:700}.coach-profile-video-meta{color:#6b7280;font-size:12px;margin-bottom:10px}.coach-profile-video{width:100%;border-radius:10px;background:#111}.coach-profile-video-error{margin-top:8px;color:#dc2626;font-weight:700;font-size:12px}.coach-profile-page{background:#f3f4f6;padding:24px 0}.coach-profile-container{padding:0 24px}.coach-profile-top{margin-bottom:24px}.coach-profile-content{margin-top:16px}.coach-profile-page{padding:24px 32px;background-color:#f8fafc;min-height:100vh}.coach-profile-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:360px 1fr;grid-gap:32px;gap:32px}.coach-profile-left,.coach-profile-right{display:flex;flex-direction:column;grid-gap:24px;gap:24px}.coach-profile-placeholder{background:#fff;border:1px dashed #cbd5e1;border-radius:12px;padding:40px;text-align:center;color:#64748b;font-weight:500}@media (max-width:768px){.coach-profile-page{padding:16px}.coach-profile-container{grid-template-columns:1fr}}.coach-profile-breadcrumb{font-size:14px;color:#64748b;display:flex;align-items:center;grid-gap:8px;gap:8px;margin-bottom:24px}.breadcrumb-link{color:#2563eb;cursor:pointer}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-separator{color:#94a3b8}.breadcrumb-current{color:#0f172a;font-weight:600}.coach-profile-left{display:flex;flex-direction:column;grid-gap:24px;gap:24px}.coach-profile-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.coach-profile-identity{text-align:center}.coach-profile-avatar{width:120px;height:120px;margin:0 auto 16px;border-radius:50%;overflow:hidden;border:4px solid #f1f5f9}.coach-profile-avatar img{width:100%;height:100%;object-fit:cover}.coach-profile-name{font-size:20px;font-weight:700;margin-bottom:6px}.coach-profile-meta{font-size:14px;color:#64748b;margin-bottom:16px}.coach-profile-badges{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:8px;gap:8px;margin-bottom:20px}.coach-profile-badge{background:#e0ecff;color:#2563eb;font-size:12px;padding:6px 12px;border-radius:999px;font-weight:600}.coach-profile-divider{height:1px;background:#e5e7eb;margin:20px 0}.coach-profile-seats{display:flex;align-items:center;justify-content:space-between;font-size:14px}.coach-profile-seats-label{color:#64748b}.coach-profile-seats-value{font-weight:700}.coach-profile-section-title{font-size:16px;font-weight:700;margin-bottom:12px}.coach-profile-video{position:relative;border-radius:12px;overflow:hidden;cursor:pointer}.coach-profile-video img{width:100%;display:block}.coach-profile-video-overlay{position:absolute;inset:0;background:rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff}.coach-profile-right{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.coach-profile-tabs-card{background:#fff;border-radius:12px;padding:12px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.coach-profile-tabs{display:flex;grid-gap:8px;gap:8px}.coach-profile-tab{padding:10px 16px;border-radius:8px;border:none;background:transparent;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:background .2s,color .2s}.coach-profile-tab:hover{background:#f1f5f9}.coach-profile-tab.active{background:#2563eb;color:#fff}.coach-profile-tab-content{display:flex;flex-direction:column}.coach-profile-video-player{width:100%;height:200px;border-radius:12px;background:#000}.profile-tab-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.profile-tab-title{font-size:16px;font-weight:600;color:#0f172a;margin:24px 0 12px}.profile-tab-title:first-child{margin-top:0}.profile-details-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.profile-detail-box{background:#f8fafc;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;grid-gap:4px;gap:4px}.detail-label{font-size:13px;color:#64748b}.detail-value{font-size:14px;font-weight:500;color:#0f172a}.profile-ranks-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.profile-rank-box{background:#f8fafc;border-radius:12px;padding:18px 16px;text-align:center}.rank-label{font-size:13px;color:#64748b}.rank-value{margin-top:6px;font-size:22px;font-weight:700;color:#2563eb}.profile-about-text{font-size:14px;line-height:1.6;color:#475569;margin-bottom:8px}.profile-read-more{background:none;border:none;padding:0;font-size:14px;color:#2563eb;cursor:pointer}.meetings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.meetings-header h3{font-size:18px;font-weight:600;color:#0f172a}.meetings-search{height:36px;padding:0 12px;border-radius:8px;border:1px solid #e5e7eb;background-color:#f8fafc;font-size:14px;outline:none;width:220px}.meetings-search:focus{border-color:#2563eb;background-color:#fff}.meetings-table{border-collapse:separate;border-spacing:0;font-size:14px}.meetings-table thead th{text-align:left;padding:12px;color:#64748b;font-weight:600;border-bottom:1px solid #e5e7eb}.meetings-table tbody td{padding:14px 12px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#0f172a}.meetings-table tbody tr:last-child td{border-bottom:none}.meeting-date{display:flex;flex-direction:column;grid-gap:2px;gap:2px}.meeting-time{font-size:12px;color:#94a3b8}.meeting-rating{display:inline-flex;align-items:center;grid-gap:4px;gap:4px;font-weight:600;color:#f59e0b}.meeting-actions{display:flex;grid-gap:8px;gap:8px}.btn-chat,.btn-recording{height:32px;padding:0 10px;border-radius:8px;border:none;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.btn-recording.active{background-color:#e0e7ff;color:#1d4ed8}.btn-recording.disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed}.btn-chat{background-color:#f1f5f9;color:#334155}.btn-chat:hover{background-color:#e5e7eb}.meetings-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:13px;color:#64748b}.meetings-table{width:100%;border-collapse:collapse}.meetings-table td,.meetings-table th{border:none}.meetings-table thead{background-color:#f9fafb}.meetings-table th{padding:12px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;text-align:left}.meetings-table tbody tr{border-bottom:1px solid #eef2f7}.meetings-table td{padding:14px 16px;font-size:13px;color:#111827;vertical-align:middle}.meetings-filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:220px;height:44px;padding:0 40px 0 14px;font-size:14px;font-weight:500;color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.meetings-filter-select:hover{border-color:#9ca3af}.meetings-filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}.meetings-filter-select:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.meetings-filter-select-wrapper{position:relative;display:inline-block;margin-right:1rem}.meetings-filter-select-wrapper:after{content:"";position:absolute;right:14px;top:50%;width:0;height:0;pointer-events:none;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #6b7280;transform:translateY(-50%)}.video-modal-backdrop{background:rgba(0,0,0,.6);z-index:9999}.video-modal{width:80%;max-width:900px;padding:16px;box-shadow:0 20px 40px rgba(0,0,0,.25)}.video-modal-close{top:10px;right:10px;background:transparent;border:none;font-size:18px}.video-modal{background:#fff;width:900px;max-width:90%;height:60%;border-radius:8px;display:flex;overflow:hidden}.video-modal-player{flex:3 1}.video-modal-player video{width:100%;height:100%}.video-modal-list{flex:1 1;background:#f9fafb;padding:12px;overflow-y:auto}.video-modal-list-item{padding:10px;cursor:pointer;border-radius:6px;display:flex;justify-content:space-between}.video-modal-list-item.active{background:#2563eb;color:#fff}.recording-btn-wrapper{position:relative;display:inline-block}.recording-tooltip{position:absolute;bottom:110%;left:50%;transform:translateX(-50%);background:#111827;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}.recording-btn-wrapper:hover .recording-tooltip{opacity:1}.students-tab{padding:16px}.students-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.students-header h3{font-size:16px;font-weight:600}.students-count{background:#e6f4ea;color:#16a34a;padding:2px 8px;border-radius:999px;font-size:12px;margin-left:6px}.students-search{height:36px;padding:0 12px;border:1px solid #e5e7eb;border-radius:8px}.students-list{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.student-row{display:grid;grid-template-columns:1.5fr 1.5fr auto;align-items:center;background:#fff;border:1px solid #eef2f7;border-radius:12px;padding:12px 16px}.student-name{font-weight:500}.student-dates{color:#64748b;font-size:13px}.student-status{font-size:12px;padding:4px 10px;border-radius:999px;font-weight:500}.student-status.active{background:#e6f4ea;color:#16a34a}.student-status.completed{background:#f1f5f9;color:#64748b}.student-accordion{background:#f9fafb;border-left:3px solid #e5e7eb;margin-left:16px;padding:12px 16px}.student-accordion-empty{font-size:13px;color:#6b7280;padding:8px 0}.student-meeting-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;color:#111827}.student-meeting-row:not(:last-child){border-bottom:1px solid #e5e7eb}.student-meeting-row span:first-child{color:#374151}.student-meeting-row span:last-child{color:#6b7280}.video-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:2000}.video-modal{width:960px;height:600px;max-width:95%;background:#000;border-radius:12px;position:relative}.video-modal iframe{width:100%;height:100%;border:0}.video-modal-close{position:absolute;top:-38px;right:0;background:#fff;border-radius:6px;padding:4px 10px;cursor:pointer}
/*# sourceMappingURL=main.519ea115.chunk.css.map */