.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;-webkit-transform:translateZ(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%;-webkit-transform:translate(-50%,-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%;-webkit-transform:translate(-50%,-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,.15);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}}.ImageContainer{position:relative;text-align:center}.questionAnswer{font-size:10vw;opacity:.3;bottom:0;left:50%;color:red}.questionAnswer,.questionInfoVideoContainer{position:absolute;-webkit-transform:translate(-50%,-50%);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;-webkit-animation:fadeIn .2s ease-in-out;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-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}.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}}.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%}}.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{-webkit-animation:fadeIn .3s ease-in-out;animation:fadeIn .3s ease-in-out}@-webkit-keyframes fadeIn{0%{opacity:.5;-webkit-transform:translateY(4px);transform:translateY(4px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:.5;-webkit-transform:translateY(4px);transform:translateY(4px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.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;font-weight:600}.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}.char-counter{font-size:12px;text-align:right;color:#888;margin-top:4px}.error-text{color:#e53935;margin-left:4px}*,: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);-webkit-animation:summaryModal__fadeIn .2s ease-in-out;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}@-webkit-keyframes summaryModal__fadeIn{0%{opacity:0;-webkit-transform:scale(.96);transform:scale(.96)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes summaryModal__fadeIn{0%{opacity:0;-webkit-transform:scale(.96);transform:scale(.96)}to{opacity:1;-webkit-transform:scale(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,-webkit-transform .1s ease;transition:background-color .2s ease,transform .1s ease;transition:background-color .2s ease,transform .1s ease,-webkit-transform .1s ease}.code-item:hover{background-color:#f1f7ff;-webkit-transform:scale(1.02);transform:scale(1.02)}.code-item.copied-single{background-color:#c8f7c5;color:#2d572c;font-weight:600}
/*# sourceMappingURL=main.4d666bf0.chunk.css.map */