@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);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:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.feed-creator-image{position:relative}.feed-creator-image img{height:40px;width:40px;border-radius:50%;object-fit:cover}.open-feed-creator-card{padding:16px;border-radius:12px;transition:box-shadow .2s ease}.open-feed-creator-card:hover{box-shadow:0 2px 12px #00000014}.likes-activity__divider{margin:.75rem 0 .5rem;opacity:.35}.like-activity-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.like-activity-item{padding:6px 4px 6px 2px;border-radius:8px;transition:background-color .15s ease}.like-activity-item:hover{background-color:var(--hover-bg-color)}.like-activity-item .feed-creator-name{line-height:1.25}.like-activity-item .theme-date{font-size:.8125rem;line-height:1.2;margin-top:1px;opacity:.85}.like-activity-item .flex-grow-text{flex:1;min-width:0}.open-feed-creator-inner{display:flex;gap:12px;align-items:flex-start}.feed-creator-avatar-wrap{flex-shrink:0}.feed-creator-avatar{border:2px solid var(--input-border-color)}.open-feed-creator-main{flex:1;min-width:0}.feed-creator-input{display:block;width:100%;min-height:44px;padding:10px 16px;text-align:left;font:inherit;font-size:.9375rem;color:var(--text-primary-color);background-color:var(--portal-theme-light);border:1px solid transparent;border-radius:24px;cursor:pointer;transition:background-color .2s,border-color .2s}.feed-creator-input:hover{background-color:var(--hover-bg-color);border-color:var(--input-border-color)}.open-feed-creator-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.choose-feed-type-item{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font:inherit;font-size:.875rem;color:var(--text-primary-color);background-color:var(--portal-theme-light);border:1px solid transparent;border-radius:20px;cursor:pointer;transition:background-color .2s,color .2s}.choose-feed-type-item:hover{background-color:var(--hover-bg-color);color:var(--portal-theme-color)}.choose-feed-type-icon{display:flex;align-items:center;justify-content:center}.choose-feed-type-icon svg{font-size:20px;color:inherit;fill:currentColor}.choose-feed-type-title{font-weight:500}.feed-card{overflow:auto;padding:0;border-radius:12px}.feed-card-header{padding:16px 16px 0}.feed-post-header{margin-bottom:12px}.feed-post-avatar{border:2px solid var(--input-border-color)}.feed-post-meta{min-width:0}.feed-creator-name{font-weight:600;font-size:.9375rem}.feed-post-date{font-size:.8125rem;opacity:.85;margin-top:2px}.feed-card-body{padding:0 16px 16px;overflow-wrap:break-word;word-break:break-word;min-width:0}.feed-card-body .feed-description-content,.feed-card-body [class*=translated-language]{overflow-wrap:break-word;word-break:break-word;max-width:100%;min-width:0}.feed-card-body .feed-description-content a,.feed-card-body [class*=translated-language] a,.feed-card-body .feed-description-content p,.feed-card-body [class*=translated-language] p{overflow-wrap:break-word;word-break:break-word;max-width:100%}.feed-action-row{padding:4px 0}.feed-action-row .action-box{flex:1}.feed-action-divider{margin:0;border-color:var(--input-border-color)}.feed-card hr{margin:0}.mention-editor-input{background-color:var(--portal-theme-light);padding:10px;border-radius:5px;position:relative;width:100%;min-width:0;box-sizing:border-box}.mention-editor-input.add-comment-box{border:1px solid var(--input-border-color);background-color:var(--portal-theme-light)}.mention-editor-input .contenteditable{height:100px;min-height:100px;outline:none;width:100%;max-width:100%;overflow-wrap:break-word;word-break:break-word;box-sizing:border-box;position:relative}.create-feed-form .mention-editor-input .contenteditable.empty:before{left:0;right:0;top:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.create-feed-form{width:100%;min-width:0;display:block;box-sizing:border-box;background-color:transparent;border-radius:8px}.create-feed-hint{font-size:.875rem;color:var(--text-primary-color);opacity:.85;margin:0}.create-feed-form.create-feed-drag-over{border-radius:12px;outline:2px dashed var(--portal-theme-color);outline-offset:2px;background-color:var(--portal-theme-secondary)}.feed-type-box{width:100%;min-width:0;margin-top:.25rem}.feed-type{display:inline-flex;align-items:center;gap:6px;background-color:color-mix(in srgb,var(--portal-theme-secondary) 80%,black);padding:8px 12px;border-radius:8px;cursor:pointer;border:1px solid transparent;font:inherit;color:var(--text-primary-color);transition:background-color .2s,border-color .2s}.feed-type:hover{background-color:var(--hover-bg-color)}.feed-type.active-type{background-color:var(--portal-theme-color);border-color:var(--portal-theme-color);color:#fff}.feed-type.active-type svg,.feed-type.active-type .feed-type-label{color:#fff;fill:#fff}.feed-type-label{font-size:.875rem;font-weight:500}.feed-video-url input{width:100%;background-color:var(--portal-theme-light);border:1px solid var(--input-border-color);padding:10px 12px;outline:none;color:var(--text-primary-color);border-radius:8px}.feed-video-section .feed-video-label{font-size:.875rem;font-weight:500;color:var(--text-primary-color)}.feed-remove-attachment-btn{background:none;border:none;padding:4px 8px;font-size:.8125rem;color:var(--text-primary-color);opacity:.85;cursor:pointer;text-decoration:underline;border-radius:4px}.feed-remove-attachment-btn:hover{opacity:1;color:var(--portal-theme-color)}.feed-images-picker-header{margin-bottom:6px}.feed-images-picker-label{font-size:.875rem;font-weight:500;color:var(--text-primary-color)}.feed-upload-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.feed-upload-dropzone{min-height:120px;border:2px dashed var(--input-border-color);border-radius:12px;background-color:var(--portal-theme-light);display:flex;align-items:center;justify-content:center;transition:border-color .2s,background-color .2s}.feed-upload-dropzone--active{border-color:var(--portal-theme-color);background-color:color-mix(in srgb,var(--portal-theme-color) 8%,transparent)}.feed-upload-dropzone-label{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;cursor:pointer;width:100%;min-height:120px;justify-content:center;margin:0!important}.feed-upload-icon{font-size:36px!important;color:var(--portal-theme-color);fill:var(--portal-theme-color)}.feed-upload-text{font-size:.875rem;color:var(--text-primary-color);opacity:.9}.feed-image-previews{display:flex;flex-wrap:wrap;gap:8px}.feed-image-preview-item{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;border:1px solid var(--input-border-color)}.feed-image-preview-item img{width:100%;height:100%;object-fit:cover}.feed-image-preview-remove{position:absolute;top:4px;right:4px;z-index:2;width:22px;height:22px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s}.feed-image-preview-remove:hover{background:#000000d9}.feed-image-preview-remove svg{font-size:14px}.feed-images-picker label{width:100%!important;border:none!important}.image-cross-sign{background-color:red;border-radius:10px;color:var(--text-white-color);font-size:13px;font-weight:700;height:20px;position:absolute;right:-8px;text-align:center;top:-10px;width:20px;cursor:pointer}.action-box{border:none;border-radius:20px;padding:4px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:.875rem;color:var(--text-primary-color);background:var(--portal-theme-primary);transition:background-color .2s}.action-box:hover{background-color:var(--hover-bg-color)}.action-box svg{font-size:16px}.action-box.liked svg{color:var(--portal-theme-color);fill:var(--portal-theme-color)}.likes-counts-box{min-width:50px}.likes-counts-box:hover{cursor:pointer;text-decoration:underline}.feed-creator-image .activity-type-icon{position:absolute;height:20px;width:20px}.activity-type-icon{position:absolute;right:-4px;bottom:0;color:var(--portal-theme-color);fill:var(--portal-theme-color)}.comment-card{background:var(--portal-theme-light);box-shadow:0 0 5px var(--portal-theme-light);padding:7px 10px;flex:1;border-radius:5px}.deleted-item{cursor:pointer}.deleted-item svg{color:red;fill:red}.deleted-comment svg{font-size:18px}.feed-card .image-gallery{margin-bottom:5px}.dashboard-tabs-box .filter-tabs{display:flex;background-color:var(--portal-theme-secondary);padding:3px!important;border-radius:8px;gap:0;border:1px solid var(--input-border-color)}.dashboard-tabs-box .filter-tabs .chat-filter-item{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;font-size:.8125rem;font-weight:500;padding:6px 12px;min-height:34px;border-radius:6px;cursor:pointer;color:var(--text-primary-color);opacity:.88;transition:background-color .2s ease,color .2s ease,opacity .2s ease}.dashboard-tabs-box .filter-tabs .chat-filter-item:hover{opacity:1}.dashboard-tabs-box .filter-tabs .chat-filter-item.selected{background-color:var(--portal-theme-color);color:var(--text-white-color, #fff);opacity:1;font-weight:600;box-shadow:none}.dashboard-tabs-box .filter-tabs .chat-filter-item.selected .filter-item-title,.dashboard-tabs-box .filter-tabs .chat-filter-item.selected svg{color:var(--text-white-color, #fff);fill:var(--text-white-color, #fff);border-bottom-color:transparent}.dashboard-tabs-box .filter-tabs .chat-filter-item .filter-item-title{border-bottom:none}.dashboard-tabs-box .filter-tabs .chat-filter-item svg{font-size:16px;margin-bottom:0}.add-poll-option{color:var(--portal-theme-color);fill:var(--portal-theme-color);cursor:pointer}.poll-option{background-color:var(--portal-theme-light);padding:6px;border:1px solid var(--input-border-color);border-radius:5px;cursor:pointer;position:relative;flex:1}.poll-option.wrong-option{border:2px solid red}.poll-option .wrong-cross{position:absolute;top:5px;right:5px}.poll-option .wrong-cross.right-cross{left:5px;right:auto}.poll-option .wrong-cross svg{color:red;fill:red}.poll-option .selected-option{background-color:var(--portal-theme-color);color:var(--text-contrast-color);border-radius:3px;padding:4px;padding-left:10px!important}.vote-counts-box{width:35px;height:35px;align-content:center;border:1px solid var(--input-border-color);text-align:center;border-radius:3px;color:var(--portal-theme-color)}.create-poll-feed svg{color:var(--portal-theme-color);fill:var(--portal-theme-color)}.remove-poll-option{color:var(--error-color)!important;fill:var(--error-color)!important;cursor:pointer}.card-skeleton .MuiSkeleton-root{border-radius:5px;background-color:var(--portal-theme-secondary)}.correct-poll-check .MuiRadio-root,.correct-poll-check .MuiCheckbox-root{padding:0}.examinations-question .question-statement{border:1px solid var(--input-border-color);padding:10px;border-radius:5px;min-height:150px}.examination-header{display:flex;justify-content:space-between;background-color:var(--portal-theme-light);padding:10px;align-items:center;position:relative}.question-number{background-color:var(--portal-theme-color);color:var(--text-contrast-color);padding:8px 10px;border-radius:4px;position:relative}.question-number h5{margin-bottom:0}.questionnaire-card{border:1px solid var(--input-border-color);padding:10px;border-radius:8px;position:relative;transition:all .3s ease}.light .questionnaire-card{background:linear-gradient(135deg,#fff,#fafbfc);box-shadow:0 2px 6px #0000000f}.light .questionnaire-card:hover{box-shadow:0 4px 12px #0000001a;border-color:color-mix(in srgb,var(--portal-theme-color) 30%,transparent)}.question-count-box{display:flex;width:100%;flex-wrap:wrap;gap:4px}.question-count-box .question-count-item{border:1px solid var(--input-border-color);height:30px;width:30px;border-radius:50%;display:flex;justify-content:center;align-items:center}.question-count-item.answered{background-color:var(--portal-theme-color);color:var(--text-contrast-color)}.selected-question{border:4px solid var(--portal-theme-color)!important}.examination-status{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:95%}.examination-status .questionnaire-card{padding:8px 10px}.examination-actions button{padding:10px 20px;border:none;outline:none;background-color:var(--portal-theme-secondary);color:var(--text-white-color);border-radius:5px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--input-border-color)}.examination-actions button:hover{background-color:var(--portal-theme-light)}.examination-actions button:disabled{opacity:.2;cursor:not-allowed}.examination-actions button svg{font-size:20px}.finish-exam{background-color:var(--error-color)!important}.save-exam-btn{background-color:var(--portal-theme-color)!important}.next-question{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.previous-question{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.count-down-timer{position:absolute;right:0;top:60%;transform:translate(-20%,-50%)}.circle-progress{width:100px;height:100px;border-radius:50%;padding:8px;box-sizing:border-box;display:grid;place-items:center;background:conic-gradient(var(--portal-theme-color) 0 calc(var(--percent) * 3.6deg),#e5e7eb calc(var(--percent) * 3.6deg) 360deg)}.circle-progress .inner{width:100%;height:100%;border-radius:50%;background:#fff;display:flex;justify-content:center;align-items:center;font-family:system-ui,sans-serif;font-weight:700;font-size:22px;color:#0f172a;-webkit-user-select:none;user-select:none;gap:3px}.answer-select .MuiRadio-colorPrimary,.answer-select .MuiCheckbox-colorPrimary{color:var(--portal-theme-color)}.exam-summary-box{min-height:350px}.confirmation-container{padding:20px;background-color:var(--portal-theme-primary);border-radius:8px;box-shadow:0 4px 12px #00000026;color:var(--text-primary-color);max-width:400px;margin:0 auto}.confirmation-title{color:var(--text-white-color);margin-bottom:16px;font-size:1.25rem;font-weight:600}.confirmation-message{margin-bottom:24px;line-height:1.5}.confirmation-actions{display:flex;justify-content:flex-end;gap:12px}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-cancel{background-color:var(--error-color);color:var(--text-contrast-color)}.btn-submit{background-color:var(--portal-theme-color);color:var(--text-white-color)!important}.btn-submit:hover{background-color:color-mix(in srgb,var(--portal-theme-color) 85%,black);transform:translateY(-1px)}.btn-submit-any{background-color:var(--portal-theme-light);color:var(--error-color);border:1px solid var(--error-color)!important}.btn-submit-any:hover{background-color:var(--hover-bg-color);transform:translateY(-1px)}.popup-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease}.submitting-loader{height:100vh;width:100%;position:absolute;display:flex;justify-content:center;align-items:center;background-color:#0000001a!important;z-index:1}.test-card{background:var(--portal-theme-secondary);color:var(--text-white-color);border-radius:12px;padding:24px;width:500px;text-align:center;box-shadow:0 4px 12px #0000004d;max-width:100%;transition:all .3s ease}.light .test-card{box-shadow:0 4px 16px #00000014;border:1px solid var(--input-border-color)}.test-title{font-size:20px;margin-bottom:10px;color:var(--portal-theme-color)}.test-message{font-size:14px;color:var(--text-primary-color);margin-bottom:20px}.test-actions{display:flex;gap:12px;justify-content:center}.test-actions .btn{padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:.3s ease;box-shadow:none!important}.test-actions .btn-primary{background:var(--portal-theme-color);color:var(--text-white-color)}.test-actions .btn-primary:hover{background:var(--portal-theme-light);color:var(--portal-theme-color);border:1px solid var(--portal-theme-color)}.test-actions .btn-secondary{background:transparent;border:1px solid var(--input-border-color);color:var(--text-primary-color)}.test-actions .btn-secondary:hover{background:var(--portal-theme-light);color:var(--text-white-color)}.header-button-action.examination svg{color:var(--error-color);fill:var(--error-color);font-size:20px}.test-card ul{padding:0;list-style:none}.test-card ul li{font-size:13px;margin-bottom:8px;color:var(--text-primary-color)}.report-feed-container{padding:20px;background-color:var(--portal-theme-secondary);color:var(--text-primary-color);border-radius:8px;max-width:100%}.report-feed-label{color:var(--portal-theme-color)!important}.report-feed-textarea .MuiOutlinedInput-root{color:var(--text-primary-color);border:1px solid var(--input-border-color)!important;margin-top:8px}.report-feed-textarea fieldset{border:none!important}.report-feed-submit{margin-top:16px;background-color:var(--portal-theme-color)}@media only screen and (max-width:767px){.create-feed-form .mention-editor-input{padding:8px 10px}.create-feed-form .mention-editor-input .contenteditable{min-height:80px;height:80px}.create-feed-hint{font-size:.8125rem;word-wrap:break-word}.feed-type{flex:1 1 auto;min-width:0;justify-content:center}.feed-type-label{font-size:.8125rem}.dashboard-tabs-box{padding:0 4px}.dashboard-tabs-box .filter-tabs{padding:3px!important;min-height:40px;border-radius:8px}.dashboard-tabs-box .filter-tabs .chat-filter-item{min-height:34px;padding:6px 12px;font-size:.8125rem}.open-feed-creator-card{padding:10px 12px;border-radius:10px}.open-feed-creator-inner{gap:8px}.open-feed-creator-main{min-width:0}.feed-creator-input{min-height:42px;padding:10px 12px;font-size:.875rem;overflow-wrap:break-word;word-break:break-word;text-align:left;line-height:1.35}.open-feed-creator-actions{gap:8px;margin-top:10px}.choose-feed-type-item .choose-feed-type-title{display:none}.choose-feed-type-item{padding:8px;min-height:36px;min-width:36px;flex:0 0 auto;justify-content:center;align-items:center;border-radius:8px;background-color:color-mix(in srgb,var(--portal-theme-secondary) 80%,black);border:1px solid color-mix(in srgb,var(--portal-theme-color) 30%,transparent);color:var(--portal-theme-color)}.choose-feed-type-item:hover,.choose-feed-type-item:focus-visible{background-color:color-mix(in srgb,var(--portal-theme-color) 12%,transparent);border-color:var(--portal-theme-color);color:var(--portal-theme-color)}.choose-feed-type-icon svg{font-size:18px;color:var(--portal-theme-color);fill:var(--portal-theme-color)}.feed-type-box{gap:8px}.feed-type-box .feed-type-label{display:none}.feed-type{padding:8px;min-height:36px;min-width:36px;flex:0 0 auto;justify-content:center;align-items:center;border-radius:8px;border:1px solid color-mix(in srgb,var(--portal-theme-color) 30%,transparent)}.feed-type:not(.active-type){background-color:color-mix(in srgb,var(--portal-theme-secondary) 80%,black);color:var(--portal-theme-color)}.feed-type:not(.active-type) svg{color:var(--portal-theme-color);fill:var(--portal-theme-color)}.feed-type.active-type{border-color:var(--portal-theme-color)}.feed-type svg{font-size:18px}}@media only screen and (max-width:571px){.examination-status{position:relative;transform:unset;width:unset;left:unset;bottom:unset;margin-top:15px}.circle-progress{width:70px;height:70px}.circle-progress .inner{font-size:16px}.examination-actions button{width:50%}}.dark .feed-creator-input,.dark .choose-feed-type-item,.dark .mention-editor-input,.dark .mention-editor-input.add-comment-box{background-color:var(--feed-inset-surface)!important}.dark .feed-creator-input:hover{background-color:var(--feed-inset-surface-hover)!important;border-color:var(--input-border-color)}.dark .choose-feed-type-item:hover{background-color:var(--feed-inset-surface-hover-strong)!important;color:var(--portal-theme-color)}.dark .feed-type:not(.active-type){background-color:var(--feed-inset-surface)!important}.dark .feed-type:hover:not(.active-type){background-color:var(--feed-inset-surface-hover-strong)!important}.dark .feed-video-url input{background-color:var(--feed-inset-surface)!important}.dark .feed-upload-dropzone:not(.feed-upload-dropzone--active){background-color:var(--feed-inset-surface)!important}.login-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--portal-theme-color) 10%,#f4f8f7),#eef3f2 45%,color-mix(in srgb,var(--portal-theme-color) 7%,#f6faf9));background-size:200% 200%;animation:login-bg-drift 20s ease-in-out infinite alternate}.login-page__pattern{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.45;background-image:radial-gradient(color-mix(in srgb,var(--portal-theme-color) 12%,transparent) 1px,transparent 1px);background-size:22px 22px;animation:login-pattern-fade .8s ease-out forwards}.login-page:before,.login-page:after{content:"";position:absolute;border-radius:50%;filter:blur(72px);pointer-events:none;z-index:0;opacity:.4}.login-page:before{width:min(380px,70vw);height:min(380px,70vw);background:color-mix(in srgb,var(--portal-theme-color) 28%,transparent);top:-12%;left:-8%;animation:login-orb 16s ease-in-out infinite}.login-page:after{width:min(300px,55vw);height:min(300px,55vw);background:color-mix(in srgb,var(--portal-theme-color) 20%,transparent);bottom:-10%;right:-6%;animation:login-orb 20s ease-in-out infinite reverse}.login-page.login-page--split{align-items:stretch;justify-content:stretch;padding:0;background:#0b1220;animation:none;background-size:auto;--login-panel-blend: #eef2f7;--login-panel-blend-soft: rgba(238, 242, 247, .94)}.login-page--split:before,.login-page--split:after{display:none}.login-page__hero{position:relative;flex:1 1 0;min-width:0;min-height:100vh;overflow:hidden}.login-page__hero-img{display:block;width:100%;height:100%;min-height:100%;object-fit:cover;object-position:center 28%}.login-page__hero-fade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(15,23,42,.22) 0%,rgba(15,23,42,.05) 34%,rgba(226,232,240,.35) 52%,var(--login-panel-blend-soft) 95%,var(--login-panel-blend) 100%)}.login-page__panel{position:relative;flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;padding:clamp(1.25rem,3vw,2.75rem);min-height:100vh;background:linear-gradient(168deg,#f8fafc,#eef2f7 52%,#e6ecf4)}.login-page__theme-toggle{position:fixed;right:1.25rem;bottom:1.25rem;z-index:20;display:flex;align-items:center;justify-content:center;pointer-events:auto}.login-page--split .login-page__pattern--panel{opacity:.32}.login-page--split .login-card{max-width:440px}@media(max-width:900px){.login-page.login-page--split{flex-direction:column}.login-page__hero{flex:0 0 auto;max-width:none;width:100%;min-height:0;height:min(40vh,300px)}.login-page__hero-img{min-height:220px;object-position:center 22%}.login-page__hero-fade{background:linear-gradient(180deg,rgba(15,23,42,.14) 0%,rgba(238,242,247,.88) 72%,var(--login-panel-blend) 100%)}.login-page__panel{min-height:auto;flex:1 1 auto;padding:1.25rem 1rem 2rem}}@media(prefers-reduced-motion:reduce){.login-page__card,.login-page__logo-wrap{animation:none}}.login-page .login-card{position:relative;z-index:1;height:auto;min-height:0;width:100%;display:flex;justify-content:center;align-items:center}.login-page__card{position:relative;border-radius:14px!important;overflow:hidden;box-shadow:0 4px 6px #0000000a,0 16px 40px #00000014!important;animation:login-card-in .65s cubic-bezier(.22,1,.36,1) both}.login-page__card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--portal-theme-color),color-mix(in srgb,var(--portal-theme-color) 55%,white));z-index:1}.login-page__logo-wrap{animation:login-logo-float 5s ease-in-out infinite;padding:.65rem 1rem .2rem;box-sizing:border-box}.login-page__brand{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.login-page__brand--solo{padding-top:.25rem}.login-page__brand-name{margin:0;max-width:100%;font-size:clamp(1.35rem,3.2vw,1.55rem);font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--text-primary-color);padding:.15rem .75rem .65rem}.login-page__brand-name:not(.login-page__brand-name--solo){padding-top:0}.login-page__brand-name--solo{font-size:clamp(1.45rem,4vw,1.7rem);padding:1rem .75rem .75rem}.login-page__subtitle{margin:0 0 .5rem;font-size:.9375rem;line-height:1.5;color:color-mix(in srgb,var(--text-primary-color) 72%,transparent)}.xino-watermark{position:fixed;bottom:max(1rem,env(safe-area-inset-bottom,0px));left:max(1rem,env(safe-area-inset-left,0px));z-index:15;display:flex;flex-direction:column;gap:.15rem;max-width:min(220px,42vw);padding:.2rem 0 .2rem .55rem;border:none;border-left:2px solid color-mix(in srgb,var(--portal-theme-color) 55%,transparent);border-radius:0;background:transparent;box-shadow:none;pointer-events:none;-webkit-user-select:none;user-select:none}.xino-watermark__line{font-size:.75rem;font-weight:500;letter-spacing:.02em;line-height:1.35}.xino-watermark__brand{font-size:.9375rem;font-weight:650;letter-spacing:.02em;line-height:1.2}.login-page.login-page--split .xino-watermark:not(.xino-watermark--shell) .xino-watermark__line{color:#ffffffb8;text-shadow:0 1px 3px rgba(0,0,0,.55)}.login-page.login-page--split .xino-watermark:not(.xino-watermark--shell) .xino-watermark__brand{color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.45)}.login-page.login-page--split .xino-watermark:not(.xino-watermark--shell){border-left-color:color-mix(in srgb,var(--portal-theme-color) 65%,rgba(255,255,255,.35))}@media(max-width:900px){.login-page.login-page--split .xino-watermark:not(.xino-watermark--shell) .xino-watermark__line{color:color-mix(in srgb,var(--text-primary-color) 58%,transparent);text-shadow:none}.login-page.login-page--split .xino-watermark:not(.xino-watermark--shell) .xino-watermark__brand{color:color-mix(in srgb,var(--text-primary-color) 82%,transparent);text-shadow:none}.login-page.login-page--split .xino-watermark:not(.xino-watermark--shell){border-left-color:color-mix(in srgb,var(--portal-theme-color) 50%,transparent)}}.xino-watermark--shell{left:auto;right:max(1rem,env(safe-area-inset-right,0px));z-index:20;border-left-color:color-mix(in srgb,var(--portal-theme-color) 40%,transparent)}.xino-watermark--shell .xino-watermark__line{color:color-mix(in srgb,var(--text-primary-color) 52%,transparent)}.xino-watermark--shell .xino-watermark__brand{color:color-mix(in srgb,var(--text-primary-color) 72%,transparent)}.login-page .login-form .MuiOutlinedInput-root{transition:box-shadow .22s ease;border-radius:10px}.login-page .login-form .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:color-mix(in srgb,var(--portal-theme-color) 45%,var(--input-border-color))!important}.login-page .login-form .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--portal-theme-color)!important}.login-page .login-form .MuiOutlinedInput-root.Mui-focused{box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-theme-color) 16%,transparent)}.login-page .login-form .add--button button{border-radius:10px;font-weight:600;letter-spacing:.02em;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.login-page .login-form .add--button button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px color-mix(in srgb,var(--portal-theme-color) 32%,transparent)}.login-page .login-form .add--button button:active:not(:disabled){transform:translateY(0)}.login-page .visibility-password{transition:transform .18s ease}.login-page .visibility-password:hover{transform:scale(1.06)}@keyframes login-bg-drift{0%{background-position:0% 40%}to{background-position:100% 60%}}@keyframes login-orb{0%,to{transform:translate(0) scale(1)}50%{transform:translate(12px,18px) scale(1.05)}}@keyframes login-card-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes login-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes login-pattern-fade{0%{opacity:0}to{opacity:.45}}.dark .login-page{background:linear-gradient(145deg,color-mix(in srgb,var(--portal-theme-color) 14%,#0a1a1d),#0d2228,color-mix(in srgb,var(--portal-theme-color) 10%,#0c1e22))}.dark .login-page__pattern{opacity:.25;background-image:radial-gradient(color-mix(in srgb,var(--portal-theme-color) 22%,transparent) 1px,transparent 1px)}.dark .login-page:before,.dark .login-page:after{opacity:.28}.dark .login-page.login-page--split{background:#0a0f18;--login-panel-blend: #0a0f18;--login-panel-blend-soft: rgba(10, 15, 24, .88)}.dark .login-page__hero-fade{background:linear-gradient(90deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.22) 28%,rgba(10,15,24,.55) 52%,var(--login-panel-blend-soft) 82%,var(--login-panel-blend) 100%)}.dark .login-page__panel{background:#0a0f18}.dark .login-page--split .login-page__pattern--panel{opacity:.12}.dark .login-page.login-page--split .login-page__card.theme-card{background:#0a0f18!important;background-color:#0a0f18!important;border:1px solid rgba(148,163,184,.12)!important;box-shadow:0 16px 40px #00000061!important}.dark .login-page.login-page--split .login-page__brand-name{color:#f1f5f9!important}.dark .login-page.login-page--split .login-page__subtitle{color:#cbd5e1e0!important}.dark .login-page.login-page--split .login-form .MuiOutlinedInput-root{background-color:#ffffff0d}.dark .login-page.login-page--split .login-form .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#94a3b838!important}.dark .login-page.login-page--split .login-form .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#94a3b859!important}.dark .login-page.login-page--split .login-form .MuiInputLabel-root{color:#cbd5e1e0!important}.dark .login-page.login-page--split .login-form .MuiInputLabel-root.Mui-error{color:#f87171!important}.dark .login-page.login-page--split .login-form .MuiInputBase-input{color:#f8fafc!important}.dark .login-page.login-page--split .login-form .MuiFormHelperText-root.Mui-error{color:#f87171fa!important}@media(max-width:900px){.dark .login-page__hero-fade{background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,rgba(10,15,24,.75) 55%,var(--login-panel-blend) 100%)}}.login-page__forgot-row{display:flex;justify-content:flex-end;margin-top:.35rem}.login-page__link-btn{background:none;border:none;padding:.35rem 0;margin:0;font:inherit;font-size:.875rem;cursor:pointer;color:var(--portal-theme-color);text-decoration:underline;text-underline-offset:2px}.login-page__link-btn:hover{color:color-mix(in srgb,var(--portal-theme-color) 85%,#000)}.login-page__link-btn:disabled{opacity:.45;cursor:not-allowed;text-decoration:none;color:color-mix(in srgb,var(--portal-theme-color) 55%,var(--text-primary-color))}.login-page .login-form .add--button button.login-page__link-btn:disabled,.login-page .login-form .login-page__forgot-actions button.login-page__link-btn:disabled{opacity:.45!important}.login-page .login-form .add--button button.login-page__link-btn,.login-page .login-form .login-page__forgot-actions button.login-page__link-btn{width:auto!important;max-width:none;align-self:flex-end;background:none!important;background-color:transparent!important;border:none!important;box-shadow:none!important;padding:.35rem 0!important;color:var(--portal-theme-color)!important;font-weight:500;font-size:.875rem!important;letter-spacing:normal;text-decoration:underline;text-underline-offset:2px;border-radius:0!important;overflow:visible!important;transform:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.login-page .login-form .add--button button.login-page__link-btn:hover:not(:disabled),.login-page .login-form .add--button button.login-page__link-btn:active:not(:disabled),.login-page .login-form .login-page__forgot-actions button.login-page__link-btn:hover:not(:disabled),.login-page .login-form .login-page__forgot-actions button.login-page__link-btn:active:not(:disabled){transform:none!important;box-shadow:none!important;background:none!important;background-color:transparent!important}.light .login-page .login-form .add--button button.login-page__link-btn:before,.light .login-page .login-form .add--button button.login-page__link-btn:not(:disabled):before,.light .login-page .login-form .login-page__forgot-actions button.login-page__link-btn:before,.light .login-page .login-form .login-page__forgot-actions button.login-page__link-btn:not(:disabled):before{content:none!important;display:none!important;width:0!important;height:0!important}.light .login-page .login-form .add--button button.login-page__link-btn:hover:not(:disabled),.light .login-page .login-form .login-page__forgot-actions button.login-page__link-btn:hover:not(:disabled){transform:none!important;box-shadow:none!important}.login-page__forgot-actions{display:flex;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start;gap:.75rem}.login-page__forgot-actions .login-page__primary-action,.login-page__forgot-actions .MuiButton-root{width:100%!important}.login-page__forgot-verify-links{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:.75rem}.login-page__forgot-verify-links .login-page__link-btn{align-self:auto}.login-page__forgot-actions--continue-only{flex-direction:column!important}.login-page__otp-label{display:block;font-size:.8125rem;font-weight:600;letter-spacing:.02em;margin-bottom:.5rem;color:color-mix(in srgb,var(--text-primary-color) 88%,transparent)}.login-page__otp-wrap{width:100%;max-width:100%;box-sizing:border-box;margin-bottom:.15rem}.login-page__otp-wrap>div{display:flex!important;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:.5rem;width:100%;box-sizing:border-box}.login-page__otp-wrap .login-page__otp-input{flex:1 1 0;min-width:0;width:auto!important;max-width:3.25rem}.login-page__otp-input{height:2.85rem;text-align:center;font-size:1.125rem;font-weight:600;border-radius:8px;border:1px solid color-mix(in srgb,var(--portal-theme-color) 35%,#94a3b8);background:color-mix(in srgb,var(--text-primary-color) 4%,transparent);color:var(--text-primary-color);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.login-page__otp-input:focus{border-color:var(--portal-theme-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--portal-theme-color) 28%,transparent)}.login-page__forgot-hint{margin:0 0 .75rem;font-size:.8125rem;line-height:1.45;color:color-mix(in srgb,var(--text-primary-color) 78%,transparent)}.login-page__primary-action{min-width:132px}.login-page.login-page--split .login-page__otp-input{background:#ffffff0f;border-color:#94a3b859;color:#f8fafc}.login-page.login-page--split .login-page__otp-input:focus{border-color:var(--portal-theme-color)}.dark .login-page.login-page--split .login-page__forgot-hint{color:#cbd5e1e0!important}.dark .login-page.login-page--split .login-page__otp-label{color:#cbd5e1e6!important}.link-previews{margin-top:10px;width:100%;max-width:100%}.link-previews--feed{margin-top:12px}.link-previews--chat:not(.link-previews--multi) .link-preview-card{max-width:min(500px,100%)}.link-previews--feed:not(.link-previews--multi){width:100%}.link-previews--feed:not(.link-previews--multi) .link-preview-card{width:100%;max-width:100%}.link-previews--multi{display:grid;gap:10px;overflow:visible;align-items:stretch}.link-previews--feed.link-previews--multi{grid-template-columns:repeat(2,minmax(0,1fr))}.link-previews--feed.link-previews--multi .link-preview-card:last-child:nth-child(odd){grid-column:1 / -1}@media(max-width:480px){.link-previews--feed.link-previews--multi{grid-template-columns:1fr}}.link-previews--chat.link-previews--multi{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.link-previews--multi .link-preview-card{width:100%;max-width:100%;min-width:0}.link-preview-card{display:block;text-decoration:none;color:inherit;border:1px solid rgba(0,0,0,.1);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 2px #0000000f;transition:box-shadow .15s ease,border-color .15s ease;text-align:start}.link-preview-card:hover{border-color:#00000024;box-shadow:0 2px 8px #00000014}.link-preview-card--horizontal .link-preview-card__row{display:flex;flex-direction:row;align-items:stretch;min-height:120px;width:100%}.link-preview-card__thumb-col{flex:0 0 clamp(120px,32%,200px);min-width:120px;max-width:200px;background:#e4e6eb;display:flex;flex-direction:column}.link-preview-card--horizontal .link-preview-card__media--thumb{flex:1;width:100%;min-height:120px;position:relative}.link-preview-card--horizontal .link-preview-card__media--og{aspect-ratio:auto;min-height:120px;max-height:none}.link-preview-card--horizontal .link-preview-card__media--og img{width:100%;height:100%;min-height:120px;object-fit:cover;object-position:center}.link-preview-card--horizontal .link-preview-card__media--logo{aspect-ratio:auto;min-height:120px;max-height:none;padding:12px}.link-preview-card--horizontal .link-preview-card__media--placeholder{aspect-ratio:auto;min-height:120px;max-height:none;flex:1}.link-preview-card--horizontal .link-preview-card__placeholder-icon{width:min(72px,50%)!important;height:min(72px,50%)!important;max-width:96px;max-height:96px}.link-preview-card--horizontal.link-preview-card--logo-only .link-preview-card__media--thumb.link-preview-card__media--logo{padding:14px 16px}.link-preview-card--horizontal.link-preview-card--logo-only .link-preview-card__media--thumb.link-preview-card__media--logo img{width:min(104px,48%)!important;height:min(104px,48%)!important;max-width:120px;max-height:120px;object-fit:contain}.link-preview-card__desc--site-name{font-weight:500}.link-preview-card--logo-only:not(.link-preview-card--horizontal) .link-preview-card__media--logo img{max-width:min(160px,40vw);max-height:min(160px,28vh)}.link-preview-card--horizontal .link-preview-card__body{flex:1;min-width:0;border-top:none;border-left:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;justify-content:center}.link-preview-card__media--og{position:relative;width:100%;aspect-ratio:1.91 / 1;min-height:200px;max-height:min(360px,42vh);background:#e4e6eb;overflow:hidden}.link-preview-card__media--og img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.link-preview-card__media--logo{position:relative;width:100%;aspect-ratio:1.91 / 1;min-height:200px;max-height:min(320px,40vh);padding:32px 40px;background:linear-gradient(180deg,#f0f2f5,#e4e6eb);display:flex;align-items:center;justify-content:center}.link-preview-card__media--logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.link-preview-card__media--placeholder{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1.91 / 1;min-height:220px;max-height:min(340px,40vh);background:linear-gradient(180deg,#f0f2f5,#e8eaef)}.link-preview-card__placeholder-icon{width:min(128px,28vw)!important;height:min(128px,28vw)!important;max-width:128px;max-height:128px;object-fit:contain;border-radius:12px;box-shadow:0 4px 24px #00000014}.link-preview-card__body{padding:12px 14px 14px;background:#f7f8fa;border-top:1px solid rgba(0,0,0,.06)}.link-preview-card--horizontal:not(.link-preview-card--skeleton) .link-preview-card__body{padding:10px 14px}.link-preview-card__domain-row{font-size:.6875rem;font-weight:500;letter-spacing:.04em;color:#65676b;line-height:1.2;margin-bottom:6px}.link-preview-card__title{font-size:1rem;font-weight:600;line-height:1.35;color:#050505;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.link-preview-card__desc{font-size:.8125rem;line-height:1.45;color:#65676b;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.link-preview-card--fallback .link-preview-card__title{color:#050505}.link-preview-card--skeleton{pointer-events:none;min-height:240px}.link-preview-card--horizontal.link-preview-card--skeleton{min-height:120px}.link-preview-card__media--skeleton{aspect-ratio:1.91 / 1;min-height:200px;max-height:280px;background:linear-gradient(90deg,#e8eaef 25%,#f0f2f5,#e8eaef 75%);background-size:200% 100%;animation:link-preview-shimmer 1.2s ease-in-out infinite}.link-preview-card__thumb-col--skeleton{min-height:120px;background:linear-gradient(90deg,#e8eaef 25%,#f0f2f5,#e8eaef 75%);background-size:200% 100%;animation:link-preview-shimmer 1.2s ease-in-out infinite}.link-preview-card__body--skeleton{min-height:88px;background:#f7f8fa;animation:link-preview-shimmer 1.2s ease-in-out infinite}.link-preview-card--horizontal .link-preview-card__body--skeleton{min-height:120px;flex:1}@keyframes link-preview-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.link-previews--multi .link-preview-card--skeleton{width:100%;max-width:100%;min-width:0}.dark .link-preview-card{background:var(--portal-theme-secondary);border-color:var(--divider-color);box-shadow:0 1px 2px var(--shadow-color);color:var(--text-primary-color)}.dark .link-preview-card:hover{border-color:#fff3;box-shadow:0 2px 8px #00000059}.dark .link-preview-card__thumb-col{background:var(--portal-theme-primary)}.dark .link-preview-card__media--og{background:var(--portal-theme-light)}.dark .link-preview-card__media--logo,.dark .link-preview-card__media--placeholder{background:linear-gradient(180deg,var(--portal-theme-secondary) 0%,var(--portal-theme-light) 100%)}.dark .link-preview-card__body{background:var(--portal-theme-secondary);border-top-color:var(--divider-color)}.dark .link-preview-card--horizontal:not(.link-preview-card--skeleton) .link-preview-card__body{border-left-color:var(--divider-color)}.dark .link-preview-card__domain-row{color:var(--text-primary-color)}.dark .link-preview-card__title{color:var(--text-white-color)}.dark .link-preview-card__desc{color:var(--text-primary-color)}.dark .link-preview-card__desc--site-name{color:var(--text-primary-color);opacity:.95}.dark .link-preview-card--fallback .link-preview-card__title{color:var(--text-white-color)}.dark .link-preview-card__placeholder-icon{box-shadow:0 4px 24px #0006}.dark .link-preview-card__media--skeleton,.dark .link-preview-card__thumb-col--skeleton{background:linear-gradient(90deg,hsl(var(--muted)) 25%,hsl(var(--accent)),hsl(var(--muted)) 75%)}.dark .link-preview-card__body--skeleton{background:var(--portal-theme-secondary)}@font-face{font-family:Noori-Nastaliq;src:url(/assets/Noori-Nastaleeq-DxkR14gu.ttf) format("truetype");font-weight:400;font-style:normal}:root{--portal-theme-primary: rgba(9, 35, 41, 1);--portal-theme-secondary: #0f2e36;--portal-theme-color: #2a9988;--text-primary-color: #90a7ad;--text-white-color: #fff;--text-contrast-color: #fff;--input-border-color: rgb(255 255 255 / 36%);--portal-theme-light: #11353e;--table-row-even-bg: rgba(255, 255, 255, .02);--scrollbar-thumb-bg: rgba(50, 68, 73, .603);--scrollbar-thumb-hover: rgba(70, 88, 93, .803);--hover-bg-color: rgba(255, 255, 255, .05);--divider-color: rgba(255, 255, 255, .12);--shadow-color: rgba(0, 0, 0, .3);--error-color: #dc3545;--warning-color: #e90a0a;--success-text-color: #04b504;--Paper-shadow: none;--Paper-overlay: none;--background: 215 30% 6%;--foreground: 213 31% 91%;--card: 215 28% 17%;--card-foreground: 213 31% 91%;--primary: 173 58% 39%;--primary-foreground: 0 0% 100%;--secondary: 215 28% 17%;--secondary-foreground: 213 31% 91%;--muted: 215 28% 17%;--muted-foreground: 217 10% 64%;--accent: 215 28% 17%;--accent-foreground: 213 31% 91%;--border: 215 28% 17%;--input: 215 28% 17%;--ring: 173 58% 39%;--destructive: 0 63% 31%;--destructive-foreground: 0 0% 100%;--success: 142 71% 45%;--success-foreground: 0 0% 100%}.light{--portal-theme-primary: #f5f7fa;--portal-theme-secondary: #ffffff;--portal-theme-color: #2a9988;--text-primary-color: #2c3e50;--text-white-color: #2c3e50;--text-contrast-color: #fff;--input-border-color: rgba(0, 0, 0, .12);--portal-theme-light: #e8eaed80;--table-row-even-bg: color-mix(in srgb, var(--portal-theme-color) 2%, transparent);--scrollbar-thumb-bg: color-mix(in srgb, var(--portal-theme-color) 30%, transparent);--scrollbar-thumb-hover: color-mix(in srgb, var(--portal-theme-color) 50%, transparent);--hover-bg-color: color-mix(in srgb, var(--portal-theme-color) 6%, transparent);--divider-color: rgba(0, 0, 0, .08);--shadow-color: rgba(0, 0, 0, .08);--error-color: #dc3545;--warning-color: #d32f2f;--success-text-color: #2e7d32;--Paper-shadow: none;--Paper-overlay: none;--background: 0 0% 100%;--foreground: 222 47% 11%;--card: 0 0% 100%;--card-foreground: 222 47% 11%;--primary: 173 58% 39%;--primary-foreground: 0 0% 100%;--secondary: 210 40% 96%;--secondary-foreground: 222 47% 11%;--muted: 210 40% 96%;--muted-foreground: 215 16% 47%;--accent: 210 40% 96%;--accent-foreground: 222 47% 11%;--border: 214 32% 91%;--input: 214 32% 91%;--ring: 173 58% 39%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 100%;--success: 142 71% 45%;--success-foreground: 0 0% 100%}.dark{--portal-theme-primary: rgba(9, 35, 41, 1);--portal-theme-secondary: #0f2e36;--portal-theme-color: #2a9988;--text-primary-color: #90a7ad;--text-white-color: #fff;--text-contrast-color: #fff;--input-border-color: rgb(255 255 255 / 36%);--portal-theme-light: #11353e;--table-row-even-bg: rgba(255, 255, 255, .02);--scrollbar-thumb-bg: rgba(50, 68, 73, .603);--scrollbar-thumb-hover: rgba(70, 88, 93, .803);--hover-bg-color: rgba(255, 255, 255, .05);--divider-color: rgba(255, 255, 255, .12);--shadow-color: rgba(0, 0, 0, .3);--error-color: #dc3545;--warning-color: #e90a0a;--success-text-color: #04b504;--Paper-shadow: none;--Paper-overlay: none;--background: 215 30% 6%;--foreground: 213 31% 91%;--card: 215 28% 17%;--card-foreground: 213 31% 91%;--primary: 173 58% 39%;--primary-foreground: 0 0% 100%;--secondary: 215 28% 17%;--secondary-foreground: 213 31% 91%;--muted: 215 28% 17%;--muted-foreground: 217 10% 64%;--accent: 215 28% 17%;--accent-foreground: 213 31% 91%;--border: 215 28% 17%;--input: 215 28% 17%;--ring: 173 58% 39%;--destructive: 0 63% 31%;--destructive-foreground: 0 0% 100%;--success: 142 71% 45%;--success-foreground: 0 0% 100%;--theme-ui-surface-deep: color-mix(in srgb, var(--portal-theme-primary) 97%, #ffffff 3%);--theme-ui-surface-mid: color-mix(in srgb, var(--portal-theme-primary) 95%, #ffffff 5%);--theme-ui-border-warm: color-mix(in srgb, var(--input-border-color) 55%, var(--portal-theme-primary) 45%);--feed-inset-surface: color-mix(in srgb, var(--theme-ui-surface-deep) 98%, #ffffff 2%);--feed-inset-surface-hover: color-mix(in srgb, var(--theme-ui-surface-deep) 96%, #ffffff 4%);--feed-inset-surface-hover-strong: color-mix(in srgb, var(--theme-ui-surface-deep) 94%, #ffffff 6%)}body{background-color:var(--portal-theme-primary);color:var(--text-primary-color)!important;font-family:Parkinsans,sans-serif;font-weight:400;font-size:14px!important;transition:background-color .3s ease,color .3s ease}*,*:before,*:after{transition-property:background-color,border-color,box-shadow,color;transition-duration:.3s;transition-timing-function:ease}body::-webkit-scrollbar,.mui-table-container::-webkit-scrollbar,.mui-table-scroll::-webkit-scrollbar{display:none}.mui-table-wrapper{display:flex;flex-direction:column;min-height:0}.mui-table-scroll{overflow:auto;flex:1;min-height:0}.mui-table-container{min-width:auto!important}.app-header,.app-sidebar{background-color:var(--portal-theme-secondary)!important;color:var(--text-primary-color)}.app-header{flex-direction:row!important;justify-content:space-between;align-items:center}.app-header .MuiToolbar-root .MuiIconButton-root,.app-header .MuiToolbar-root .MuiIconButton-root .MuiSvgIcon-root{color:var(--portal-theme-color)!important}.app-sidebar-box,.app-header,.app-sidebar-box .MuiPaper-elevation,.sidebar-permanent-drawer{transition:all .5s ease!important}.sidebar-permanent-drawer .MuiDrawer-paper,.sidebar-temporary-drawer .MuiDrawer-paper{background-color:var(--portal-theme-primary)!important}.dark .sidebar-permanent-drawer .MuiDrawer-paper,.dark .sidebar-temporary-drawer .MuiDrawer-paper{background-color:var(--theme-ui-surface-deep)!important;background:var(--theme-ui-surface-deep)!important}.dark .forms-drawer .MuiDrawer-paper{background-color:var(--theme-ui-surface-deep)!important;background:var(--theme-ui-surface-deep)!important;border-left:1px solid var(--theme-ui-border-warm);box-shadow:none}.account-menu-box .MuiPopover-paper{position:absolute;top:50px!important;right:25px!important;left:auto!important}.account-popover-avatar-img{width:40px!important;height:40px!important;cursor:pointer;background-color:var(--portal-theme-color)!important;color:#fff!important}.account-menu-box .MuiPopover-paper:before,.custom-menu-popover .MuiPopover-paper:before,.chat_popover_menu .MuiPopover-paper:before{background-color:var(--portal-theme-primary)!important}.account-menu-box{color:var(--text-primary-color)!important}.account-menu-box ul svg{color:var(--portal-theme-color)}.user-profile-name{padding:5px 16px}.account-menu-box ul{color:var(--text-primary-color)!important}.account-menu-box ul li{padding-top:8px;padding-bottom:8px}.account-menu-box ul li:hover,.custom-menu-popover ul li:hover{background-color:var(--portal-theme-secondary)}.app-logo{width:50px}.app-logo-name{color:var(--text-primary-color);margin-left:12px;font-size:18px;margin-top:5px}.menus-list{padding-top:12px;padding-bottom:12px;color:var(--text-primary-color)!important;width:100%;padding-left:16px!important;font-size:14px!important;margin-bottom:4px;border-bottom:1px solid var(--input-border-color)}.menus-list:last-child{border-bottom:none}.menus-list span{font-size:14px!important}.menus-list:hover{background-color:var(--portal-theme-secondary)!important}.menuActive{background-color:var(--portal-theme-secondary)!important;color:var(--portal-theme-color)!important}.menus-list svg{color:var(--portal-theme-color)!important}.theme-card{background-color:var(--portal-theme-secondary)!important;border-radius:5px;box-shadow:0 1px 3px var(--shadow-color)}.light .theme-card{border:1px solid var(--input-border-color)}.theme-date{font-size:11px}.mui-bg-custom-table{background-color:transparent!important;box-shadow:none!important}.mui-bg-custom-table tr{white-space:nowrap}.sidebar-divider{color:var(--text-contrast-color)}.sidebar-icons{font-size:16px;width:35px}.dashboard-icon-box{width:35px;height:35px;border-radius:50%;margin:0 auto 16px;background-color:var(--portal-theme-color);color:var(--text-contrast-color);padding-top:6px;font-size:14px}.MuiTableCell-head,.MuiTableSortLabel-root,.MuiTableSortLabel-root svg{color:var(--portal-theme-color)!important;font-weight:700!important}.MuiTableCell-head,.MuiTableCell-body{padding:12px!important;border:none!important;color:var(--text-primary-color)!important}.MuiTableCell-body .MuiCheckbox-root{padding-top:0;padding-bottom:0;color:var(--portal-theme-color)}.MuiTableRow-root:nth-child(2n){background-color:var(--table-row-even-bg)}.MuiTableCell-head{border-bottom:1px solid var(--input-border-color)!important}.mui-table-footer.mui-table-footer-outer{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:0 16px;min-height:52px;background:var(--portal-theme-secondary)!important;border-top:1px solid var(--input-border-color);color:var(--text-primary-color)}.mui-table-footer-outer .mui-table-footer-selected{white-space:nowrap}.mui-table-footer-outer .MuiTablePagination-root{flex-shrink:0}.MuiTablePagination-selectLabel,.MuiTablePagination-displayedRows{margin-bottom:0!important}.MuiTablePagination-select:focus{background-color:transparent!important}.MuiTablePagination-selectIcon,.MuiTablePagination-toolbar,.MuiTablePagination-actions svg{color:var(--text-primary-color)!important;fill:var(--text-primary-color)!important}.MuiMenu-paper,.MuiMenu-list{background-color:var(--portal-theme-primary)!important;color:var(--portal-theme-color)!important}.MuiMenu-paper .Mui-selected{background-color:var(--portal-theme-secondary)!important;color:var(--portal-theme-color)}.reduce-cell-padding{padding:5px!important}.mui-table-search-input{color:var(--text-primary-color)!important;border:1px solid var(--input-border-color)!important}.mui-table-search-input input{padding:10px 0}.Mui-focused fieldset{outline:none!important;border:none!important}.MuiOutlinedInput-notchedOutline{border-width:1px!important}.MuiSelect-select .MuiOutlinedInput-notchedOutline,.MuiInputBase-multiline .MuiOutlinedInput-notchedOutline,.form-control .MuiInputBase-root fieldset,.form-control .MuiInputBase-multiline fieldset,.form-control .MuiSelect-outlined fieldset,.form-control .MuiAutocomplete-root fieldset,.MuiAutocomplete-root .MuiOutlinedInput-root fieldset,.autocomplete-mui fieldset,.autocomplete-mui .MuiOutlinedInput-notchedOutline,.MuiTextField-root .MuiOutlinedInput-root.MuiInputBase-multiline fieldset,.MuiInputBase-root.MuiInputBase-multiline fieldset{border:none!important}.login-form .Mui-focused fieldset,.login-form fieldset{border:1px solid var(--input-border-color)!important}.mui-table-heading h2{font-size:25px;color:var(--portal-theme-color)}.dark .mui-table-heading h2{color:var(--portal-theme-color);background:none;-webkit-text-fill-color:var(--portal-theme-color);background-clip:unset;-webkit-background-clip:unset}.add--button button{border:none;background-color:var(--portal-theme-color);padding:7px 25px!important;color:var(--text-contrast-color)!important;border-radius:3px;font-size:15px}.add--button button svg{font-size:18px}.add--button button:disabled{opacity:.2}.lesson-form-actions.lesson-form-actions{text-align:unset}.lesson-form-actions .lesson-form-actions__btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px;box-sizing:border-box}.cancel--button{background-color:red!important}.add--button .cancel-button{background-color:transparent;border:1px solid var(--error-color);color:var(--error-color)!important;font-weight:500;display:inline-flex;align-items:center;justify-content:center}.forms-drawer-height{height:100%;overflow:auto;padding-bottom:40px}.app-sidebar-box .MuiDrawer-paper::-webkit-scrollbar,.chatting-users-list::-webkit-scrollbar,.chatting-messages::-webkit-scrollbar,.messages-gallery::-webkit-scrollbar,.student-list.expanded::-webkit-scrollbar,.contenteditable::-webkit-scrollbar,.recognition-input-box textarea::-webkit-scrollbar,.general-emoji-picker .epr-body::-webkit-scrollbar,.forms-drawer-height::-webkit-scrollbar{width:5px;border-radius:5px}.app-sidebar-box .MuiDrawer-paper::-webkit-scrollbar-track,.chatting-users-list::-webkit-scrollbar-track,.chatting-messages::-webkit-scrollbar-track,.messages-gallery::-webkit-scrollbar-track,.student-list.expanded::-webkit-scrollbar-track,.contenteditable::-webkit-scrollbar-track,.recognition-input-box textarea::-webkit-scrollbar-track,.general-emoji-picker .epr-body::-webkit-scrollbar-track,.forms-drawer-height::-webkit-scrollbar-track{background:var(--portal-theme-primary)}.app-sidebar-box .MuiDrawer-paper::-webkit-scrollbar-thumb,.chatting-users-list::-webkit-scrollbar-thumb,.chatting-messages::-webkit-scrollbar-thumb,.messages-gallery::-webkit-scrollbar-thumb,.student-list.expanded::-webkit-scrollbar-thumb,.contenteditable::-webkit-scrollbar-thumb,.recognition-input-box textarea::-webkit-scrollbar-thumb,.general-emoji-picker .epr-body::-webkit-scrollbar-thumb,.forms-drawer-height::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-bg)}.app-sidebar-box .MuiDrawer-paper::-webkit-scrollbar-thumb:hover,.chatting-users-list::-webkit-scrollbar-thumb:hover,.chatting-messages::-webkit-scrollbar-thumb:hover,.messages-gallery::-webkit-scrollbar-thumb:hover,.student-list.expanded::-webkit-scrollbar-thumb:hover,.contenteditable::-webkit-scrollbar-thumb:hover,.recognition-input-box textarea::-webkit-scrollbar-thumb:hover,.general-emoji-picker .epr-body::-webkit-scrollbar-thumb:hover,.forms-drawer-height::-webkit-scrollbar-thumb:hover{background:var(--portal-theme-secondary)}.gallery-csv-sheet,.gallery-csv-plain{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-bg) var(--portal-theme-primary)}.gallery-csv-sheet::-webkit-scrollbar,.gallery-csv-plain::-webkit-scrollbar{width:8px;height:8px;border-radius:8px}.gallery-csv-sheet::-webkit-scrollbar-track,.gallery-csv-plain::-webkit-scrollbar-track{background:var(--portal-theme-primary);border-radius:8px}.gallery-csv-sheet::-webkit-scrollbar-thumb,.gallery-csv-plain::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-bg);border-radius:8px}.gallery-csv-sheet::-webkit-scrollbar-thumb:hover,.gallery-csv-plain::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.gallery-csv-sheet::-webkit-scrollbar-corner,.gallery-csv-plain::-webkit-scrollbar-corner{background:var(--portal-theme-primary);border-radius:0 0 8px}.gallery-preview-dialog .MuiDialogContent-root{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-bg) var(--portal-theme-primary)}.gallery-preview-dialog .MuiDialogContent-root::-webkit-scrollbar{width:8px;height:8px;border-radius:8px}.gallery-preview-dialog .MuiDialogContent-root::-webkit-scrollbar-track{background:var(--portal-theme-primary);border-radius:8px}.gallery-preview-dialog .MuiDialogContent-root::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-bg);border-radius:8px}.gallery-preview-dialog .MuiDialogContent-root::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.gallery-preview-dialog .MuiDialogContent-root::-webkit-scrollbar-corner{background:var(--portal-theme-primary);border-radius:0 0 8px}.forms-drawer .MuiDrawer-paper{background-color:var(--portal-theme-secondary)!important;background:var(--portal-theme-secondary)!important;width:600px;max-width:100%}.forms-drawer .drawer-title{color:var(--text-primary-color)}.drawer-cross-icon{background-color:var(--portal-theme-secondary)!important;color:var(--text-primary-color)!important;height:35px;width:35px;display:flex;justify-content:center;align-items:center;border:none;border-radius:50%}.dark .forms-drawer .drawer-cross-icon{background-color:var(--theme-ui-surface-deep)!important}.input-form .form-control{background-color:var(--portal-theme-secondary)!important;color:var(--text-primary-color)!important;border:1px solid var(--input-border-color);box-shadow:none!important}.dark .input-form .form-control{background-color:transparent!important}.input-form .form-control label{color:var(--text-primary-color)!important}.input-form .form-control .MuiInputLabel-root{background-color:var(--portal-theme-secondary)!important;padding:0 4px;border-radius:2px}.dark .input-form .form-control .MuiInputLabel-root{background-color:var(--portal-theme-secondary)!important}.dark .forms-drawer .input-form .form-control .MuiInputLabel-root{background-color:var(--theme-ui-surface-deep)!important}.input-form .form-control .Mui-disabled{-webkit-text-fill-color:var(--text-primary-color)}.input-form .form-control input,.input-form .MuiOutlinedInput-root,.input-form .MuiOutlinedInput-root:hover{color:var(--text-primary-color);border:none!important}.input-form .form-control fieldset,.input-form .MuiOutlinedInput-root fieldset,.input-form .MuiSelect-root fieldset,.input-form .MuiAutocomplete-root fieldset,.input-form .MuiInputBase-multiline fieldset,.input-form textarea fieldset,.MuiSelect-outlined fieldset,.MuiSelect-root fieldset,.input-form .form-control .MuiSelect-root,.input-form .form-control .MuiSelect-outlined{border:none!important}.input-form .mui-select,.MuiSelect-select fieldset{padding:0;color:var(--text-primary-color)!important}.input-form .mui-select:focus{border:1px solid var(--portal-theme-secondary)!important}.input-form h6{color:var(--text-primary-color)!important;padding-left:10px}.mui-select svg{color:var(--portal-theme-color)}.upload-button label{align-items:center;background-color:var(--portal-theme-secondary);color:var(--portal-theme-color);cursor:pointer;display:flex;justify-content:center;border-radius:5px;height:76px;padding:15px;width:76px;border:1px solid var(--portal-theme-color)}.upload-file-preview img{border-radius:5px;display:inline;height:76px;margin-right:10px;width:76px}.upload-file-preview span{background-color:var(--error-color);border-radius:10px;color:var(--text-contrast-color);font-size:13px;font-weight:700;height:20px;position:absolute;right:3px;text-align:center;top:-10px;width:20px;cursor:pointer}.upload-file-preview{position:relative}.profile-image-upload-wrap{display:flex;flex-direction:column;align-items:center;margin-top:20px;margin-bottom:12px}.profile-image-upload-circle{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--input-border-color);background-color:var(--portal-theme-light);flex-shrink:0}.profile-image-upload-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.profile-image-upload-label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer;margin:0;position:relative}.profile-image-upload-preview{width:100%;height:100%;object-fit:cover}.profile-image-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;color:#fff;font-size:.75rem;font-weight:500;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.profile-image-upload-label:hover .profile-image-upload-overlay{opacity:1}.profile-image-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-primary-color);opacity:.8}.profile-image-upload-icon{font-size:36px!important;color:var(--portal-theme-color);fill:var(--portal-theme-color)}.profile-image-upload-text{font-size:.8125rem;font-weight:500}.profile-image-upload-remove{margin-top:10px;padding:4px 10px;font-size:.8125rem;color:var(--text-primary-color);background:none;border:none;cursor:pointer;text-decoration:underline;border-radius:4px}.profile-image-upload-remove:hover{color:var(--portal-theme-color)}@media(max-width:600px){.theme-card.member-list-card{padding:12px!important}}.dark .theme-card .member-list-page-heading.mui-table-heading,.light .theme-card .member-list-page-heading.mui-table-heading{border:none!important;box-shadow:none!important}.light-border-bottom,.theme-card .light-border-bottom{background-color:transparent!important}.dark .light-border-bottom{border-bottom:1px solid transparent!important}.dark .theme-card,.dark .theme-card .mui-table-heading{background-color:var(--theme-ui-surface-deep)!important;background:var(--theme-ui-surface-deep)!important;border:1px solid var(--theme-ui-border-warm);box-shadow:0 1px 2px #0000002e}.dark .app-header,.dark .app-sidebar{background-color:var(--theme-ui-surface-deep)!important}.light .theme-card,.light .theme-card .mui-table-heading{background-color:var(--portal-theme-secondary)!important;background:var(--portal-theme-secondary)!important}.login-card{height:100vh;display:flex;align-content:center;align-items:center;justify-content:center}.login-card .login-logo img{width:80px}.login-card .theme-card{max-width:480px;min-width:311px;width:100%;text-align:center}.login-form .add--button button{width:100%;font-size:16px;padding:8px 0}.login-form .visibility-password svg{color:var(--portal-theme-color)!important}.login-button-box span{width:20px!important;height:20px!important;color:var(--text-contrast-color)!important}.snackbar-cross-icon svg{color:var(--text-contrast-color);font-size:16px}.circular-progress{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;min-height:calc(100dvh - 140px)}.circular-progress.circular-progress--viewport{min-height:100vh;min-height:100dvh}.circular-progress.normal-height{min-height:200px;height:200px}.circular-progress.circular-progress-message{min-height:0}.circular-progress svg{color:var(--portal-theme-color)!important}.circular-progress circle{stroke:var(--portal-theme-color)!important}.mui-confirmation-popup .MuiPaper-elevation,.mui-confirmation-popup .MuiPaper-root,.submit-assessment-popup .MuiPaper-elevation,.mui-component-popup .MuiPaper-elevation{background-color:var(--portal-theme-secondary)!important}.dark .mui-confirmation-popup .MuiPaper-elevation,.dark .mui-confirmation-popup .MuiPaper-root,.dark .submit-assessment-popup .MuiPaper-elevation,.dark .mui-component-popup .MuiPaper-elevation,.dark .mui-component-popup .MuiDialog-paper,.dark .mui-confirmation-popup__paper{background-color:var(--theme-ui-surface-deep)!important}.mui-confirmation-popup__paper{min-width:340px;max-width:420px;border-radius:20px;box-shadow:0 32px 64px #00000073,0 0 0 1px #ffffff0f;overflow:hidden;background-color:var(--portal-theme-secondary)!important}.mui-confirmation-popup__paper--destructive{border-top:3px solid rgba(220,53,69,.45)}.mui-confirmation-popup__content-wrapper--centered{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 32px 24px!important}.mui-confirmation-popup__content-wrapper--centered .mui-confirmation-popup__icon-wrap{margin-bottom:16px}.mui-confirmation-popup__content-wrapper--centered .mui-confirmation-popup__icon{width:56px;height:56px;border-radius:50%;border:2px solid #dc3545;background:#dc35451f;color:#ff6b6b}.mui-confirmation-popup__content-wrapper--centered .mui-confirmation-popup__heading{margin:0 0 8px;padding:0!important;font-size:1.25rem;font-weight:700;color:var(--text-white-color)!important;line-height:1.3}.mui-confirmation-popup__content-wrapper--centered .mui-confirmation-popup__message{margin:0;font-size:.9375rem;color:var(--text-primary-color)!important;opacity:.9;max-width:320px}.mui-confirmation-popup__actions--stacked{flex-direction:column;width:100%;padding:0!important;gap:12px}.mui-confirmation-popup__actions--stacked .mui-confirmation-popup__btn{width:100%;min-width:unset;margin:0!important}.mui-confirmation-popup__actions--stacked .mui-confirmation-popup__btn--confirm{order:0}.mui-confirmation-popup__actions--stacked .mui-confirmation-popup__btn--cancel{order:1;background-color:#ffffff0f!important;border-color:#fff3!important}.mui-confirmation-popup__actions--stacked .mui-confirmation-popup__btn--cancel:hover{background-color:#ffffff1a!important;border-color:#ffffff4d!important}.mui-confirmation-popup__title{display:flex;align-items:center;gap:14px;padding:24px 24px 0;font-size:1.2rem;font-weight:700;letter-spacing:-.02em;color:var(--text-white-color)!important;line-height:1.3}.mui-confirmation-popup__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;color:var(--portal-theme-color);background:color-mix(in srgb,var(--portal-theme-color) 15%,transparent)}.mui-confirmation-popup__icon--destructive{color:#f8b4b4;background:#dc354533}.mui-confirmation-popup__content{padding:18px 24px 4px!important}.mui-confirmation-popup__message{margin:0;font-size:.95rem;font-weight:400;color:var(--text-primary-color)!important;line-height:1.55;opacity:.9}.mui-confirmation-popup__actions{padding:20px 24px 24px!important;gap:14px;flex-wrap:wrap}.mui-confirmation-popup__btn{min-width:96px;padding:10px 20px!important;text-transform:none;font-weight:600;font-size:.9375rem;border-radius:12px;transition:background-color .2s ease,border-color .2s ease,transform .15s ease}.mui-confirmation-popup__btn--cancel{color:var(--text-primary-color)!important;background-color:transparent!important;border:1px solid var(--input-border-color)!important}.mui-confirmation-popup__btn--cancel:hover{border-color:#ffffff40!important;background-color:var(--hover-bg-color)!important;transform:translateY(-1px)}.mui-confirmation-popup__btn--confirm{box-shadow:0 2px 12px color-mix(in srgb,var(--portal-theme-color) 40%,transparent)}.mui-confirmation-popup__btn--confirm:hover{transform:translateY(-1px)}.mui-confirmation-popup__paper--destructive .mui-confirmation-popup__btn--confirm{background:linear-gradient(180deg,#c94a4a,#a83a3a)!important;box-shadow:0 4px 16px #dc354559;color:#fff!important}.mui-confirmation-popup__paper--destructive .mui-confirmation-popup__btn--confirm:hover{background:linear-gradient(180deg,#d55555,#b84545)!important;box-shadow:0 6px 20px #dc354566}.mui-confirmation-popup .mui-confirmation-popup__message{color:var(--text-primary-color)!important}.mui-component-popup .MuiPaper-elevation{padding:30px}.mui-component-popup .show-component-center{max-height:calc(100vh - 180px);overflow-y:auto;overflow-x:hidden}@media(max-width:767px){.mui-component-popup .show-component-center{padding:0 12px 16px;max-height:calc(100vh - 140px)}.mui-component-popup .MuiPaper-elevation{padding:16px 12px 20px}}.mui-component-popup-title{color:var(--portal-theme-color)}.gallery-page .gallery-page-title{font-size:1.75rem;font-weight:600;color:var(--text-primary-color);letter-spacing:-.02em}.gallery-page .gallery-page-subtitle{font-size:.95rem;color:var(--text-secondary-color, #6c757d);line-height:1.45;max-width:min(42rem,100%)}.gallery-page-actions .gallery-view-toggle{color:var(--text-primary-color)}.gallery-page-actions .gallery-btn{text-transform:none;font-weight:600;border-radius:8px}.gallery-page-actions .gallery-btn-book{background-color:var(--portal-theme-color)!important;color:var(--text-contrast-color)!important}.gallery-page-actions .gallery-btn-book:hover{filter:brightness(1.08)}.gallery-breadcrumb .gallery-breadcrumb-root{color:var(--portal-theme-color);text-transform:none}.gallery-breadcrumb-sep{color:var(--text-secondary-color, #6c757d);font-size:.9rem}.gallery-breadcrumb-current{font-size:.9rem;color:var(--text-primary-color);font-weight:500}.gallery-divider.sidebar-divider{opacity:.5}.gallery-folders-section .gallery-folders-heading{font-size:1rem;font-weight:600;color:var(--text-primary-color);display:flex;align-items:center}.gallery-folder-chip{text-transform:none;border-radius:8px}.gallery-back-root{color:var(--portal-theme-color);text-transform:none}.mui-component-popup .gallery-modal-popup{border-radius:16px!important;box-shadow:0 24px 48px #0003!important}.gallery-modal-popup .show-component-center{padding-top:16px}.mui-component-popup .gallery-modal-book{display:flex!important;flex-direction:column;max-height:calc(100vh - 40px)}.mui-component-popup .gallery-modal-book .show-component-center{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-height:none;overflow:hidden;padding-top:8px}.gallery-form.gallery-form-book .gallery-form-book-form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;gap:0}.gallery-form.gallery-form-book .gallery-form-book-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:6px;margin-right:-2px}.gallery-form.gallery-form-book .gallery-form-book-scroll .gallery-form-fields{padding-bottom:4px}.gallery-form.gallery-form-book .gallery-form-fields .col-12 .gallery-form-field{margin-top:0!important}.gallery-form.gallery-form-book .gallery-form-switch-wrap{margin-top:0;margin-bottom:0}.gallery-modal-book .gallery-form-actions{flex-shrink:0;margin-top:0;padding-top:12px;margin-bottom:0;background:var(--portal-theme-secondary, transparent);box-shadow:0 -6px 14px #0000000f}.dark .gallery-modal-book .gallery-form-actions{box-shadow:0 -6px 14px #00000059}.gallery-form.gallery-form-book .gallery-form-field-hint{margin-top:8px;margin-bottom:0;line-height:1.4;font-size:.75rem;color:var(--text-secondary-color, #6c757d)}.gallery-form.gallery-form-book .gallery-form-fields,.gallery-form.gallery-form-folder .gallery-form-fields{padding-top:0}.gallery-form .gallery-form-fields .col-12:first-child .gallery-form-field{margin-top:0!important}.gallery-form .gallery-form-fields .col-12 .gallery-form-field{margin-top:16px!important}.gallery-form .gallery-form-field .MuiOutlinedInput-root{border-radius:10px}.gallery-form-switch-wrap{margin-top:16px;margin-bottom:0}.gallery-form-actions{margin-top:24px;padding-top:16px;border-top:1px solid var(--divider-color)}.gallery-submit-btn{padding:10px 24px;border-radius:10px;font-weight:600;background-color:var(--portal-theme-color)!important;color:var(--text-contrast-color)!important}.gallery-file-upload-wrap{margin-top:16px}.gallery-file-upload-label{display:block;font-size:.875rem;color:var(--text-secondary-color, #6c757d);margin-bottom:8px}.gallery-file-upload-box{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;border:1px dashed var(--input-border-color);border-radius:10px;background:var(--portal-theme-secondary);cursor:pointer;transition:border-color .2s,background .2s}.gallery-file-upload-box:hover{border-color:var(--portal-theme-color);background:color-mix(in srgb,var(--portal-theme-color) 6%,transparent)}.gallery-file-upload-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.gallery-file-upload-text{font-size:.875rem;color:var(--text-primary-color)}.gallery-page .lesson-book-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.gallery-page .lesson-book-card:hover,.gallery-page .lesson-book-card.cursor-pointer:hover{transform:translateY(-2px);box-shadow:0 12px 28px var(--shadow-color);border-color:var(--portal-theme-color)}.dark .gallery-page .lesson-book-card:hover{box-shadow:0 12px 28px #00000059}.gallery-section-heading{font-size:1rem;font-weight:600;color:var(--text-primary-color);display:flex;align-items:center}.gallery-drive-folders{margin-bottom:1.5rem}.gallery-page .gallery-folders-section-head{align-items:center}.gallery-page .gallery-folders-inline-search .MuiOutlinedInput-root{min-height:38px}.gallery-page .gallery-folders-inline-search .MuiOutlinedInput-root fieldset,.gallery-page .gallery-page-header-toolbar .MuiOutlinedInput-root fieldset,.gallery-page .gallery-page-header-search-row .MuiOutlinedInput-root fieldset{border:1px solid var(--input-border-color, #ced4da)!important}.gallery-page .gallery-folders-inline-search .MuiOutlinedInput-root:hover fieldset,.gallery-page .gallery-page-header-toolbar .MuiOutlinedInput-root:hover fieldset,.gallery-page .gallery-page-header-search-row .MuiOutlinedInput-root:hover fieldset{border-color:var(--input-border-color, #adb5bd)!important}.gallery-page .gallery-folders-inline-search .MuiOutlinedInput-root.Mui-focused fieldset,.gallery-page .gallery-page-header-toolbar .MuiOutlinedInput-root.Mui-focused fieldset,.gallery-page .gallery-page-header-search-row .MuiOutlinedInput-root.Mui-focused fieldset{border:1px solid var(--portal-theme-color)!important}.gallery-folders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.gallery-folder-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--input-border-color, #e0e0e0);background:var(--portal-theme-secondary, #fafafa);cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}.gallery-folder-card:hover{background:var(--portal-theme-primary);border-color:var(--portal-theme-color);box-shadow:0 2px 8px var(--shadow-color, rgba(0,0,0,.08))}.dark .gallery-folder-card{background:var(--portal-theme-light)}.dark .gallery-folder-card:hover{box-shadow:0 2px 8px #0003}.gallery-folder-card-icon{color:#f9ab00;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#f9ab001f}.gallery-folder-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.gallery-folder-card-name{font-weight:600;font-size:.95rem;color:var(--text-primary-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-folder-card-location{font-size:.8rem;color:var(--text-secondary-color, #6c757d)}.gallery-item-menu-btn{color:var(--text-secondary-color)!important;flex-shrink:0}.gallery-folder-card:hover .gallery-item-menu-btn,.library-list-view__row:hover .gallery-item-menu-btn,.gallery-files-table-row:hover .gallery-item-menu-btn,.gallery-file-card:hover .gallery-file-card-menu{color:var(--text-primary-color)!important}.gallery-drive-files .gallery-view-toggle{color:var(--text-primary-color)}.library-list-view{border:none;border-radius:0;overflow:visible;background:transparent}.library-list-view__table{min-width:100%}.library-list-view__head,.gallery-files-table-header{display:grid;grid-template-columns:minmax(0,1fr) 120px 140px 48px;gap:16px;padding:10px 16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary-color);background:var(--portal-theme-secondary);border-bottom:1px solid var(--input-border-color)}.library-list-view__head-cell--actions{text-align:center}.library-list-view__row,.gallery-files-table-row{display:grid;grid-template-columns:minmax(0,1fr) 120px 140px 48px;gap:16px;align-items:center;padding:8px 16px;min-height:56px;border-bottom:1px solid var(--divider-color, rgba(0,0,0,.06));text-decoration:none;color:inherit;transition:background .15s}.library-list-view__row:last-child,.gallery-files-table-row:last-child{border-bottom:none}.library-list-view__row--link:hover,.library-list-view__row--clickable:hover,.gallery-files-row-link:hover,.gallery-files-row-clickable:hover{background:var(--portal-theme-secondary)}.library-list-view__cell--name{min-width:0}.gallery-file-name-row{display:flex;align-items:flex-start;gap:12px;min-width:0}.gallery-file-name-thumb-wrap{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.gallery-files-col-name{display:flex;align-items:flex-start;gap:12px;min-width:0}.gallery-file-icon{width:40px;height:40px;min-width:40px;flex-shrink:0}.gallery-file-thumb{width:40px;height:40px;min-width:40px;object-fit:cover;border-radius:6px;flex-shrink:0}.gallery-file-name-block{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.gallery-file-name{font-weight:500;font-size:.95rem;color:var(--text-primary-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-file-subtitle{font-size:.7rem;line-height:1.35;color:var(--text-secondary-color)}.library-list-view__cell--type,.library-list-view__cell--date,.gallery-files-col-type,.gallery-files-col-date{font-size:.875rem;color:var(--text-secondary-color)}.library-list-view__cell--actions,.gallery-files-col-actions{display:flex;align-items:center;justify-content:center}.gallery-files-table-wrap{border:none;border-radius:0;overflow:visible;background:transparent}.gallery-files-table{min-width:100%}@media(max-width:767px){.library-list-view__head,.gallery-files-table-header{display:none}.library-list-view__row,.gallery-files-table-row{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:8px 12px;align-items:start;padding:12px 16px;min-height:0}.library-list-view__cell--name,.gallery-files-col-name{grid-column:1;grid-row:1}.library-list-view__cell--actions,.gallery-files-col-actions{grid-column:2;grid-row:1;justify-content:flex-end;align-self:start}.library-list-view__cell--type,.gallery-files-col-type{grid-column:1;grid-row:2}.library-list-view__cell--date,.gallery-files-col-date{grid-column:2;grid-row:2;text-align:right;align-self:center}.library-list-view__cell--name .gallery-file-name,.gallery-files-col-name .gallery-file-name{white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:break-word}}.gallery-files-grid,.library-grid-view{margin:0 -8px}.gallery-file-card{display:flex;flex-direction:column;border-radius:8px;border:1px solid var(--input-border-color);background:var(--portal-theme-secondary);overflow:hidden;transition:border-color .2s,box-shadow .2s;position:relative;height:100%;min-height:180px}.gallery-file-card:hover{border-color:var(--portal-theme-color);box-shadow:0 4px 16px var(--shadow-color, rgba(0,0,0,.1))}.dark .gallery-file-card:hover{box-shadow:0 4px 16px #00000040}.gallery-file-card-link{color:inherit;text-decoration:none}.gallery-file-card-link:hover{color:inherit}.gallery-file-card-preview{flex:1;min-height:0;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--portal-theme-secondary);overflow:hidden}.dark .gallery-file-card-preview{background:var(--theme-ui-surface-deep)}.gallery-file-card-thumb{width:100%;height:100%;object-fit:cover;border-radius:0;display:block}.gallery-file-card-preview .lesson-book-card-icon{width:64px;height:64px;flex-shrink:0}.gallery-file-card-info{padding:12px 40px 12px 14px;border-top:1px solid var(--divider-color);display:flex;flex-direction:column;gap:2px}.gallery-file-card-info .gallery-file-card-name{font-weight:600;font-size:.9rem;color:var(--text-primary-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-file-card-meta{font-size:.8rem;color:var(--text-secondary-color)}.gallery-file-card-menu{position:absolute!important;top:4px;right:4px;color:var(--text-secondary-color)!important}.subjects-page{border-radius:0;overflow:visible;border:none;background:transparent;box-shadow:none}.dark .subjects-page{box-shadow:none}.subjects-page__shell{position:relative;background:transparent}.subjects-page__hero,.page-header-card--hero{position:relative;border-radius:12px;overflow:hidden;border:1px solid color-mix(in srgb,var(--portal-theme-color) 25%,var(--input-border-color));background:linear-gradient(125deg,color-mix(in srgb,var(--portal-theme-color) 14%,var(--portal-theme-secondary)) 0%,var(--portal-theme-primary) 42%,color-mix(in srgb,#c4b5fd 8%,var(--portal-theme-secondary)) 100%);box-shadow:0 12px 40px color-mix(in srgb,var(--portal-theme-color) 12%,transparent)}.dark .subjects-page__hero,.dark .page-header-card--hero{--page-header-hero-bg-lift: 3%;background:linear-gradient(165deg,color-mix(in srgb,color-mix(in srgb,var(--portal-theme-secondary) 97%,var(--portal-theme-color) 3%) calc(100% - var(--page-header-hero-bg-lift)),#ffffff var(--page-header-hero-bg-lift)),color-mix(in srgb,var(--portal-theme-primary) calc(100% - var(--page-header-hero-bg-lift)),#ffffff var(--page-header-hero-bg-lift)) 52%,color-mix(in srgb,color-mix(in srgb,var(--portal-theme-secondary) 98%,var(--portal-theme-color) 2%) calc(100% - var(--page-header-hero-bg-lift)),#ffffff var(--page-header-hero-bg-lift)));box-shadow:0 4px 28px #0006;border-color:color-mix(in srgb,var(--input-border-color) 92%,var(--portal-theme-color) 8%)}.subjects-page__hero-blob,.page-header-card__blob{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none;opacity:.55}.subjects-page__hero-blob--a,.page-header-card__blob--a{width:220px;height:220px;top:-80px;right:-40px;background:color-mix(in srgb,var(--portal-theme-color) 55%,#fbbf24)}.subjects-page__hero-blob--b,.page-header-card__blob--b{width:160px;height:160px;bottom:-50px;left:-30px;background:color-mix(in srgb,#a78bfa 40%,var(--portal-theme-color));opacity:.4}.dark .subjects-page__hero-blob--a,.dark .page-header-card__blob--a{opacity:.16;background:color-mix(in srgb,var(--portal-theme-color) 22%,#0f0d0a);filter:blur(48px)}.dark .subjects-page__hero-blob--b,.dark .page-header-card__blob--b{opacity:.1;background:color-mix(in srgb,var(--portal-theme-secondary) 75%,#312e81);filter:blur(44px)}.subjects-page__hero-inner,.page-header-card__inner{position:relative;z-index:1;padding:1.25rem 1.25rem 1.5rem}@media(min-width:768px){.subjects-page__hero-inner,.page-header-card__inner{padding:1.5rem 1.75rem 1.75rem}}.page-header-card__breadcrumbs{margin-bottom:.75rem}.page-header-card__breadcrumbs .MuiBreadcrumbs-root{font-size:.875rem}.page-header-card__breadcrumbs a{color:var(--portal-theme-color);font-weight:500}.dark .page-header-card__breadcrumbs a{color:color-mix(in srgb,var(--portal-theme-color) 55%,var(--text-secondary-color))}.dark .page-header-card__breadcrumbs .MuiTypography-root{color:var(--text-secondary-color)!important}.subjects-page .gallery-page-title,.page-header-card--hero .gallery-page-title{font-size:clamp(1.65rem,3vw,2.1rem);font-weight:800;letter-spacing:-.04em;line-height:1.15;background:linear-gradient(105deg,var(--text-primary-color) 0%,color-mix(in srgb,var(--text-primary-color) 88%,var(--portal-theme-color)) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.dark .subjects-page .gallery-page-title,.dark .page-header-card--hero .gallery-page-title{background:none;-webkit-background-clip:unset;background-clip:unset;color:var(--text-primary-color)}.subjects-page .gallery-page-subtitle,.page-header-card--hero .gallery-page-subtitle{font-size:.98rem;line-height:1.55;max-width:38rem;color:var(--text-secondary-color);opacity:.95}.subjects-page__hero-inner .gallery-page-header-toolbar .MuiOutlinedInput-root,.subjects-page__hero-inner .gallery-page-header-search-row .MuiOutlinedInput-root,.page-header-card__inner .gallery-page-header-toolbar .MuiOutlinedInput-root,.page-header-card__inner .gallery-page-header-search-row .MuiOutlinedInput-root{border-radius:10px!important;background:color-mix(in srgb,var(--portal-theme-primary) 92%,transparent)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 20px #0000000a}.dark .subjects-page__hero-inner .gallery-page-header-search-row .MuiOutlinedInput-root,.dark .page-header-card__inner .gallery-page-header-search-row .MuiOutlinedInput-root{background:color-mix(in srgb,var(--portal-theme-secondary) 88%,var(--portal-theme-primary))!important;box-shadow:none!important;border-color:var(--input-border-color)!important}.subjects-page__hero-inner .gallery-page-actions .gallery-btn-book,.page-header-card__inner .gallery-page-actions .gallery-btn-book{border-radius:8px!important;padding-left:1.15rem!important;padding-right:1.25rem!important;box-shadow:0 8px 24px color-mix(in srgb,var(--portal-theme-color) 35%,transparent)}.dark .subjects-page__hero-inner .gallery-page-actions .gallery-btn-book,.dark .page-header-card__inner .gallery-page-actions .gallery-btn-book{box-shadow:0 2px 12px #00000073!important;filter:none}.library-section-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;padding:.2rem .55rem;font-size:.75rem;font-weight:700;border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--portal-theme-color) 28%,transparent),color-mix(in srgb,var(--portal-theme-color) 12%,transparent));color:var(--portal-theme-color);border:1px solid color-mix(in srgb,var(--portal-theme-color) 35%,transparent);vertical-align:middle}.subjects-section-head__title{font-size:1.125rem!important;font-weight:700!important;letter-spacing:-.02em;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.subjects-section-head__icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--portal-theme-color) 22%,var(--portal-theme-secondary)),color-mix(in srgb,#c4b5fd 15%,var(--portal-theme-secondary)));color:var(--portal-theme-color);box-shadow:0 6px 16px color-mix(in srgb,var(--portal-theme-color) 15%,transparent)}.subjects-section-head__icon svg{width:1.35rem;height:1.35rem}.subjects-grid{margin:0 -8px}.subjects-grid>[class*=col-]{padding:12px 8px}.classes-grid{margin:0 -8px}.classes-grid>[class*=col-]{padding:12px 8px}.lessons-grid{margin:0 -8px}.lessons-grid>[class*=col-]{padding:12px 8px}.lesson-list-card__audio-badge{position:absolute;top:10px;right:10px;z-index:4}.lesson-list-card__audio-chip{font-weight:700;font-size:.65rem!important;height:22px!important;box-shadow:0 2px 8px #0003}.lesson-list-card__audio-chip .MuiChip-icon{margin-left:6px;color:inherit}.class-list-card__status-badge{position:absolute;top:10px;right:10px;z-index:4}.class-list-card__status-badge .MuiChip-root{font-weight:700;font-size:.7rem;box-shadow:0 2px 8px #0003}.class-list-card.subject-list-card{border-color:color-mix(in srgb,var(--portal-theme-color) 25%,var(--input-border-color));box-shadow:0 12px 40px color-mix(in srgb,var(--portal-theme-color) 12%,transparent);background:linear-gradient(125deg,color-mix(in srgb,var(--portal-theme-color) 14%,var(--portal-theme-secondary)) 0%,var(--portal-theme-primary) 42%,color-mix(in srgb,#c4b5fd 8%,var(--portal-theme-secondary)) 100%)}html.light .class-list-card.subject-list-card{border-color:color-mix(in srgb,var(--portal-theme-color) 25%,var(--input-border-color));box-shadow:0 12px 40px color-mix(in srgb,var(--portal-theme-color) 12%,transparent)}.dark .class-list-card.subject-list-card{--page-header-hero-bg-lift: 3%;background:linear-gradient(165deg,color-mix(in srgb,color-mix(in srgb,var(--portal-theme-secondary) 97%,var(--portal-theme-color) 3%) calc(100% - var(--page-header-hero-bg-lift)),#ffffff var(--page-header-hero-bg-lift)),color-mix(in srgb,var(--portal-theme-primary) calc(100% - var(--page-header-hero-bg-lift)),#ffffff var(--page-header-hero-bg-lift)) 52%,color-mix(in srgb,color-mix(in srgb,var(--portal-theme-secondary) 98%,var(--portal-theme-color) 2%) calc(100% - var(--page-header-hero-bg-lift)),#ffffff var(--page-header-hero-bg-lift)));box-shadow:0 4px 28px #0006;border-color:color-mix(in srgb,var(--input-border-color) 92%,var(--portal-theme-color) 8%)}.class-list-card .subject-list-card__media,.dark .class-list-card .subject-list-card__media{background:transparent}.class-list-card .subject-list-card__media-decor{opacity:0}.class-list-card .subject-list-card__media:after{opacity:0}.subjects-empty-state{border-radius:12px;border:2px dashed color-mix(in srgb,var(--portal-theme-color) 28%,var(--input-border-color));background:linear-gradient(180deg,color-mix(in srgb,var(--portal-theme-color) 6%,var(--portal-theme-secondary)),var(--portal-theme-primary))}.dark .subjects-empty-state .empty-icon{color:color-mix(in srgb,var(--portal-theme-color) 55%,var(--text-secondary-color))}.dark .subjects-empty-state h5{color:var(--text-primary-color)}.subjects-empty-state .record-empty-state,.gallery-empty-state .record-empty-state{padding-top:1rem;padding-bottom:1rem}.messages-gallery-empty-state .record-empty-state{padding-left:.5rem;padding-right:.5rem}.subject-list-card{--subject-accent: var(--portal-theme-color);--subject-list-card-body-tint-top: 5%;--subject-list-card-body-tint-bottom: 8%;--subject-list-card-media-tint-start: 6%;--subject-list-card-media-tint-mid: 12%;container-type:inline-size;container-name:subjectcard;position:relative;display:flex;flex-direction:column;height:100%;min-height:0;border-radius:12px;border:1px solid color-mix(in srgb,var(--input-border-color) 85%,var(--subject-accent) 15%);background:linear-gradient(180deg,color-mix(in srgb,var(--portal-theme-primary) calc(100% - var(--subject-list-card-body-tint-top)),var(--subject-accent) var(--subject-list-card-body-tint-top)),color-mix(in srgb,color-mix(in srgb,var(--portal-theme-secondary) 40%,var(--portal-theme-primary)) calc(100% - var(--subject-list-card-body-tint-bottom)),var(--subject-accent) var(--subject-list-card-body-tint-bottom)));overflow:hidden;cursor:default;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease,border-color .25s ease;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000a}html.light .subject-list-card{border-color:color-mix(in srgb,var(--input-border-color) 78%,var(--subject-accent) 22%);box-shadow:0 4px 6px -1px color-mix(in srgb,var(--shadow-color) 100%,transparent),0 2px 4px -2px #0000000a,0 0 0 1px color-mix(in srgb,var(--portal-theme-color) 10%,transparent),0 12px 28px -8px color-mix(in srgb,var(--portal-theme-color) 14%,transparent)}.subject-list-card--clickable{cursor:pointer}.dark .subject-list-card{box-shadow:0 8px 28px #00000047}.subject-list-card:hover{transform:translateY(-8px) scale(1.01);border-color:color-mix(in srgb,var(--subject-accent) 45%,var(--input-border-color));box-shadow:0 24px 48px color-mix(in srgb,var(--shadow-color) 75%,transparent),0 0 0 1px color-mix(in srgb,var(--subject-accent) 25%,transparent),0 0 40px color-mix(in srgb,var(--subject-accent) 12%,transparent)}.dark .subject-list-card:hover{transform:translateY(-4px) scale(1.005);border-color:var(--input-border-color);box-shadow:0 18px 40px #0000008c}.dark .subject-list-card:hover:after{opacity:.35;background:linear-gradient(90deg,color-mix(in srgb,var(--subject-accent) 45%,var(--portal-theme-secondary)),color-mix(in srgb,var(--portal-theme-secondary) 92%,var(--subject-accent)))}.subject-list-card:focus-visible{outline:2px solid var(--subject-accent);outline-offset:3px}.subject-list-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--subject-accent),color-mix(in srgb,var(--portal-theme-secondary) 45%,var(--subject-accent)));opacity:0;transition:opacity .25s ease}.subject-list-card:hover:after{opacity:1}.subject-list-card__media{position:relative;flex-shrink:0;aspect-ratio:16 / 10;background:linear-gradient(145deg,color-mix(in srgb,var(--portal-theme-color) 22%,#fffbeb),color-mix(in srgb,var(--portal-theme-secondary) 70%,var(--portal-theme-color)) 42%,color-mix(in srgb,#fff 88%,var(--portal-theme-color)));overflow:hidden}.dark .subject-list-card__media{background:linear-gradient(165deg,color-mix(in srgb,var(--portal-theme-secondary) calc(100% - var(--subject-list-card-media-tint-start)),var(--subject-accent) var(--subject-list-card-media-tint-start)) 0%,color-mix(in srgb,var(--portal-theme-secondary) calc(100% - var(--subject-list-card-media-tint-mid)),var(--subject-accent) var(--subject-list-card-media-tint-mid)) 55%,var(--portal-theme-primary) 100%)}.subject-list-card__media-decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 20% 30%,rgba(255,255,255,.45) 0%,transparent 52%),radial-gradient(ellipse 60% 50% at 85% 75%,color-mix(in srgb,var(--portal-theme-color) 38%,transparent) 0%,transparent 48%),repeating-linear-gradient(-12deg,transparent,transparent 14px,color-mix(in srgb,var(--portal-theme-color) 7%,transparent) 14px,color-mix(in srgb,var(--portal-theme-color) 7%,transparent) 15px);pointer-events:none}.dark .subject-list-card__media-decor{opacity:.32}.subject-list-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.2) 0%,transparent 45%);pointer-events:none}html.light .subject-list-card__media:after{background:linear-gradient(to top,color-mix(in srgb,var(--portal-theme-color) 16%,var(--portal-theme-secondary)) 0%,transparent 48%)}.subject-list-card__media-inner{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1.25rem}.subject-list-card__thumb{width:100%;height:100%;object-fit:cover;border-radius:10px;box-shadow:0 12px 32px #0003,0 0 0 1px #ffffff26}.subject-list-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.subject-list-card__placeholder--file{background:#ffffff24;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.subject-list-card__icon-ring{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(155deg,#fff,color-mix(in srgb,#fff 82%,var(--portal-theme-color)));color:color-mix(in srgb,var(--portal-theme-color) 88%,#292524);box-shadow:0 10px 28px color-mix(in srgb,var(--portal-theme-color) 22%,rgba(0,0,0,.12)),inset 0 2px #fffffff2,0 0 0 1px color-mix(in srgb,var(--portal-theme-color) 18%,rgba(255,255,255,.85));animation:subject-icon-float 5s ease-in-out infinite}@keyframes subject-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.dark .subject-list-card__icon-ring{background:color-mix(in srgb,var(--portal-theme-secondary) 92%,var(--text-secondary-color));color:color-mix(in srgb,var(--text-primary-color) 90%,var(--portal-theme-color));box-shadow:0 8px 22px #00000073}.subject-list-card__preview-btn{position:absolute!important;top:12px!important;left:12px!important;z-index:3;background:#fffffff2!important;border-radius:8px!important;box-shadow:0 4px 14px #0000001f}.subject-list-card__preview-btn:hover{background:#fff!important}.subject-list-card__body{flex:1;display:flex;flex-direction:column;padding:.9rem 1rem .85rem;gap:.35rem;min-height:0;position:relative;z-index:1}.subject-list-card__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;min-width:0}.subject-list-card__title{margin:0;font-size:1.05rem;font-size:clamp(.95rem,.9rem + 1.2cqw,1.1rem);font-weight:800;letter-spacing:-.03em;line-height:1.25;color:var(--text-primary-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.subject-list-card__menu-wrap{flex-shrink:0;margin:-4px -4px 0 0;display:flex;align-items:center}.subject-list-card__menu{flex-shrink:0;margin:-6px -6px 0 0!important;color:var(--text-secondary-color)!important}.subject-list-card:hover .subject-list-card__menu{color:var(--text-primary-color)!important}.subject-list-card__desc{margin:0;font-size:.8125rem;line-height:1.45;color:var(--text-secondary-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}.subject-list-card__meta{margin-top:auto;padding-top:.45rem;min-width:0}.subject-list-card__meta-main{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem .5rem;min-width:0}.subject-list-card__chip{display:inline-flex;align-items:center;gap:.3rem;min-width:0;max-width:min(100%,100%);flex:1 1 auto;padding:.22rem .5rem;font-size:.7rem;font-weight:700;letter-spacing:.01em;border-radius:8px;background:color-mix(in srgb,var(--portal-theme-color) 10%,var(--portal-theme-secondary));color:var(--text-primary-color);border:1px solid color-mix(in srgb,var(--portal-theme-color) 18%,transparent)}.subject-list-card__chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.subject-list-card__date{display:inline-flex;align-items:center;gap:.28rem;flex:0 0 auto;max-width:100%;margin-left:auto;font-size:.68rem;font-weight:500;color:var(--text-secondary-color)}.subject-list-card__date-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:11rem}@container subjectcard (max-width: 200px){.subject-list-card__date-text{max-width:100%}}.subject-list-card__cta{display:flex;align-items:center;gap:.35rem;flex-shrink:0;margin-top:.65rem;padding-top:.65rem;border-top:1px solid color-mix(in srgb,var(--input-border-color) 80%,transparent);font-size:.8125rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--portal-theme-color);transition:color .2s ease,border-color .2s ease}.subject-list-card__cta-label{flex:1;min-width:0}.subject-list-card__cta-hint{font-size:.72rem;font-weight:500;color:var(--text-secondary-color);opacity:.9}.subject-list-card--clickable:hover .subject-list-card__cta{border-top-color:color-mix(in srgb,var(--portal-theme-color) 35%,var(--input-border-color));color:color-mix(in srgb,var(--portal-theme-color) 92%,black)}.subject-list-card__cta-icon{flex-shrink:0;margin-left:auto;color:var(--portal-theme-color);opacity:.9;transition:transform .22s ease}.subject-list-card--clickable:hover .subject-list-card__cta-icon{transform:translate(3px)}@container subjectcard (max-width: 240px){.subject-list-card__cta-hint{display:none}}.subject-list-row__name{display:flex;align-items:center;gap:.75rem;min-width:0}.subject-list-row__thumb{flex-shrink:0;width:40px;height:40px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--portal-theme-color) 8%,var(--portal-theme-secondary))}.subject-list-row__thumb-img{width:100%;height:100%;object-fit:cover}.subject-list-row__titles{display:flex;flex-direction:column;min-width:0;gap:.15rem}.subject-list-row__desc{font-size:.75rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-form-page{max-width:640px}.lesson-form-page .MuiTextField-root,.lesson-form-add .MuiTextField-root,.lesson-form-page .lesson-form-field,.lesson-form-add .lesson-form-field{background-color:var(--portal-theme-secondary, #fafafa)}.lesson-form-page .MuiOutlinedInput-root,.lesson-form-add .MuiOutlinedInput-root{border-radius:8px;background-color:var(--portal-theme-secondary, #fafafa)}.lesson-form-page .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,.lesson-form-add .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,.lesson-form-page .MuiOutlinedInput-root fieldset,.lesson-form-add .MuiOutlinedInput-root fieldset,.lesson-form-page .MuiOutlinedInput-root.MuiInputBase-multiline .MuiOutlinedInput-notchedOutline,.lesson-form-add .MuiOutlinedInput-root.MuiInputBase-multiline .MuiOutlinedInput-notchedOutline,.lesson-form-page .MuiOutlinedInput-root.MuiInputBase-multiline fieldset,.lesson-form-add .MuiOutlinedInput-root.MuiInputBase-multiline fieldset{border:1px solid var(--input-border-color, rgba(0, 0, 0, .23))!important;border-radius:8px!important}.lesson-form-page .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.lesson-form-add .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.lesson-form-page .MuiOutlinedInput-root:hover fieldset,.lesson-form-add .MuiOutlinedInput-root:hover fieldset{border-color:var(--portal-theme-color)!important}.lesson-form-page .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.lesson-form-add .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.lesson-form-page .MuiOutlinedInput-root.Mui-focused fieldset,.lesson-form-add .MuiOutlinedInput-root.Mui-focused fieldset{border-color:var(--portal-theme-color)!important;border-width:1px!important}.lesson-form-page .MuiInputLabel-root.Mui-focused,.lesson-form-add .MuiInputLabel-root.Mui-focused{color:var(--portal-theme-color)!important}.lesson-form-page .MuiInputLabel-root,.lesson-form-add .MuiInputLabel-root{color:var(--text-secondary-color, rgba(0, 0, 0, .6))}.lesson-form-page .MuiButton-outlined,.lesson-form-add .MuiButton-outlined,.lesson-form-add .lesson-btn-cancel,.lesson-btn-outline{border-color:var(--portal-theme-color)!important;color:var(--portal-theme-color)!important;border-radius:8px!important;text-transform:none!important}.lesson-form-page .MuiButton-outlined:hover,.lesson-form-add .MuiButton-outlined:hover,.lesson-form-add .lesson-btn-cancel:hover,.lesson-btn-outline:hover{border-color:var(--portal-theme-color)!important;background-color:color-mix(in srgb,var(--portal-theme-color) 12%,transparent)!important;color:var(--portal-theme-color)!important}.lesson-btn-create,.lesson-btn-update{background-color:var(--portal-theme-color)!important;color:var(--portal-theme-primary)!important;border:none!important;box-shadow:none!important;border-radius:8px!important;padding:8px 20px!important;font-size:.875rem!important;font-weight:600!important;text-transform:none!important;min-height:40px!important}.lesson-btn-create:hover,.lesson-btn-update:hover{background-color:color-mix(in srgb,var(--portal-theme-color) 85%,black)!important;color:var(--portal-theme-primary)!important}.lesson-form-add .lesson-btn-choose-file,.lesson-form-page .lesson-btn-choose-file{border-color:var(--portal-theme-color)!important;color:var(--portal-theme-color)!important;border-radius:8px!important}.lesson-form-add .lesson-btn-choose-file:hover,.lesson-form-page .lesson-btn-choose-file:hover{border-color:var(--portal-theme-color)!important;background-color:color-mix(in srgb,var(--portal-theme-color) 12%,transparent)!important;color:var(--portal-theme-color)!important}.lesson-form-actions{margin-top:1.5rem}.lesson-detail-back-link{display:inline-flex!important;align-items:center;gap:.35rem;color:var(--portal-theme-color)!important;font-weight:500}.lesson-detail-not-found{padding:.25rem 0}.lesson-detail-sections{margin-top:.25rem}.lesson-detail-audio-wrap{padding:.5rem 0}.lesson-audio-section{padding:0}.lesson-audio-section-card{padding:1.5rem 1.75rem;border-radius:14px;border:1px solid color-mix(in srgb,var(--input-border-color) 84%,black 16%);background:color-mix(in srgb,var(--portal-theme-secondary) 68%,var(--portal-theme-primary) 32%);box-shadow:0 2px 12px color-mix(in srgb,var(--shadow-color) 86%,black 14%)}html.dark .lesson-detail-sections .lesson-audio-section-card{background:var(--theme-ui-surface-deep);border-color:var(--theme-ui-border-warm);box-shadow:0 1px 3px #0003}.lesson-audio-section-heading{display:flex;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;color:var(--text-primary-color);margin:0 0 1.25rem;letter-spacing:-.02em}.lesson-audio-section-icon{color:var(--portal-theme-color);flex-shrink:0}.lesson-notes-open-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;font-weight:600;text-decoration:none;background:color-mix(in srgb,var(--portal-theme-color) 14%,transparent);color:var(--portal-theme-color);border:1px solid color-mix(in srgb,var(--portal-theme-color) 35%,transparent);transition:background .2s,border-color .2s}.lesson-notes-open-btn:hover{background:color-mix(in srgb,var(--portal-theme-color) 22%,transparent);border-color:color-mix(in srgb,var(--portal-theme-color) 50%,transparent);color:var(--portal-theme-color);text-decoration:none}.lesson-notes-none{font-size:.95rem}.lesson-audio-recording-state{display:flex;flex-direction:column;gap:.75rem}.lesson-audio-progress{width:100%}.lesson-audio-progress .MuiLinearProgress-bar{background:linear-gradient(90deg,var(--portal-theme-color),color-mix(in srgb,var(--portal-theme-color) 80%,white))!important}.lesson-audio-recording-status{font-size:.9rem;color:var(--text-secondary-color, #6c757d);margin:0}.lesson-audio-stop-btn{align-self:flex-start;border-radius:10px!important;font-weight:600!important;text-transform:none!important;box-shadow:0 2px 8px #dc354540}.lesson-audio-stop-btn:hover{box-shadow:0 4px 12px #dc354559}.lesson-audio-success-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;margin-bottom:1rem;border-radius:10px;background:color-mix(in srgb,var(--portal-theme-color) 14%,transparent);color:var(--portal-theme-color);font-size:.9rem;font-weight:600}.lesson-audio-success-icon{width:22px;height:22px;flex-shrink:0}.lesson-audio-player-wrap{padding:.875rem 1rem;margin-bottom:1.25rem;border-radius:12px;background:color-mix(in srgb,var(--portal-theme-light) 58%,var(--portal-theme-primary) 42%);border:1px solid color-mix(in srgb,var(--input-border-color) 84%,black 16%)}html.dark .lesson-detail-sections .lesson-audio-player-wrap{background:color-mix(in srgb,var(--theme-ui-surface-deep) 72%,var(--theme-ui-surface-mid) 28%);border-color:var(--theme-ui-border-warm)}.lesson-audio-element{display:block;width:100%;max-width:100%;height:40px}.lesson-audio-element::-webkit-media-controls-panel{background:transparent}.lesson-audio-actions-label{font-size:.85rem;font-weight:600;color:var(--text-secondary-color, #6c757d);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .5rem}.lesson-audio-action-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.lesson-audio-btn{border-radius:10px!important;font-weight:600!important;text-transform:none!important}.lesson-audio-empty-hint{font-size:.95rem;color:var(--text-secondary-color, #6c757d);margin:0 0 1rem;line-height:1.5}.lesson-audio-create-btn{border-radius:12px!important;font-weight:600!important;text-transform:none!important;padding:.6rem 1.25rem!important;box-shadow:0 2px 12px color-mix(in srgb,var(--portal-theme-color) 35%,transparent)}.lesson-audio-create-btn:hover{box-shadow:0 4px 16px color-mix(in srgb,var(--portal-theme-color) 40%,transparent)}.change-my-password{width:380px;max-width:100%;text-align:center}.mui-component-popup .input-form .form-control .MuiInputLabel-root{background-color:var(--portal-theme-primary)!important}.change-my-password h3{color:var(--portal-theme-color)}.visibility-password svg{color:var(--portal-theme-color)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.MuiPickersPopper-paper{background-color:var(--portal-theme-secondary)!important;color:var(--text-white-color)!important}.MuiPickersPopper-paper svg,.mui-date-picker svg{color:var(--portal-theme-color)!important}.MuiPickersPopper-paper .Mui-selected{background-color:var(--portal-theme-color)!important;color:var(--text-contrast-color)!important}.MuiDayPicker-weekDayLabel{color:var(--text-white-color)!important}.MuiPickersDay-root{background-color:var(--portal-theme-secondary)!important;color:var(--text-white-color)!important}.MuiPickersDay-root:hover{background-color:var(--portal-theme-color)!important;color:var(--text-contrast-color)!important}.MuiPickersDay-today{border:1px solid var(--portal-theme-color)!important;color:var(--portal-theme-color)!important}.autocomplete-paper{color:var(--text-primary-color)!important}.light .autocomplete-paper{background-color:#fff!important}.dark .autocomplete-paper{background-color:var(--portal-theme-light)!important}.autocomplete-mui .MuiAutocomplete-tag,.autocomplete-mui .MuiAutocomplete-tag svg{background-color:var(--portal-theme-secondary);color:var(--portal-theme-color)}.child-menus-list{padding-left:40px!important;margin-bottom:2px;border-bottom:1px solid var(--input-border-color)}.child-menus-list:last-child{border-bottom:none}.lesson-book-card{display:flex;align-items:center;justify-content:flex-start;padding:24px 28px;margin-bottom:16px;border-radius:16px;border:1px solid var(--input-border-color);background-color:var(--card-bg, #ffffff);position:relative;overflow:hidden}.dark .lesson-book-card{background-color:var(--portal-theme-light);border-color:var(--input-border-color)}.lesson-book-card a,.lesson-card-link a,.holy-quran-index-pages a{text-decoration:none}.lesson-book-card h2,.lesson-book-card h3,.lesson-card-link h2{color:var(--text-primary-color);cursor:pointer;margin-bottom:4px}.lesson-card-link{height:120px;display:flex;border:2px dotted var(--text-primary-color);margin-bottom:15px;align-items:center;justify-content:center}.holy-quran-part-card-link{display:block;text-decoration:none;height:100%}.holy-quran-part-card{height:100%;min-height:140px;padding:20px 16px;border-radius:14px;border:1px solid var(--input-border-color);background-color:var(--card-bg, #ffffff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:all .25s ease;position:relative}.holy-quran-part-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014;border-color:var(--portal-theme-color)}.dark .holy-quran-part-card{background-color:var(--portal-theme-light);border-color:var(--input-border-color)}.holy-quran-part-card.theme-card{border-radius:14px}.dark .holy-quran-part-card.theme-card{background-color:var(--theme-ui-surface-deep)!important;background:var(--theme-ui-surface-deep)!important;border:1px solid var(--theme-ui-border-warm);box-shadow:0 1px 2px #0000002e}.light .holy-quran-part-card.theme-card{background-color:var(--portal-theme-secondary)!important;background:var(--portal-theme-secondary)!important;border:1px solid var(--input-border-color);box-shadow:0 1px 3px var(--shadow-color)}.holy-quran-indexes-page .page-header-card__inner{padding-bottom:.65rem}@media(min-width:768px){.holy-quran-indexes-page .page-header-card__inner{padding-bottom:.75rem}}.holy-quran-indexes-page .gallery-page-header.gallery-page-header--toolbar{padding-bottom:.35rem!important}.holy-quran-part-card-icon{width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--portal-theme-color) 12%,transparent);color:var(--portal-theme-color);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.holy-quran-part-card-label{font-size:1.1rem;font-weight:600;color:var(--text-primary-color)}.holy-quran-part-card-cta{font-size:.8rem;color:var(--portal-theme-color);font-weight:500}.lesson-book-card-content{display:flex;flex-direction:column;gap:6px}.lesson-book-card-description{font-size:.9rem;color:var(--text-secondary-color, #6c757d);margin-bottom:4px;text-decoration:none}.lesson-book-card-cta{font-size:.85rem;font-weight:600;color:var(--portal-theme-color);text-decoration:none}.lesson-book-card-link-wrapper{display:block;height:100%;color:inherit;text-decoration:none}.lesson-book-card-link-wrapper:hover{color:inherit;text-decoration:none}.lesson-book-card-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0;background:color-mix(in srgb,var(--portal-theme-color) 10%,transparent);color:var(--portal-theme-color);font-size:1.4rem}.lesson-book-card-icon-quran{background:color-mix(in srgb,var(--portal-theme-color) 12%,transparent)}.lesson-book-card-icon-quida{background:#7e57c214;color:#7e57c2}.lesson-book-card-icon-file{background:#607d8b1f;color:#607d8b}.lesson-card-link h2{font-size:22px}.holy-quran-index-pages{position:relative}.holy-quran-index-pages h2{font-size:20px;margin-top:10px}.holy-quran-page-card-link{display:block;height:100%;text-decoration:none}.holy-quran-page-card{height:100%;border-radius:12px;border:1px solid rgba(255,255,255,.04);background-color:color-mix(in srgb,var(--portal-theme-color) 3%,transparent);padding:6px 6px 10px;display:flex;flex-direction:column;gap:8px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.light .holy-quran-page-card{border-color:var(--input-border-color);background-color:color-mix(in srgb,var(--portal-theme-color) 2%,transparent)}.dark .holy-quran-page-card{border-color:#000000b3;background-color:#00000059;box-shadow:0 3px 10px #00000073}.holy-quran-page-thumb{border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000004d}.holy-quran-page-thumb img{display:block;width:100%;height:auto}.holy-quran-page-meta{display:flex;justify-content:center}.holy-quran-page-label{font-size:.9rem;font-weight:600;color:var(--portal-theme-color)}.dark .holy-quran-page-label{color:var(--text-white-color)}.holy-quran-page-card:hover{transform:translateY(-2px);border-color:var(--portal-theme-color);box-shadow:0 6px 16px #00000040}.holy-quran-page-card.theme-card{border-radius:12px}.dark .holy-quran-page-card.theme-card{background-color:var(--theme-ui-surface-deep)!important;background:var(--theme-ui-surface-deep)!important;border:1px solid var(--theme-ui-border-warm);box-shadow:0 1px 2px #0000002e}.light .holy-quran-page-card.theme-card{background-color:var(--portal-theme-secondary)!important;background:var(--portal-theme-secondary)!important;border:1px solid var(--input-border-color);box-shadow:0 1px 3px var(--shadow-color)}.dark .holy-quran-page-card.theme-card:hover{box-shadow:0 6px 16px #00000059}.holy-quran-index-pages-page .page-header-card__inner,.quida-english-index-page .page-header-card__inner{padding-bottom:.65rem}@media(min-width:768px){.holy-quran-index-pages-page .page-header-card__inner,.quida-english-index-page .page-header-card__inner{padding-bottom:.75rem}}.holy-quran-index-pages-page .gallery-page-header.gallery-page-header--toolbar,.quida-english-index-page .gallery-page-header.gallery-page-header--toolbar{padding-bottom:.35rem!important}.holy-quran-reader-page .page-header-card__inner,.quida-english-reader-page .page-header-card__inner{padding-bottom:.65rem}@media(min-width:768px){.holy-quran-reader-page .page-header-card__inner,.quida-english-reader-page .page-header-card__inner{padding-bottom:.75rem}}.holy-quran-reader-page .gallery-page-header.gallery-page-header--toolbar,.quida-english-reader-page .gallery-page-header.gallery-page-header--toolbar{padding-bottom:.35rem!important}.lesson-reader-content{margin-top:.25rem}.lesson-reader-toolbar.lesson-reader-toolbar--top{margin-top:0;margin-bottom:1rem}.lesson-reader-juz-end-hint{margin:.75rem 0 0;padding:.5rem .75rem;text-align:center;font-size:.875rem;color:var(--text-secondary-color);border-radius:8px;background:color-mix(in srgb,var(--portal-theme-color) 8%,transparent);border:1px solid color-mix(in srgb,var(--portal-theme-color) 18%,var(--input-border-color))}.lesson-reader-end-notice{margin-top:1.25rem;padding:1.25rem 1.5rem;border-radius:12px;text-align:center}.lesson-reader-end-notice__title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary-color)}.lesson-reader-end-notice__sub{margin:0;font-size:.875rem;color:var(--text-secondary-color)}.lesson-reader-end-notice__link{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.1rem;border-radius:8px;font-weight:600;font-size:.9rem;color:var(--text-contrast-color)!important;background:var(--portal-theme-color);text-decoration:none!important;transition:filter .2s ease}.lesson-reader-end-notice__link:hover{filter:brightness(1.08);color:var(--text-contrast-color)!important}.lesson-reader-btn-muted{opacity:.45;cursor:default;pointer-events:none}.lesson-reader-outer{max-width:100%;width:100%;overflow:auto}.lesson-reader-wrap{max-width:100%;width:100%}.theme-card.lesson-reader-wrap{padding-left:1rem!important;padding-right:1rem!important}.lesson-reader-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 16px;border-radius:12px;background:var(--portal-theme-light);border:1px solid var(--input-border-color);margin-bottom:20px}.lesson-reader-toolbar.lesson-reader-toolbar-pagination{justify-content:center}.lesson-reader-toolbar-footer{margin-bottom:0;margin-top:20px}.lesson-reader-back{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--portal-theme-color) 20%,transparent);color:var(--portal-theme-color);text-decoration:none;transition:background .2s}.lesson-reader-back:hover{background:color-mix(in srgb,var(--portal-theme-color) 35%,transparent);color:var(--portal-theme-color);text-decoration:none}.lesson-reader-title{flex:1;font-size:1.15rem;font-weight:600;color:var(--text-primary-color)}.lesson-reader-title-sm{flex:1;font-size:.9rem;color:var(--text-primary-color);opacity:.9}.lesson-reader-zoom{display:flex;align-items:center;gap:6px}.lesson-reader-zoom .lesson-reader-btn{min-width:36px;height:36px;padding:0}.lesson-reader-zoom .lesson-reader-btn:disabled{opacity:.35;cursor:not-allowed}.lesson-reader-zoom .lesson-reader-zoom-value{min-width:2.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary-color);text-align:center}.lesson-reader-nav{display:flex;align-items:center;gap:8px}.lesson-reader-pagination-page-label{padding:0 12px;font-size:.95rem;font-weight:600;color:var(--text-primary-color);white-space:nowrap;flex-shrink:0}.lesson-reader-btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:10px;background:color-mix(in srgb,var(--portal-theme-color) 20%,transparent);color:var(--portal-theme-color);text-decoration:none;font-weight:500;transition:background .2s}.lesson-reader-btn:hover{background:color-mix(in srgb,var(--portal-theme-color) 35%,transparent);color:var(--portal-theme-color);text-decoration:none}.lesson-reader-btn-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.lesson-reader-btn-text{gap:6px;font-size:.9rem}.lesson-reader-page-frame{border-radius:12px;overflow:hidden;border:1px solid var(--input-border-color);background:var(--portal-theme-light);box-shadow:0 4px 20px #00000026}.lesson-reader-page-frame-with-zoom{position:relative}.lesson-reader-zoom-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;background:#fffffff2;border:1px solid var(--input-border-color);box-shadow:0 4px 20px #00000026;z-index:2}.lesson-reader-zoom-center .lesson-reader-btn{min-width:40px;height:40px;padding:0}.lesson-reader-zoom-center .lesson-reader-btn:disabled{opacity:.35;cursor:not-allowed}.lesson-reader-zoom-value{min-width:2.75rem;font-size:.9rem;font-weight:600;color:var(--text-primary-color);text-align:center}.lesson-reader-page-img{display:block;width:100%;height:auto;vertical-align:middle}.lesson-main-page-number h2{font-size:30px}.arrows-on-main-page a{color:var(--portal-theme-color)}.back-button-title{display:flex}.back-button-box{height:38px;width:38px;background-color:color-mix(in srgb,var(--portal-theme-color) 25%,transparent);text-align:center;border-radius:50%;padding-top:6px;margin-right:20px}.back-button-box a{color:var(--portal-theme-color);font-size:18px}.back-button-title .table-title{color:var(--portal-theme-color);font-size:18px;margin-top:7px}.data-not-found-box{border-bottom:1px solid var(--input-border-color)!important}.default-checkbox{color:var(--portal-theme-color)!important}.progress-checkbox{color:var(--portal-theme-secondary)!important}.cursor-pointer{cursor:pointer}.make-link span{color:var(--portal-theme-color);cursor:pointer}.make-link span:hover{text-decoration:underline}.filter-button-on-report button{white-space:nowrap;margin-left:10px;margin-top:3px}.filter-button-on-report .MuiInputBase-sizeSmall,.filter-button-on-report .MuiInputBase-sizeSmall:hover{border:1px solid var(--input-border-color)!important}.chatting-sidebar{background-color:var(--portal-theme-primary);padding:12px;border-radius:10px;box-shadow:0 1px 3px var(--shadow-color)}.chatting-sidebar .chatting-user .user-name h5{font-size:15px;margin-bottom:0}.chatting-sidebar .chatting-user .user-name p{margin-left:5px;font-size:14px;margin-bottom:0}.chatting-sidebar .message-date{margin-top:5px;font-size:11px;padding-top:2px}.chatting-section{height:80vh;border:1px solid var(--input-border-color);border-radius:10px;background-color:var(--portal-theme-primary);position:relative;overflow:hidden}.chatting-sidebar .chatting-user{cursor:pointer;margin-bottom:2px;padding:8px 10px;border-radius:8px;border-bottom:none;transition:background-color .2s ease}.chatting-sidebar .chatting-user:hover{background-color:var(--hover-bg-color)}.dark .chatting-sidebar .chatting-user{border-bottom:none}.chatting-sidebar .chatting-user:last-child{border-bottom:none;margin-bottom:0}.chatting-sidebar .chatting-user.menuActive{background-color:var(--portal-theme-secondary)!important;color:var(--portal-theme-color)!important;border-left:none!important;border-bottom:none!important;box-shadow:none!important}.chatting-sidebar .search-bar,.chatting-sidebar .search-bar label{color:var(--portal-theme-color)}.chatting-sidebar .search-bar input,.chatting-sidebar .search-bar svg{color:var(--text-primary-color)}.chatting-sidebar .search-bar fieldset{border:1px solid var(--portal-theme-color)!important}.css-1mj6pcd-MuiAvatar-root{width:40px!important;height:40px!important}.chatting-users-list{height:62vh;max-width:100%;overflow:auto;padding-right:4px}.chatting-users-list::-webkit-scrollbar{width:6px}.chatting-users-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-bg);border-radius:3px}.chatting-users-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.chatting-section .user-name{display:flex;flex-direction:column;justify-content:center}.write-message{position:absolute;bottom:0;left:0;right:0;background-color:var(--portal-theme-secondary);border-top:1px solid var(--input-border-color);border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:10px 12px 12px;transition:background-color .2s ease}.message-image-preview-box{padding:10px;border-bottom:1px solid}.message-image-preview-box .image-preview{position:relative;height:82px;width:82px;border:1px solid var(--input-border-color);border-radius:10px}.message-image-preview-box img{border-radius:10px;height:80px;width:80px}.image-preview-box{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;scrollbar-color:var(--portal-theme-color) var(--portal-theme-primary)}.image-preview-box::-webkit-scrollbar{height:5px}.image-preview-box::-webkit-scrollbar-track{background:#eee}.image-preview-box::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.image-preview-box::-webkit-scrollbar-thumb:hover{background:#555}.image-preview-box-width{max-width:80%}.image-preview-box .image-preview{position:relative;height:52px;width:52px;border:1px solid var(--input-border-color);border-radius:5px}.image-preview-box img{border-radius:5px;height:50px;width:50px;object-fit:cover}.cross-image-preview{position:absolute;height:18px;width:18px;border:2px solid red;display:flex;justify-content:center;align-items:center;border-radius:50%;color:red;font-size:13px;font-weight:700;right:0;top:0;cursor:pointer}.last-message-box{font-size:14px;margin-top:2px}.last-message-box svg{font-size:20px;margin-right:2px;margin-top:-3px}.chatting-section .user-card{background-color:var(--portal-theme-secondary);padding:12px 14px;min-height:60px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid var(--input-border-color);flex-shrink:0}.chatting-messages{padding:6px 12px;height:calc(72vh - 50px);overflow:auto;position:relative;background-color:var(--portal-theme-primary)}.chat-load-older{display:flex;justify-content:center;align-items:center;padding:8px 12px 12px;margin:0 -4px 4px;border-bottom:1px solid color-mix(in srgb,var(--portal-theme-color) 14%,transparent)}.chat-load-older-dots{display:inline-flex;gap:6px;align-items:center;height:8px}.chat-load-older-dot{width:5px;height:5px;border-radius:50%;background-color:color-mix(in srgb,var(--portal-theme-color) 65%,transparent);animation:chat-load-older-pulse 1.05s ease-in-out infinite}.chat-load-older-dot:nth-child(1){animation-delay:0ms}.chat-load-older-dot:nth-child(2){animation-delay:.14s}.chat-load-older-dot:nth-child(3){animation-delay:.28s}@keyframes chat-load-older-pulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.chatting-messages.chat-messages-drag-over{border:2px dashed var(--portal-theme-color);border-radius:8px;background-color:var(--portal-theme-light)}.chatting-messages .message{position:relative}.chatting-messages .message .message-date span{font-size:11px;background-color:transparent;padding-left:0}.chatting-messages .message .message-body{background-color:var(--portal-theme-secondary);padding:5px 8px;border-radius:3px;max-width:90%;text-align:left}.chatting-messages .message .message-body img{width:100%}.chatting-messages .calling-message .text-chat-message span{padding:2px 20px;background-color:var(--portal-theme-secondary);color:var(--text-primary-color);border-radius:15px;font-size:12px}.message-images .message-body{width:500px}.image-gallery img{height:180px!important;object-fit:cover;border-radius:10px;cursor:pointer;background-color:var(--portal-theme-primary);border:3px solid var(--portal-theme-secondary);padding:0!important}.gallery-single-image img{height:unset!important;border-radius:unset!important}.message-body.unseed-message{border:2px solid var(--portal-theme-color)}.more-images-count-box{position:relative;text-align:center;height:150px!important}.more-images-count{font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;color:#fff}.outgoing-message{text-align:right}.calling-message{text-align:center}.add-new-chat .user-name p{color:var(--text-primary-color);margin-bottom:0;margin-left:10px;margin-top:7px}.add-new-chat .chat-border{border:1px solid var(--portal-theme-color);padding:7px;border-radius:25px;cursor:pointer}.no-messages{height:52vh;align-items:center;align-content:center;display:flex;justify-content:center;padding:24px}.no-messages-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:320px}.no-messages-logo{max-width:140px;height:auto;object-fit:contain;margin-bottom:12px;opacity:.92}.no-messages-title{font-size:14px;font-weight:600;letter-spacing:.08em;color:var(--portal-theme-color);margin:0 0 2px;text-transform:uppercase}.no-messages-subtitle{font-size:12px;color:var(--text-primary-color);opacity:.85;margin:0 0 16px}.no-messages-hint{font-size:13px;color:var(--text-primary-color);opacity:.75;margin:0;line-height:1.4}@media only screen and (max-width:912px){.chatting-users-list{height:40vh}.image-preview-box-width{max-width:65%}}.circular-progress-message{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:auto;background-color:var(--portal-theme-primary);z-index:2}.unread_message_count{background:var(--portal-theme-color);color:var(--text-contrast-color);height:20px;width:20px;border-radius:50%;margin-left:auto;font-size:10px;display:flex;justify-content:center;align-items:center}.header-button-action{height:38px;width:38px;background-color:#41655f40;text-align:center;border-radius:50%;color:var(--portal-theme-color);position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center;outline:none;border:none}.header-button-action span{position:absolute;top:-5px;color:var(--text-contrast-color);font-size:12px;padding:0 5px;border-radius:10px;background-color:var(--error-color);right:-5px}.header-button-action i{font-size:18px}.gallery-page-back-button-text{padding-left:0!important;padding-right:4px!important;text-transform:none!important;font-size:13px!important;font-weight:500!important;color:var(--portal-theme-color)!important;min-width:auto!important}.gallery-page-back-button-text svg{font-size:18px}.add-report-header-mobile svg{font-size:20px;color:inherit;fill:currentColor}.chat_popover_menu .MuiMenu-list,.chat_popover_menu .MuiPopover-paper:before{background-color:var(--portal-theme-secondary)!important;overflow:hidden}.chat-card-section{height:80vh;width:350px;max-width:100%;color:var(--text-primary-color)}.chat-card-section p{margin-bottom:7px}.chat-card-section .user-name p{margin-bottom:0;font-size:15px}.chat-card-section .MuiAvatar-circular{width:40px!important;height:40px!important;margin-left:0!important;margin-right:0!important}.chat-card-section .message-date{font-size:11px}.chat-card-heading h6{margin-bottom:5px}.personal-notes-card{border-radius:5px;border:1px solid}.personal-notes-page{max-width:1400px;margin-left:auto;margin-right:auto}.personal-notes-header{margin-bottom:1.5rem}.personal-notes-header__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.personal-notes-header__top .add--button button{display:inline-flex;align-items:center;gap:6px}.personal-notes-title{font-size:1.5rem;font-weight:600;margin:0;color:var(--portal-theme-color)}.personal-notes-search{width:100%;max-width:320px}.personal-notes-search .MuiOutlinedInput-root{background-color:var(--portal-theme-secondary)}.personal-notes-content{min-height:200px}.personal-notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.personal-notes-card--tile{position:relative;border-radius:12px;border:1px solid rgba(0,0,0,.08);padding:1.25rem 1rem;min-height:160px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.personal-notes-card--tile:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.personal-notes-card__actions{position:absolute;top:.5rem;right:.25rem;display:flex;gap:0;opacity:.7}.personal-notes-card--tile:hover .personal-notes-card__actions{opacity:1}.personal-notes-card__title{font-size:1.05rem;font-weight:600;margin:0 0 .5rem;padding-right:3rem;line-height:1.3;color:inherit}.personal-notes-card__body{font-size:.9rem;line-height:1.5;margin:0 0 auto;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;opacity:.92}.personal-notes-card__meta{font-size:.75rem;margin-top:.75rem;opacity:.8}.personal-notes-empty{padding:2rem 1rem;text-align:center}.no-access-string{width:100%;text-align:center;padding:20px}.no-access-string p{margin-bottom:0!important}.record-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(2rem,5vw,3.5rem) 1.25rem;max-width:28rem;margin-left:auto;margin-right:auto}.record-empty-state__frame{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.record-empty-state__glow{position:absolute;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--portal-theme-color) 38%,transparent) 0%,transparent 72%);filter:blur(3px);pointer-events:none}.record-empty-state__icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;background:color-mix(in srgb,var(--portal-theme-secondary) 88%,var(--portal-theme-color) 12%);border:1px solid color-mix(in srgb,var(--input-border-color) 55%,var(--portal-theme-color) 45%);box-shadow:0 4px 24px color-mix(in srgb,var(--portal-theme-primary) 55%,transparent),inset 0 1px color-mix(in srgb,#fff 8%,transparent)}.record-empty-state__icon{width:40px;height:40px;color:var(--portal-theme-color)}.record-empty-state__title{font-size:1.125rem;font-weight:600;letter-spacing:.02em;color:var(--text-primary-color);margin:0 0 .5rem;line-height:1.35;text-align:center}.record-empty-state__query{color:var(--portal-theme-color);font-weight:600;word-break:break-word}.record-empty-state__desc{font-size:.9375rem;line-height:1.55;color:color-mix(in srgb,var(--text-primary-color) 82%,transparent);margin:0 0 1rem;max-width:22rem;text-align:center}.record-empty-state__desc--tight{margin-bottom:0;max-width:26rem}.record-empty-state__action{margin-top:.25rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:8px;border:1px solid color-mix(in srgb,var(--portal-theme-color) 45%,transparent);background:color-mix(in srgb,var(--portal-theme-color) 16%,transparent);color:var(--portal-theme-color);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.record-empty-state__action:hover{background:color-mix(in srgb,var(--portal-theme-color) 26%,transparent);border-color:color-mix(in srgb,var(--portal-theme-color) 55%,transparent)}.record-empty-state__action:active{transform:scale(.98)}.record-empty-state--compact{padding:1.25rem .75rem;max-width:none}.record-empty-state--compact .record-empty-state__frame{margin-bottom:.75rem}.record-empty-state--compact .record-empty-state__glow{width:100px;height:100px}.record-empty-state--compact .record-empty-state__icon-wrap{width:64px;height:64px}.record-empty-state--compact .record-empty-state__icon{width:30px;height:30px}.record-empty-state--compact .record-empty-state__title{font-size:1rem}.record-empty-state--table-search .record-empty-state__title{font-size:.98rem}.draggable-box{position:absolute;width:200px;height:160px;background-color:var(--portal-theme-color);border:1px solid var(--input-border-color);display:flex;cursor:grab;z-index:1200;flex-direction:column;border-radius:5px;overflow:hidden;color:var(--text-contrast-color)}.full-call-box{position:absolute;width:100%;height:100vh;background-color:var(--portal-theme-color);border:1px solid var(--input-border-color);display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:5px;z-index:1200;color:var(--text-contrast-color)}.draggable-box img,.image-logo-box img{width:71%}.full-call-box img{width:60%}.full-call-box .image-box{text-align:center}.draggable-box .image-box{position:absolute;top:0;width:100%;height:100%;text-align:center;background:var(--portal-theme-color)}.draggable-box .icon-box{height:50px;width:100%;background-color:var(--portal-theme-primary);display:flex;justify-content:space-around;z-index:1;padding-top:5px}.draggable-box .icon-box svg,.full-call-box .icon-box svg{color:var(--text-contrast-color);fill:var(--text-contrast-color)}.draggable-box .student-calling-name{position:absolute;z-index:1;bottom:1px;text-align:center;width:100%;font-size:16px;background-color:var(--portal-theme-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 10px}.draggable-box .student-calling-name svg{font-size:16px;margin-right:5px}.start-call-box,.users-icon{height:35px;width:35px;border:1px solid var(--portal-theme-color);text-align:center;border-radius:50%;background-color:var(--portal-theme-color);display:flex;justify-content:center;align-items:center}.start-call-box:disabled,.users-icon:disabled{opacity:.4;cursor:not-allowed}.users-icon{background-color:transparent;position:relative;border:none}.success-call-box{height:35px;width:35px;border:1px solid var(--input-border-color);text-align:center;border-radius:50%;cursor:pointer;background-color:var(--portal-theme-color);outline:none}.success-call-box.error{background-color:red}.start-call-box svg{fill:var(--text-white-color);color:var(--text-white-color)}.start-call-icon{fill:var(--text-white-color);color:var(--text-white-color)}.action-icons-box{display:flex;justify-content:space-between}.meeting-wrapper,.logo-wrapper{position:relative;height:110px}.call-timer-box{border:1px solid;padding:0 10px;border-radius:15px}.full-call-box .icon-box{width:100%;display:flex;justify-content:center;position:absolute;bottom:30px;gap:10px}.full-call-box .meeting-wrapper{width:100%;height:100%}.full-call-box .meeting-wrapper video{width:100%;height:90vh!important;padding:0}.meeting-top-section{display:flex;justify-content:space-between;padding:10px}.meeting-top-section .change-call-view{width:30px;height:30px;text-align:center;cursor:pointer;background-color:var(--portal-theme-secondary);border-radius:50%;padding-top:3px;z-index:1}.draggable-box .meeting-top-section{display:flex;justify-content:space-between;position:absolute;width:100%;padding:5px 0;align-items:center}.circle-box{height:30px!important;width:30px!important;background-color:var(--portal-theme-color);border-radius:50%;border:1px solid var(--input-border-color);margin-left:10px;margin-top:10px;cursor:pointer;z-index:1200;color:var(--text-contrast-color)}.circle-box img,.circle-box video{display:none}.circle-box .change-call-view{text-align:center;padding-top:2px}.add-class-day{color:var(--text-primary-color)}.icon-remove-day{color:#c62828;fill:#c62828;margin-top:16px;cursor:pointer}.no-class-today{font-weight:700;color:#e90a0a!important}.no-more-class{font-weight:700;color:#d8db18!important}.class-finished{font-weight:700;color:#04b504!important}.class-started{font-weight:700;color:#3eff3e!important}.remaining-time{font-size:20px;letter-spacing:1px;color:#3eed3e;font-family:monospace}.tox-notification--warning,.tox-statusbar{display:none!important}.general_mui_chip{min-width:100px}.import_data{cursor:pointer}.import_data span{border:1px solid var(--portal-theme-color);padding:3px 20px;border-radius:50px}.primary-link a{color:var(--portal-theme-color);text-decoration:none}.primary-link a:hover{text-decoration:underline}.nastaleeq span{font-family:Noori-Nastaliq,cursive;font-size:16px}.todo-priority{padding:3px 30px;border-radius:15px;color:var(--text-white-color);text-transform:capitalize;text-align:center}.todo-priority.normal{background-color:#007bff}.todo-priority.low{background-color:#e3c15a}.todo-priority.high{background-color:#e91c30}.todo-priority.least{background-color:#6c757d}.choose-image-wrapper{display:flex;flex-direction:column;width:100%}.drag-drop-zone{border:1.5px dashed var(--portal-theme-secondary);border-radius:6px;padding:20px;text-align:center;position:relative;cursor:pointer;transition:all .3s ease;background-color:transparent;min-height:120px;display:flex;align-items:center;justify-content:center}.drag-drop-zone.dragging{border-color:var(--portal-theme-color);background-color:#2a99880d}.drag-drop-zone.has-image{padding:10px;min-height:auto}.drag-drop-label-top{position:absolute;top:-11px;left:15px;font-size:13px;color:var(--text-primary-color);background-color:var(--portal-theme-primary);padding:0 5px}.drag-drop-content{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-primary-color)}.drag-drop-icon{font-size:30px;color:var(--portal-theme-color);margin-bottom:10px}.drag-drop-text{margin:0;font-size:14px}.drag-drop-text span{color:var(--portal-theme-color);font-weight:600;text-decoration:underline}.drag-drop-preview{position:relative;width:100%;max-width:150px;height:100px;border-radius:4px;overflow:hidden;margin:0 auto}.drag-drop-img{width:100%;height:100%;object-fit:contain}.drag-drop-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;font-size:13px}.drag-drop-preview:hover .drag-drop-overlay{opacity:1}.drag-drop-overlay i{font-size:18px;margin-bottom:5px}.remove-image-btn{margin-top:10px;background:transparent;border:1px solid #dc3545;color:#dc3545;padding:4px 10px;border-radius:4px;font-size:12px;cursor:pointer;align-self:flex-end;transition:all .2s}.remove-image-btn:hover{background:#dc3545;color:#fff}.fees-info-list{padding-left:0;margin-bottom:0!important}.fee-status{padding:3px 20px;border-radius:15px;background-color:green;color:var(--text-white-color)}.content-editable-box{background-color:var(--portal-theme-secondary);border:none;color:var(--text-primary-color);overflow:hidden;transition:height 1s ease;position:relative;flex:1;padding:10px}.content-editable{outline:none;overflow:auto;height:20px}.content-editable:focus,.content-editable:focus-visible{outline:none!important;border:none!important;box-shadow:none!important}.content-editable:empty:before{content:attr(data-placeholder);pointer-events:none}.input-editor-box{position:relative;width:100%;display:flex;align-items:flex-end}.message-send-icon{width:28px;background-color:transparent;border:none;outline:none;cursor:pointer;text-align:center;display:flex!important;align-items:center;justify-content:center;visibility:visible!important;opacity:1!important}.message-send-icon label{cursor:pointer;display:flex!important;visibility:visible!important;opacity:1!important}.message-send-icon svg{color:var(--text-contrast-color);fill:var(--text-contrast-color);font-size:20px;visibility:visible!important;opacity:1!important}.light .message-send-icon svg{color:var(--portal-theme-color)!important;fill:var(--portal-theme-color)!important}.chat-formatters-box{display:flex;align-items:center;padding:0 15px;border-bottom:none;height:0;overflow:hidden;border-top-left-radius:15px;border-top-right-radius:15px;transition:height .5s ease;background-color:var(--portal-theme-primary)}.chat-formatters-box.formatter-border{border:1px solid var(--input-border-color)}.open-formatter-input{border-top-left-radius:0!important;border-top-right-radius:0!important;transition:all .5s ease}.show-hide-chat-formatter{position:absolute;right:10px;color:var(--text-primary-color);cursor:pointer;bottom:10px}.formatter-icon{border-radius:50%;cursor:pointer;height:30px;margin-right:5px;padding-top:3px;text-align:center;width:30px}.message-box-view a{color:var(--portal-theme-color)}.recording-slider{width:100%;background-color:var(--portal-theme-secondary);display:flex;justify-content:center;align-items:center;border-radius:25px;height:37px}.recording-slider .inner-slider{width:84%;height:7px;background-color:var(--portal-theme-primary);border-radius:20px}.recorded-audio{width:10%;height:100%;background-color:var(--portal-theme-color);border-radius:20px}.recorded-time{padding-left:10px;color:var(--text-secondary-color);width:53px}.voice-recorder{width:100%;padding:8px 12px}.voice-recorder-bar{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 10px;background:var(--portal-theme-secondary);border:1px solid var(--input-border-color);border-radius:22px;width:100%}.voice-recorder-controls{display:flex;align-items:center;gap:2px;flex-shrink:0}.voice-recorder-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-contrast-color);cursor:pointer;transition:background .2s ease,color .2s ease}.voice-recorder-btn:hover{background:#ffffff14;color:var(--portal-theme-color)}.voice-recorder-btn:focus-visible{outline:2px solid var(--portal-theme-color);outline-offset:2px}.voice-recorder-btn--cancel:hover{color:#f44336}.voice-recorder-btn--pause-play,.voice-recorder-btn--send{color:var(--portal-theme-color)}.voice-recorder-btn--send:hover{background:var(--portal-theme-color);color:#fff}.voice-recorder-progress-wrap{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.voice-recorder-dot{width:10px;height:10px;border-radius:50%;background:#e53935;flex-shrink:0;animation:voice-recorder-pulse 1.2s ease-in-out infinite}.voice-recorder-dot--paused{background:var(--text-secondary-color);animation:none}@keyframes voice-recorder-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.voice-recorder-track{flex:1;height:6px;min-width:40px;background:var(--portal-theme-primary);border-radius:3px;overflow:hidden}.voice-recorder-fill{height:100%;background:var(--portal-theme-color);border-radius:3px;transition:width .15s ease}.voice-recorder-meta{display:flex;align-items:center;gap:6px;flex-shrink:0;min-width:52px;justify-content:flex-end}.voice-recorder-time{font-variant-numeric:tabular-nums;color:var(--text-secondary-color);font-size:.875rem}.voice-recorder-status{font-size:.7rem;color:var(--text-secondary-color);text-transform:uppercase;letter-spacing:.02em}.voice-recorder-send{flex-shrink:0;display:flex;align-items:center;justify-content:center}.stop-recording{cursor:pointer}.stop-recording svg{margin-right:5px;font-size:20px}.pause-resume-recording{cursor:pointer;display:flex;align-items:center;margin-right:4px}.pause-resume-recording svg{font-size:20px}.react-audio-player{background-color:var(--portal-theme-secondary);padding:7px 6px 7px 5px;border-radius:2px}.custom-audio-player svg{cursor:pointer}.custom-audio-player{display:flex;align-items:center}.custom-audio-player .played-audio{height:100%;max-width:100%!important;background-color:var(--portal-theme-color);border-radius:3px}.custom-audio-player .full-player{width:100px;height:3px;background-color:#000;margin-left:5px;border-radius:3px;flex:1}.audio-loader{height:16px!important;width:16px!important;margin-top:5px}.image-logo-box{position:absolute;top:0;width:100%;height:100%;text-align:center;background:var(--portal-theme-color)}.call-timer-section{z-index:1}.is-disconnecting-call{position:absolute;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--portal-theme-secondary);z-index:1102;top:0}.disconnecting-text{width:700px;max-width:100%;text-align:center;font-weight:700;color:var(--text-white-color)}.sad-emoji-box img{width:100px}.student-offline-modal{min-width:320px;max-width:400px;padding:0!important;color:var(--text-primary-color)!important;border-radius:16px!important;overflow:hidden;box-shadow:0 24px 48px #0000002e,0 8px 16px #0000001a!important}.student-offline-modal .show-component-center{padding:32px 24px 24px!important}.student-offline-box{text-align:center;display:flex;flex-direction:column;align-items:center;gap:0}.student-offline-icon-wrap{width:72px;height:72px;border-radius:50%;background:linear-gradient(145deg,#9e9e9e2e,#6161611f);display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex-shrink:0}.student-offline-icon{font-size:36px;color:var(--text-secondary-color, #757575)}.student-offline-title{font-size:1.25rem;font-weight:600;color:var(--text-primary-color);margin:0 0 8px;line-height:1.35;letter-spacing:-.01em}.student-offline-desc{font-size:.9375rem;line-height:1.5;color:var(--text-secondary-color, #757575);margin:0 0 24px;max-width:320px}.student-offline-actions{width:100%;display:flex;justify-content:center}.student-offline-btn{min-width:120px;padding:10px 28px;font-size:.9375rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;background:var(--portal-theme-color);color:var(--text-contrast-color)!important}.student-offline-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.student-offline-btn:active{transform:translateY(0)}.student-offline-btn:focus-visible{outline:2px solid var(--portal-theme-color);outline-offset:2px}.styled-badge{position:absolute;bottom:3px;right:0}.input-online-box{position:absolute;top:7px;right:31px;cursor:pointer}.styled-badge .user-badge{background-color:#f6bd4b;box-shadow:0 0 0 2px var(--background-paper);position:relative;height:9px;width:9px;border-radius:50%}.input-online-box .user-badge{background-color:var(--portal-theme-color)}.styled-badge .user-badge.user-online{height:10px;width:10px;background-color:#44b700;border:1px solid #fff;animation:ripple 3s infinite ease-in-out}.input-online-box svg{font-size:20px}@keyframes ripple{0%{border:1px solid #fff}to{border:3px solid #fff}}.conversation-avatar{height:40px;width:40px;border:1px solid var(--input-border-color);justify-content:center;background-color:var(--portal-theme-color)}.deleted-by{color:red}.fees-info-table td{border:1px solid var(--input-border-color);color:var(--text-primary-color);text-align:center;padding:5px}.fees-info-table thead td{color:var(--portal-theme-color)}.total-fee-text{color:var(--portal-theme-color)!important;font-weight:700}.filter-search-chats{display:flex;align-items:center;position:relative}.filter-search-chats input{flex:1;border:1px solid var(--input-border-color);background-color:var(--portal-theme-primary);padding:8px 35px;border-radius:8px;outline:none;color:var(--text-primary-color);max-width:100%!important;transition:border-color .2s ease,box-shadow .2s ease}.filter-search-chats input::placeholder{opacity:.7}.filter-search-chats input:focus{border-color:var(--portal-theme-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--portal-theme-color) 15%,transparent)}.filter-search-chats .filter-icon.unread-chats svg{color:var(--portal-theme-color)}.filter-search-chats .search-icon{position:absolute;left:10px;top:7px}.theme-popup{width:600px;max-width:100%!important}.fees-list-label{color:var(--portal-theme-color)!important;cursor:pointer}.payment-link-copy{border:none;background-color:var(--portal-theme-color);padding:4px 25px!important;color:var(--text-contrast-color)!important;border-radius:20px;font-size:15px}.sidebar-permanent-drawer .filter-search-chats .search-icon,.sidebar-temporary-drawer .filter-search-chats .search-icon{left:15px!important;top:15px!important;color:var(--text-primary-color);fill:var(--text-primary-color)}.chatting-messages .message .message-date svg,.chatting-users-list .message-date svg{font-size:16px;color:var(--text-primary-color)}.theme--section{border:1px solid var(--portal-theme-secondary);padding:20px;border-radius:5px}.add--icon--svg{cursor:pointer}.remove--icon--svg{color:#c62828;fill:#c62828;cursor:pointer;margin-top:5px}.active-inactive-student{font-size:12px}.muted-student-box{position:absolute;background-color:var(--portal-theme-secondary);border-radius:7px;font-style:italic;padding:4px 10px;top:70px;width:95%;z-index:11;color:var(--portal-theme-color);display:flex;align-items:center;margin:5px;font-size:13px;border:1px solid var(--portal-theme-color)}.muted-student-box svg{margin-right:5px;font-size:13px}.filter-tabs{display:flex;color:var(--text-primary-color)}.chat-filter-item{font-size:12px;text-align:center;cursor:pointer}.chat-filter-item svg{font-size:20px;margin-bottom:1px}.chat-filter-item.selected,.chat-filter-item.selected svg,.add-class-day svg,.filter-button-on-report svg,.custom-audio-player svg,.muted-student-box svg,.custom-menu-box .menu-item:hover,.custom-menu-box .menu-item:hover svg,.translation-icon-box svg:hover,.message-top-icons-box .saved-message,.message-top-icons-box svg:hover,.add--icon--svg,.message-send-icon .MuiCircularProgress-svg,.message-send-icon svg:hover,.theme__svg__box svg,.message-status-seen svg,.input-online-filter{color:var(--portal-theme-color)!important;fill:var(--portal-theme-color)!important}.light .message-send-icon svg:hover{color:var(--portal-theme-color)!important;fill:var(--portal-theme-color)!important}.custom-menu-box{z-index:1000;background-color:#fff;background-color:var(--portal-theme-primary)!important;color:var(--portal-theme-color)!important;list-style:none;padding:3px 0}.custom-menu-box .menu-item{cursor:pointer;display:flex;padding:3px 7px}.custom-menu-box .menu-item:hover,.custom-menu-box .menu-item:hover svg{background-color:var(--portal-theme-secondary)}.custom-menu-box .menu-item svg{margin-top:-3px}.chat-count-favorite{display:flex;text-align:end}.chat-count-favorite svg{font-size:16px;margin-top:-3px}.filter-item-title{border-bottom:1px solid transparent}.chat-filter-item.selected .filter-item-title{border-bottom:1px solid var(--portal-theme-color)}.translation-icon-box{display:flex;justify-content:end}.translation-icon-box svg{font-size:20px;cursor:pointer}.message-translation-loading .MuiCircularProgress-root{width:18px!important;height:18px!important;margin-top:2px}.translated-language-ur{font-family:Noori-Nastaliq,cursive;font-size:16px}.circular-progress-popover{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.message-top-icons-box{display:flex;justify-content:end;align-items:center;margin-bottom:5px;gap:8px}.message-top-icons-box svg{font-size:15px;cursor:pointer}.messages-gallery{height:68vh;overflow-y:auto;overflow-x:hidden}.messages-gallery--loading,.messages-gallery--empty{display:flex;justify-content:center;align-items:center;min-height:200px}.messages-gallery-empty-state{text-align:center;padding:2rem;max-width:280px}.messages-gallery-empty-icon{width:72px;height:72px;margin:0 auto 1rem;color:var(--portal-theme-color);opacity:.6}.messages-gallery-empty-icon svg{width:100%;height:100%}.messages-gallery-empty-title{font-size:1.1rem;font-weight:600;color:var(--text-primary-color);margin:0 0 .35rem}.messages-gallery-empty-text{font-size:.9rem;color:var(--text-secondary-color, #6b7280);margin:0;line-height:1.4}.gallery-drag-overlay{position:absolute;top:16px;left:16px;right:16px;bottom:16px;background-color:#000000a6;border:3px dashed rgba(255,255,255,.8);z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none;border-radius:16px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gallery-drag-overlay h2{color:#fff;pointer-events:none;margin:0;display:flex;align-items:center;gap:16px}.gallery-uploading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gallery-uploading-overlay h5{color:#fff}.gallery-empty-state{background-color:#ffffff08;border-radius:12px;border:1px dashed rgba(255,255,255,.1);min-height:200px}.gallery-empty-state .empty-icon{color:#ffffff4d;margin-bottom:16px}.gallery-empty-state h5{color:#ffffffb3;margin:0}.gallery-empty-state p{color:#ffffff80;margin-top:8px}.gallery-file-placeholder{background-color:transparent}.messages-gallery--grid{padding:.75rem!important}.messages-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}@media(min-width:576px){.messages-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem}}@media(min-width:992px){.messages-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}}.messages-gallery-item{display:block;width:100%;padding:0;border:none;border-radius:10px;overflow:hidden;cursor:pointer;background:var(--portal-theme-primary);aspect-ratio:1;transition:transform .2s ease,box-shadow .2s ease}.messages-gallery-item:hover{transform:scale(1.02);box-shadow:0 6px 20px #00000026}.messages-gallery-item:focus{outline:2px solid var(--portal-theme-color);outline-offset:2px}.messages-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;border:none}.messages-gallery-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000eb;display:flex;align-items:center;justify-content:center;padding:3rem 4rem;animation:messages-gallery-lightbox-fade .2s ease}@keyframes messages-gallery-lightbox-fade{0%{opacity:0}to{opacity:1}}.messages-gallery-lightbox-close,.messages-gallery-lightbox-prev,.messages-gallery-lightbox-next{position:absolute;border:none;background:#ffffff1f;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.messages-gallery-lightbox-close:hover,.messages-gallery-lightbox-prev:hover,.messages-gallery-lightbox-next:hover{background:#ffffff40}.messages-gallery-lightbox-close svg,.messages-gallery-lightbox-prev svg,.messages-gallery-lightbox-next svg{width:22px;height:22px}.messages-gallery-lightbox-close{top:1rem;right:1rem}.messages-gallery-lightbox-prev{left:1rem;top:50%;transform:translateY(-50%)}.messages-gallery-lightbox-next{right:1rem;top:50%;transform:translateY(-50%)}.messages-gallery-lightbox-content{max-width:90vw;max-height:85vh;display:flex;flex-direction:column;align-items:center;gap:.75rem}.messages-gallery-lightbox-content img{max-width:100%;max-height:calc(85vh - 2rem);width:auto;height:auto;object-fit:contain;border-radius:8px}.messages-gallery-lightbox-counter{font-size:.9rem;color:#fffc}.custom-menu-popover-label{font-size:14px}.z-index-999{z-index:999!important}.message-header-box{display:flex;justify-content:space-between;margin-bottom:5px}.audio-message-box{background-color:var(--portal-theme-secondary);border-radius:3px}.audio-message-box .message-header-box{padding-left:10px;padding-right:10px;padding-top:5px}.student-switch-item{background-color:var(--portal-theme-secondary);padding:7px 10px;width:100%}.account-switcher{width:100%;overflow:hidden;box-shadow:0 2px 8px #0000001a}.switcher-toggle{width:100%;padding:10px 16px;border:none;background:var(--portal-theme-secondary);text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s ease;color:var(--text-primary-color)}.switcher-toggle:hover{background:#0000000f}.switcher-toggle-label{font-weight:600;font-size:.9rem}.switcher-toggle-hint{flex:1;font-size:.75rem;opacity:.8}.chevron{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text-primary-color);transition:transform .3s ease;flex-shrink:0}.chevron.up{transform:rotate(180deg)}.student-list{max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .2s ease;opacity:0}.student-list.expanded{max-height:280px;opacity:1;overflow:auto}.student-item{display:flex;align-items:center;padding:10px 16px;border-top:1px solid rgba(144,167,173,.28);cursor:pointer;justify-content:space-between;gap:12px;transition:background .15s ease}.student-item:hover:not(.student-item--active){background-color:var(--portal-theme-secondary)}.student-item--active{cursor:default;background:#44b7001f;border-top-color:#44b70040}.student-item-info{display:flex;align-items:center;gap:10px;min-width:0}.student-item-avatar{flex-shrink:0}.student-item-text{display:flex;flex-direction:column;gap:2px;min-width:0}.student-item-name{font-weight:500;font-size:.9rem;color:var(--text-primary-color)}.student-item-id{font-size:.75rem;opacity:.85;color:var(--text-primary-color)}.student-item-badge{flex-shrink:0;font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.02em}.student-item-badge--active{background:#44b700;color:#fff}.student-item-badge--switch{color:var(--portal-theme-color);background:#0000000f;border:1px solid rgba(0,0,0,.1)}.student-item:focus-visible{outline:2px solid var(--portal-theme-color);outline-offset:2px}.active-now-box{width:10px;height:10px;background-color:#44b700;border-radius:50%}.MuiDialog-paper.switch-account-popup,.mui-component-popup .MuiDialog-paper.switch-account-popup{width:400px!important;min-width:400px!important;max-width:95vw}@media(max-width:600px){.MuiDialog-paper.switch-account-popup,.mui-component-popup .MuiDialog-paper.switch-account-popup{width:calc(100vw - 24px)!important;min-width:0!important;max-width:calc(100vw - 24px);margin:12px}}.switch-account-modal{padding:4px 0 12px;width:100%}@media(max-width:600px){.switch-account-modal{padding:8px 0 16px}}.switch-account-modal__list{display:flex;flex-direction:column;gap:8px;max-height:70vh;overflow-y:auto;padding:0 4px}@media(max-width:600px){.switch-account-modal__list{gap:10px;padding:0 2px}}.switch-account-modal__item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px;border-radius:10px;cursor:pointer;transition:background .2s ease,box-shadow .2s ease;border:2px solid transparent;background:var(--portal-theme-secondary)}@media(max-width:600px){.switch-account-modal__item{padding:12px 14px;gap:12px;min-height:48px}}.switch-account-modal__item:hover:not(.switch-account-modal__item--active){background:#00000014;box-shadow:0 2px 8px #0000001a}.switch-account-modal__item--active{cursor:default;background:#44b70026;border-color:#44b70066;box-shadow:0 2px 12px #44b70033}.switch-account-modal__info{display:flex;align-items:center;gap:12px;min-width:0}.switch-account-modal__avatar{flex-shrink:0}.switch-account-modal__text{display:flex;flex-direction:column;gap:2px;min-width:0}.switch-account-modal__name{font-weight:600;font-size:1rem;color:var(--text-primary-color)}.switch-account-modal__id{font-size:.8rem;opacity:.9;color:var(--text-primary-color)}.switch-account-modal__badge{flex-shrink:0;font-size:.7rem;font-weight:700;padding:4px 12px;border-radius:16px;text-transform:uppercase;letter-spacing:.04em}.switch-account-modal__badge--active{background:#44b700;color:#fff}.switch-account-modal__badge--switch{color:var(--portal-theme-color);background:#00000014;border:2px solid rgba(0,0,0,.12)}.switch-account-modal__item:focus-visible{outline:2px solid var(--portal-theme-color);outline-offset:2px}.theme__svg__box{height:38px;width:38px;background-color:color-mix(in srgb,var(--portal-theme-color) 25%,transparent);text-align:center;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.theme__svg__box svg{font-size:20px}.message-body.broadcast-message{box-shadow:0 0 4px 1px var(--portal-theme-color),0 0 4px 1px var(--portal-theme-color),0 0 4px 1px var(--portal-theme-color),0 0 4px 1px var(--portal-theme-color);margin-top:3px;margin-bottom:3px}.message-body blockquote{border-left:4px solid var(--portal-theme-color);border-radius:4px;font-style:italic;padding:5px;background-color:var(--portal-theme-secondary)}.last-message-chat{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.write-message .message-input-box{color:var(--text-primary-color);width:100%}.contenteditable-box{flex:1;width:50%}.full-width .contenteditable-box{width:100%}.half-width .contenteditable-box{width:50%}.contenteditable{outline:none;border-radius:5px;gap:5px;text-wrap:wrap;max-height:120px;overflow:auto}.contenteditable:focus,.contenteditable:focus-visible{outline:none!important;border:none!important;box-shadow:none!important}.contenteditable.empty:before{content:attr(data-placeholder);color:#888;pointer-events:none;position:absolute}.formatters-box{position:relative;text-align:center;display:flex;align-items:center}.formatters-box .open-formatter-button{background-color:transparent;color:var(--text-primary-color);outline:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:4px;transition:background-color .2s ease,color .2s ease}.formatters-box .open-formatter-button:hover,.formatters-box .open-formatter-button.formatter-active{color:var(--portal-theme-color);background-color:var(--hover-bg-color)}.formatter-trigger-icon{font-size:20px}.editor-formatters{position:absolute;bottom:calc(100% + 8px);left:0;background-color:var(--portal-theme-primary);color:var(--text-primary-color);padding:2px 4px;border-radius:6px;display:flex;align-items:center;gap:1px;box-shadow:0 2px 8px #00000026;border:1px solid var(--input-border-color);z-index:20}.editor-formatters-portal{bottom:auto;z-index:9999}.editor-formatters .editor-formatter-item-btn{background:none;color:var(--text-primary-color);outline:none;border:none;cursor:pointer;min-width:28px;height:28px;padding:0 6px;border-radius:4px;font-size:14px;font-family:inherit;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease}.editor-formatters .editor-formatter-item-btn.fmt-bold{font-weight:700}.editor-formatters .editor-formatter-item-btn.fmt-italic{font-style:italic}.editor-formatters .editor-formatter-item-btn:hover{background-color:var(--hover-bg-color);color:var(--portal-theme-color)}.formatters-box .open-formatter-button.formatter-active svg{color:var(--portal-theme-color);fill:var(--portal-theme-color)}.text-input-box{border:1px solid var(--input-border-color);display:flex;border-radius:10px;padding:8px 12px;background-color:var(--portal-theme-primary);transition:border-color .2s ease,box-shadow .2s ease}.text-input-box:focus-within{border-color:var(--portal-theme-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--portal-theme-color) 12%,transparent)}.text-input-box.drag-over{border-color:var(--portal-theme-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--portal-theme-color) 25%,transparent);background-color:var(--portal-theme-secondary)}.voice-recorder-box,.recognition-input-box{border:1px solid var(--input-border-color);display:flex;border-radius:5px;width:100%;align-items:center;padding:0 10px 0 0}.recognition-input-box svg{cursor:pointer}.recognition-input-box textarea{width:100%;background-color:var(--portal-theme-secondary);border-radius:25px;border:none;outline:none;padding:8px;color:var(--text-primary-color)}.image-cropper-box{width:450px;height:400px;max-width:100%;max-height:100%;padding-bottom:20px}.unuploaded-file{cursor:pointer;border:2px dotted #fff}.image-cropper-box .ReactCrop--invisible-crop,.image-cropper-box .ReactCrop--invisible-crop img{width:100%}.rtl-direction{direction:rtl}.recognition-input-box input[dir=rtl]{text-align:right;padding-right:8px}.typing-users-message{display:flex;align-items:center;gap:4px;font-size:14px;padding-left:8px;color:var(--text-primary-color)}.typing-dots{display:inline-flex;align-items:center;height:20px;margin-left:2px;margin-top:5px}.typing-users-dots{display:inline-block;width:5px;height:5px;border-radius:50%;background-color:var(--text-primary-color);margin-right:2px;animation:typing-animation 1.4s infinite ease-in-out}.typing-users-dots:nth-child(1){animation-delay:0s}.typing-users-dots:nth-child(2){animation-delay:.2s}.typing-users-dots:nth-child(3){animation-delay:.4s;margin-right:0}@keyframes typing-animation{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-3px);opacity:1}}.message-reply-box{border-left:4px solid var(--portal-theme-color);background-color:#0000002b;font-style:italic;padding:5px 10px;margin:10px 10px 0;border-radius:5px;position:relative}.message-reply-box a{color:var(--portal-theme-color)}.message-reply-audio{font-style:normal}.message-reply-audio-icon{font-size:1.1rem;color:var(--portal-theme-color)}.message-reply-audio-duration{opacity:.85;font-size:.9em}.message-reply-images{display:flex;gap:10px}.message-reply-images img{height:60px!important;width:60px!important;border:1px solid;border-radius:5px;cursor:pointer;object-fit:cover}.message-images .message-body .message-reply-images img{height:60px!important;width:60px!important}.cross-reply-icon{position:absolute;right:-5px;top:-4px;background-color:red;height:18px;width:18px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-style:normal;font-size:12px;cursor:pointer}.users-icon svg{font-size:24px}.chat-users-list-box{position:absolute;top:36px;right:4px;z-index:1;background-color:var(--portal-theme-primary);border:1px solid var(--input-border-color);border-radius:4px;text-wrap:nowrap;min-width:200px;box-shadow:0 2px 10px #0000001a;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s ease-in-out}.chat-users-list-box.visible{opacity:1;visibility:visible;transform:translateY(0)}.chat-users-wrapper{position:relative}.chat-users-item{cursor:pointer;padding:5px 10px 8px;position:relative;display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:4px;border-bottom:1px solid var(--input-border-color)}.chat-users-item:last-child{border-bottom:none;margin-bottom:0}.chat-users-item:hover{background-color:var(--portal-theme-secondary);border-radius:4px}.chat-users-item .styled-badge{position:relative;bottom:unset}.add-more-teachers button{background-color:var(--portal-theme-color);color:#fff;border:none;outline:none;width:100%;padding:8px;text-transform:uppercase}.remove-teacher{width:20px}.remove-teacher svg{display:none}.chat-users-item:hover .remove-teacher svg{display:block}.add-teachers-popup{width:450px;max-width:100%}.add-teachers-popup .autocomplete-mui .form-control{background-color:var(--portal-theme-primary)!important}.add-teachers-popup .autocomplete-mui fieldset{border:none!important}.add-teachers-popup .autocomplete-mui label{color:var(--text-primary-color)}.chat-members-count{padding:5px 10px;font-size:12px}#write-message-form .general-emoji-picker{position:absolute;bottom:50px;right:50px;z-index:1000;visibility:visible!important;opacity:1!important;display:block!important}.general-emoji-picker{visibility:visible!important;opacity:1!important;display:block!important;z-index:1000}.general-emoji-picker aside{background-color:var(--portal-theme-secondary);height:320px!important;width:320px!important;visibility:visible!important;opacity:1!important;display:flex!important;flex-direction:column!important}.general-emoji-picker .epr-body{overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important}.epr-emoji-category[data-name=suggested]{display:none}.epr-body .epr-btn:hover{background-color:var(--portal-theme-color)!important}.flex-1{flex:1}.wrapper{position:relative;padding-top:56.25%}.wrapper>div{position:absolute;top:0;left:0;width:100%;height:100%}.mui-slider{color:var(--portal-theme-color)!important}.mui-slider .MuiSlider-markLabel{color:var(--text-primary-color)!important}.mui-slider .MuiSlider-valueLabelOpen{background-color:var(--portal-theme-primary)!important}.mui-slider .MuiSlider-markLabel[data-index="0"]{left:17px!important;right:auto}.mui-slider .MuiSlider-markLabel[data-index="1"]{left:auto!important;right:-23px}.roll-number-string{text-transform:uppercase}.light .MuiPaper-root{transition:box-shadow .3s ease,transform .3s ease}.light .MuiPaper-root:hover{box-shadow:0 4px 12px #0000001f!important}.light h1,.light h2,.light h3,.light h4,.light h5,.light h6{color:#1a252f;font-weight:600;letter-spacing:-.02em}.light .mui-table-heading h2{background:linear-gradient(135deg,var(--portal-theme-color) 0%,color-mix(in srgb,var(--portal-theme-color) 80%,black) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.light ::selection{background-color:color-mix(in srgb,var(--portal-theme-color) 20%,transparent);color:var(--text-primary-color)}.light *:focus-visible{outline:2px solid var(--portal-theme-color);outline-offset:3px;border-radius:4px}.light *{transition-timing-function:cubic-bezier(.4,0,.2,1);will-change:auto}.light .theme-card,.light .add--button button,.light .menus-list{will-change:transform,box-shadow}.light .app-header{border-bottom:1px solid var(--input-border-color);box-shadow:0 2px 8px #0000000d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffffa!important}.light .app-header .MuiIconButton-root,.light .app-header .MuiIconButton-root .MuiSvgIcon-root{color:var(--text-primary-color)!important}.light .app-header .MuiToolbar-root .MuiIconButton-root,.light .app-header .MuiToolbar-root .MuiIconButton-root .MuiSvgIcon-root{color:var(--portal-theme-color)!important}.light .app-header.glass-effect{background:#ffffffd9!important;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.3)}.light .sidebar-permanent-drawer .MuiDrawer-paper,.light .sidebar-temporary-drawer .MuiDrawer-paper{border-right:1px solid var(--input-border-color);box-shadow:2px 0 8px #0000000a;background-color:#fafbfc!important}.light .app-sidebar-box .MuiDrawer-paper{scrollbar-width:none;-ms-overflow-style:none}.light .app-sidebar-box .MuiDrawer-paper::-webkit-scrollbar{width:0;height:0;display:none}.light .menus-list{border-radius:8px;margin:4px 8px;transition:all .2s ease}.light .menus-list:hover{background-color:color-mix(in srgb,var(--portal-theme-color) 8%,transparent)!important;transform:translate(4px)}.light .menus-list svg{transition:all .3s ease}.light .menus-list:hover svg{transform:scale(1.1);filter:drop-shadow(0 2px 4px color-mix(in srgb,var(--portal-theme-color) 30%,transparent))}.light .menuActive{background:linear-gradient(90deg,color-mix(in srgb,var(--portal-theme-color) 15%,transparent),color-mix(in srgb,var(--portal-theme-color) 5%,transparent))!important;border-left:3px solid var(--portal-theme-color);padding-left:13px;box-shadow:0 2px 4px color-mix(in srgb,var(--portal-theme-color) 20%,transparent)}.light .menuActive svg{transform:scale(1.05)}.light .theme-card{background-color:var(--portal-theme-secondary)!important;background:var(--portal-theme-secondary)!important;border:1px solid var(--input-border-color);border-radius:16px;box-shadow:0 4px 12px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.light .theme-card:hover{background-color:var(--portal-theme-secondary)!important;background:var(--portal-theme-secondary)!important;box-shadow:0 8px 24px #0000001a,0 0 0 1px color-mix(in srgb,var(--portal-theme-color) 10%,transparent);transform:translateY(-2px);border-color:color-mix(in srgb,var(--portal-theme-color) 30%,transparent)}.light .theme-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 color-mix(in srgb,var(--portal-theme-color) 40%,transparent);opacity:0;transition:opacity .3s,box-shadow .3s;pointer-events:none}.light .theme-card:hover:after{opacity:1;box-shadow:0 0 0 2px color-mix(in srgb,var(--portal-theme-color) 20%,transparent)}.light .theme-card.lesson-reader-wrap:hover{transform:none;box-shadow:0 4px 12px #0000000f;border-color:var(--input-border-color)}.light .theme-card.lesson-reader-wrap:hover:after{opacity:0}.light .dashboard-icon-box{background:linear-gradient(135deg,var(--portal-theme-color) 0%,color-mix(in srgb,var(--portal-theme-color) 85%,black) 100%);box-shadow:0 4px 8px color-mix(in srgb,var(--portal-theme-color) 20%,transparent);transition:all .3s ease;animation:none}.light .dashboard-icon-box:hover{box-shadow:0 6px 12px color-mix(in srgb,var(--portal-theme-color) 30%,transparent);transform:scale(1.1);animation:icon-bounce-light .6s ease}@keyframes icon-bounce-light{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1.05)}75%{transform:scale(1.12)}}.light .feed-card,.light .test-card{border:1px solid var(--input-border-color);box-shadow:0 2px 8px #0000000f;border-radius:12px;transition:all .3s ease}.light .feed-card:hover,.light .test-card:hover{box-shadow:0 4px 16px #0000001a;border-color:color-mix(in srgb,var(--portal-theme-color) 30%,transparent)}.light .lesson-book-card,.light .lesson-card-link{background:linear-gradient(135deg,#fff,#fafbfc);box-shadow:0 2px 8px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--input-border-color);position:relative}.light .lesson-book-card:hover,.light .lesson-card-link:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px);border-color:var(--portal-theme-color)}.light .lesson-book-card:after,.light .lesson-card-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 color-mix(in srgb,var(--portal-theme-color) 40%,transparent);opacity:0;transition:opacity .3s,box-shadow .3s;pointer-events:none}.light .lesson-book-card:hover:after,.light .lesson-card-link:hover:after{opacity:1;box-shadow:0 0 0 2px color-mix(in srgb,var(--portal-theme-color) 20%,transparent)}.light .lesson-reader-toolbar{background:linear-gradient(135deg,#fff,#f8faf9);border-color:var(--input-border-color);box-shadow:0 2px 8px #0000000f}.light .lesson-reader-back,.light .lesson-reader-btn{background:color-mix(in srgb,var(--portal-theme-color) 10%,transparent)}.light .lesson-reader-back:hover,.light .lesson-reader-btn:hover{background:color-mix(in srgb,var(--portal-theme-color) 20%,transparent)}.light .lesson-reader-title,.light .lesson-reader-title-sm{color:var(--text-primary-color)}.light .lesson-reader-page-frame{background:#fff;border-color:var(--input-border-color);box-shadow:0 4px 16px #00000014}.light .holy-quran-part-card{background:linear-gradient(135deg,#fff,#fafbfc);box-shadow:0 2px 8px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.light .holy-quran-part-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px);border-color:var(--portal-theme-color)}.light .holy-quran-part-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 color-mix(in srgb,var(--portal-theme-color) 40%,transparent);opacity:0;transition:opacity .3s,box-shadow .3s;pointer-events:none}.light .holy-quran-part-card:hover:after{opacity:1;box-shadow:0 0 0 2px color-mix(in srgb,var(--portal-theme-color) 20%,transparent)}.light .holy-quran-part-card.theme-card:after{display:none}.light .personal-notes-card{background-color:var(--portal-theme-secondary);box-shadow:0 2px 8px #0000000f;border:1px solid var(--input-border-color);border-radius:12px;transition:all .3s ease}.light .personal-notes-card:hover{box-shadow:0 4px 12px #0000001a}.light .personal-notes-title{background:linear-gradient(135deg,var(--portal-theme-color) 0%,color-mix(in srgb,var(--portal-theme-color) 80%,black) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.light .personal-notes-card--tile{box-shadow:0 2px 10px #0000000f;border-color:#0000000f}.light .personal-notes-card--tile:hover{box-shadow:0 10px 28px #0000001a}.light .mui-bg-custom-table{background-color:var(--portal-theme-secondary)!important;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.light .MuiTableCell-head{background:linear-gradient(180deg,var(--portal-theme-primary) 0%,var(--portal-theme-light) 100%)!important;font-weight:600!important;border-bottom:2px solid var(--portal-theme-color)!important}.light .MuiTableRow-root{position:relative}.light .MuiTableRow-root:hover{background-color:color-mix(in srgb,var(--portal-theme-color) 4%,transparent)!important;transition:background-color .2s ease}.light .MuiTableRow-root:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,color-mix(in srgb,var(--portal-theme-color) 15%,transparent) 0%,transparent 100%);transition:width .3s ease;pointer-events:none}.light .MuiTableRow-root:hover:before{width:100%}.light .input-form input,.light .input-form textarea,.light .input-form .form-control,.light .mui-table-search-input{background-color:var(--portal-theme-secondary)!important;box-shadow:none!important;transition:all .2s ease}.light .input-form input:focus,.light .input-form textarea:focus,.light .input-form .form-control:focus,.light .mui-table-search-input:focus{border-color:var(--portal-theme-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--portal-theme-color) 20%,transparent),0 4px 12px color-mix(in srgb,var(--portal-theme-color) 10%,transparent);animation:input-glow-light 2s infinite}@keyframes input-glow-light{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-theme-color) 10%,transparent),0 1px 3px #0000000f inset}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-theme-color) 20%,transparent),0 1px 3px #0000000f inset}}.light .mui-table-search-input input{padding:12px 16px!important}.light .mui-table-search-input:hover{border-color:color-mix(in srgb,var(--portal-theme-color) 30%,transparent)}.light .mui-table-search-input:focus+.search-icon,.light .filter-search-chats:focus-within .search-icon{animation:search-pulse-light 1s ease-in-out}@keyframes search-pulse-light{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.light .MuiMenu-paper .MuiMenuItem-root.Mui-selected{background-color:color-mix(in srgb,var(--portal-theme-color) 16%,transparent)!important;color:var(--portal-theme-color)!important}.light .MuiMenu-paper .MuiMenuItem-root.Mui-selected:hover{background-color:color-mix(in srgb,var(--portal-theme-color) 22%,transparent)!important}.light .MuiMenu-paper .MuiMenuItem-root:not(.Mui-selected).Mui-focusVisible{background-color:transparent!important}.light .MuiMenu-paper .MuiMenuItem-root:not(.Mui-selected):focus-visible{background-color:transparent!important}.light .MuiCheckbox-root{transition:all .2s ease}.light .MuiCheckbox-root:hover{transform:scale(1.1)}.light .MuiCheckbox-root.Mui-checked{animation:checkbox-check-light .3s ease}@keyframes checkbox-check-light{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.light .MuiSwitch-root{transition:all .3s ease}.light .MuiSwitch-root:hover{transform:scale(1.05)}.light .MuiSwitch-root .MuiSwitch-track{background:linear-gradient(135deg,#e0e0e0,#d0d0d0)}.light .MuiSwitch-root .Mui-checked+.MuiSwitch-track{background:linear-gradient(135deg,var(--portal-theme-color) 0%,color-mix(in srgb,var(--portal-theme-color) 85%,black) 100%)!important;box-shadow:inset 0 2px 4px #0000001a}.light .add--button button{border-radius:10px;box-shadow:0 2px 4px color-mix(in srgb,var(--portal-theme-color) 30%,transparent);transition:all .2s ease;position:relative;overflow:hidden}.light .add--button .cancel-button{color:var(--error-color)!important;border-color:var(--error-color)!important;background-color:transparent!important}.light .add--button button:not(:disabled):before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.light .add--button button:not(:disabled):hover:before{width:300px;height:300px}.light .add--button button:hover:not(:disabled){box-shadow:0 4px 8px color-mix(in srgb,var(--portal-theme-color) 40%,transparent);transform:translateY(-2px)}.light .add--button button:not(:disabled):active{box-shadow:inset 0 3px 8px #0003;transform:scale(.98)}.light .add--button button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px color-mix(in srgb,var(--portal-theme-color) 30%,transparent)}.light .MuiFab-root{box-shadow:0 4px 12px color-mix(in srgb,var(--portal-theme-color) 30%,transparent);transition:all .3s cubic-bezier(.4,0,.2,1)}.light .MuiFab-root:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--portal-theme-color) 40%,transparent);transform:translateY(-4px) rotate(5deg)}.light .account-menu-box .MuiPopover-paper,.light .custom-menu-popover .MuiPopover-paper,.light .chat_popover_menu .MuiPopover-paper{border:1px solid var(--input-border-color);box-shadow:0 8px 24px #0000001f!important;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.light .account-menu-box ul li,.light .custom-menu-popover ul li{position:relative;overflow:hidden}.light .account-menu-box ul li:hover,.light .custom-menu-popover ul li:hover{background-color:color-mix(in srgb,var(--portal-theme-color) 8%,transparent)!important;border-radius:8px}.light .account-menu-box ul li:before,.light .custom-menu-popover ul li:before{content:"";position:absolute;left:-100%;top:0;bottom:0;width:100%;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--portal-theme-color) 10%,transparent) 50%,transparent 100%);transition:left .3s ease;pointer-events:none}.light .account-menu-box ul li:hover:before,.light .custom-menu-popover ul li:hover:before{left:100%}.light .mui-slider .MuiSlider-valueLabelOpen{background:var(--portal-theme-secondary)!important;color:var(--portal-theme-color)!important;font-weight:600;box-shadow:0 2px 8px color-mix(in srgb,var(--portal-theme-color) 30%,transparent);border:1px solid var(--portal-theme-color)}.light .mui-slider .MuiSlider-valueLabelOpen .MuiSlider-valueLabelLabel{color:var(--portal-theme-color)!important}.light .MuiTooltip-tooltip{background:linear-gradient(135deg,var(--portal-theme-color) 0%,color-mix(in srgb,var(--portal-theme-color) 85%,black) 100%);box-shadow:0 4px 12px color-mix(in srgb,var(--portal-theme-color) 30%,transparent);font-size:13px;padding:8px 12px;border-radius:8px}.light .chat-card-section{border:1px solid var(--input-border-color);border-radius:12px;transition:all .2s ease}.light .chat-card-section:hover{background-color:color-mix(in srgb,var(--portal-theme-color) 4%,transparent);border-color:var(--portal-theme-color)}.light .chatting-sidebar .chatting-user.menuActive{border-bottom:none!important;background:linear-gradient(90deg,color-mix(in srgb,var(--portal-theme-color) 15%,transparent),color-mix(in srgb,var(--portal-theme-color) 5%,transparent))!important;border-left:3px solid var(--portal-theme-color);padding-left:7px;box-shadow:0 2px 4px color-mix(in srgb,var(--portal-theme-color) 20%,transparent)}.light .app-logo,.light .no-messages-logo{filter:invert(1) hue-rotate(180deg)}.light .no-messages-title{color:#1a5c52!important}.light .no-messages-subtitle{color:#2c3e50!important;opacity:.9}.light .contenteditable:focus,.light .contenteditable:focus-visible,.light .content-editable:focus,.light .content-editable:focus-visible{outline:none!important;border:none!important;box-shadow:none!important}.light .message-send-icon{display:flex!important;visibility:visible!important;opacity:1!important}.light .message-send-icon svg,.light .message-send-icon svg[data-icon],.light .message-send-icon .MuiSvgIcon-root{visibility:visible!important;opacity:1!important;color:var(--portal-theme-color)!important;fill:var(--portal-theme-color)!important}.light .message-send-icon *{color:var(--portal-theme-color)!important}.light .message-send-icon svg *{fill:var(--portal-theme-color)!important;stroke:var(--portal-theme-color)!important}.light .message-send-icon:hover svg,.light .message-send-icon:hover .MuiSvgIcon-root,.light .message-send-icon:hover svg[data-icon]{color:var(--portal-theme-color)!important;fill:var(--portal-theme-color)!important}.light .success-call-box .start-call-icon,.light .start-call-box svg{fill:#fff!important;color:#fff!important}.light .draggable-box .student-calling-name,.light .full-call-box .student-calling-name,.light .logo-wrapper .student-calling-name{color:var(--text-primary-color)}.light .unread_message_count{box-shadow:0 2px 6px color-mix(in srgb,var(--portal-theme-color) 40%,transparent);animation:badge-pulse-light 2s ease-in-out infinite}@keyframes badge-pulse-light{0%,to{transform:scale(1);box-shadow:0 2px 6px color-mix(in srgb,var(--portal-theme-color) 40%,transparent)}50%{transform:scale(1.05);box-shadow:0 4px 12px color-mix(in srgb,var(--portal-theme-color) 60%,transparent)}}.light .badge-success{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;box-shadow:0 2px 6px #4caf504d}.light .badge-warning{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;box-shadow:0 2px 6px #ff98004d}.light .badge-error{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;box-shadow:0 2px 6px #f443364d}.light .badge-info{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;box-shadow:0 2px 6px #2196f34d}.light .poll-option{background-color:transparent!important;transition:all .2s ease}.light .poll-option:hover{background-color:color-mix(in srgb,var(--portal-theme-color) 5%,transparent)!important;border-radius:6px}.light .poll-option .selected-option{box-shadow:0 2px 6px color-mix(in srgb,var(--portal-theme-color) 25%,transparent)}.light .mui-confirmation-popup .MuiPaper-elevation,.light .mui-confirmation-popup .MuiPaper-root,.light .submit-assessment-popup .MuiPaper-elevation,.light .mui-component-popup .MuiPaper-elevation{border:1px solid var(--input-border-color);box-shadow:0 12px 40px #00000026!important;border-radius:16px}.light .mui-confirmation-popup__btn--cancel{background-color:#f0f2f5!important;border:1px solid rgba(0,0,0,.2)!important;color:#2c3e50!important}.light .mui-confirmation-popup__btn--cancel:hover{background-color:#e4e6e9!important;border-color:#00000047!important}.light .mui-confirmation-popup__actions--stacked .mui-confirmation-popup__btn--cancel{background-color:#f0f2f5!important;border:1px solid rgba(0,0,0,.2)!important;color:#2c3e50!important}.light .mui-confirmation-popup__actions--stacked .mui-confirmation-popup__btn--cancel:hover{background-color:#e4e6e9!important;border-color:#00000047!important}.light .circular-progress circle{stroke:var(--portal-theme-color)!important}.light .circular-progress svg{filter:drop-shadow(0 2px 4px var(--portal-theme-light))}@keyframes spinner-glow-light{0%,to{filter:drop-shadow(0 2px 4px var(--portal-theme-light))}50%{filter:drop-shadow(0 4px 8px var(--portal-theme-color))}}.light .MuiLinearProgress-root{height:8px;border-radius:4px;background-color:var(--portal-theme-light)}.light .MuiLinearProgress-bar{background:var(--portal-theme-color);border-radius:4px;box-shadow:0 2px 4px var(--portal-theme-light)}.MuiSkeleton-root{background:color-mix(in srgb,var(--portal-theme-secondary) 80%,white)}.light .MuiSkeleton-root{background:linear-gradient(90deg,var(--portal-theme-light) 25%,#f0f2f5 50%,var(--portal-theme-light) 75%);background-size:200% 100%;animation:skeleton-loading-light 1.5s ease-in-out infinite}@keyframes skeleton-loading-light{0%{background-position:200% 0}to{background-position:-200% 0}}.light ::-webkit-scrollbar{width:10px;height:10px}.light ::-webkit-scrollbar-track{background:var(--portal-theme-light);border-radius:10px}.light ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,color-mix(in srgb,var(--portal-theme-color) 30%,transparent),color-mix(in srgb,var(--portal-theme-color) 50%,transparent));border-radius:10px;border:2px solid var(--portal-theme-light)}.light ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--portal-theme-color) 50%,transparent),color-mix(in srgb,var(--portal-theme-color) 70%,transparent))}.light .account-popover-avatar-img{border:3px solid color-mix(in srgb,var(--portal-theme-color) 20%,transparent);box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.light .account-popover-avatar-img:hover{box-shadow:0 4px 16px color-mix(in srgb,var(--portal-theme-color) 30%,transparent);transform:scale(1.05)}.light .MuiAvatar-root{border:2px solid color-mix(in srgb,var(--portal-theme-color) 10%,transparent);box-shadow:0 2px 8px #00000014}.light img{border-radius:8px;transition:all .3s ease}.light img:not(.lesson-reader-page-img):hover{box-shadow:0 8px 24px #0000001f;transform:scale(1.02)}.light .MuiChip-root{background:linear-gradient(135deg,var(--portal-theme-primary) 0%,var(--portal-theme-light) 100%);border:1px solid rgba(0,0,0,.08);font-weight:500;transition:all .3s ease}.light .MuiChip-root:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.light .MuiChip-root.MuiChip-colorPrimary{background:linear-gradient(135deg,var(--portal-theme-color) 0%,color-mix(in srgb,var(--portal-theme-color) 85%,black) 100%);box-shadow:0 2px 6px color-mix(in srgb,var(--portal-theme-color) 30%,transparent)}.light .MuiChip-root.MuiChip-colorSuccess{background:linear-gradient(135deg,#4caf50,#45a049)!important;color:#fff!important}.light .MuiChip-root.MuiChip-colorError{background:linear-gradient(135deg,#f44336,#d32f2f)!important;color:#fff!important}.light .MuiAlert-root{border-radius:12px;border-left:4px solid;box-shadow:0 4px 12px #00000014}.light .MuiAlert-standardSuccess{background:linear-gradient(135deg,#f1f8f4,#e8f5e9);border-left-color:#4caf50}.light .MuiAlert-standardError{background:linear-gradient(135deg,#fef3f2,#ffebee);border-left-color:#f44336}.light .MuiAlert-standardWarning{background:linear-gradient(135deg,#fff8e1,#fff3e0);border-left-color:#ff9800}.light .MuiAlert-standardInfo{background:linear-gradient(135deg,#e3f2fd,#e1f5fe);border-left-color:#2196f3}.light .MuiPaginationItem-root{border:1px solid rgba(0,0,0,.08);transition:all .2s ease}.light .MuiPaginationItem-root:hover{background-color:color-mix(in srgb,var(--portal-theme-color) 8%,transparent);border-color:var(--portal-theme-color);transform:scale(1.05)}.light .MuiPaginationItem-root.Mui-selected{background:linear-gradient(135deg,var(--portal-theme-color) 0%,color-mix(in srgb,var(--portal-theme-color) 85%,black) 100%);box-shadow:0 2px 6px color-mix(in srgb,var(--portal-theme-color) 30%,transparent)}.light .MuiAccordion-root{border:1px solid rgba(0,0,0,.08);border-radius:12px!important;margin-bottom:12px;box-shadow:0 2px 6px #0000000f}.light .MuiAccordion-root:hover{box-shadow:0 4px 12px #0000001a}.light .MuiAccordionSummary-root{background:linear-gradient(135deg,#fafbfc,#fff);border-radius:12px 12px 0 0!important}.light .MuiStepIcon-root.MuiStepIcon-active{color:var(--portal-theme-color);filter:drop-shadow(0 2px 4px color-mix(in srgb,var(--portal-theme-color) 30%,transparent))}.light .MuiStepIcon-root.MuiStepIcon-completed{color:#4caf50;filter:drop-shadow(0 2px 4px rgba(76,175,80,.3))}.light .MuiSnackbar-root .MuiPaper-root{border-radius:12px;box-shadow:0 8px 24px #00000026;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.light .MuiDivider-root{background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);height:1px}.light .MuiBreadcrumbs-li a{transition:all .2s ease}.light .MuiBreadcrumbs-li a:hover{transform:translate(2px);color:var(--portal-theme-color)}.light a:not(.MuiButton-root){color:var(--portal-theme-color);text-decoration:none;position:relative;transition:color .3s ease}.light a:not(.MuiButton-root):hover{color:color-mix(in srgb,var(--portal-theme-color) 80%,black)}.light .make-link span{position:relative;display:inline-block}.light .make-link span:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--portal-theme-color);transition:width .3s ease}.light .make-link span:hover:after{width:100%}.light code,.light pre{background:linear-gradient(135deg,var(--portal-theme-primary) 0%,var(--portal-theme-light) 100%);border:1px solid rgba(0,0,0,.08);border-radius:6px;padding:2px 6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.light .elevation-1{box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.light .elevation-2{box-shadow:0 3px 6px #00000014,0 2px 4px #0000000f}.light .elevation-3{box-shadow:0 10px 20px #0000001a,0 3px 6px #00000014}.light .elevation-4{box-shadow:0 15px 25px #0000001f,0 5px 10px #0000001a}.light .portal-theme-gradient{background:linear-gradient(135deg,var(--portal-theme-color) 0%,color-mix(in srgb,var(--portal-theme-color) 85%,black) 50%,color-mix(in srgb,var(--portal-theme-color) 70%,black) 100%)}.light .success-animation{animation:success-scale-light .5s ease}@keyframes success-scale-light{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.light .error-shake{animation:error-shake-light .5s ease}@keyframes error-shake-light{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.light .page-enter{opacity:0;transform:translateY(20px)}.light .page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.xino-brand-loader-host{display:flex;align-items:center;justify-content:center}.xino-brand-loader-host--fill{width:100%}.xino-brand-loader{--xbl-accent: var(--portal-theme-color, #2a9988);--xbl-orbit: color-mix(in srgb, var(--xbl-accent) 38%, transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;position:relative}.xino-brand-loader--dots-only{flex-direction:row;gap:0;min-height:0}.xino-brand-loader--on-primary{--xbl-accent: rgba(255, 252, 248, .96);--xbl-orbit: rgba(255, 255, 255, .38)}.xino-brand-loader--inherit{color:inherit;--xbl-accent: currentColor;--xbl-orbit: color-mix(in srgb, currentColor 32%, transparent)}.xino-brand-loader__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.xino-brand-loader__frame{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.xino-brand-loader__orbit{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px dashed var(--xbl-orbit);animation:xbl-orbit-spin 14s linear infinite;pointer-events:none}@keyframes xbl-orbit-spin{to{transform:rotate(360deg)}}.xino-brand-loader__brand{position:absolute;top:12%;right:12%;bottom:12%;left:12%;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}.xino-brand-loader__logo{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;animation:xbl-logo-breathe 2.4s ease-in-out infinite}@keyframes xbl-logo-breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.93);opacity:.85}}.xino-brand-loader--on-primary .xino-brand-loader__logo{filter:drop-shadow(0 2px 14px rgba(0,0,0,.45))}.xino-brand-loader__x{position:absolute;top:20%;right:20%;bottom:20%;left:20%;display:flex;align-items:center;justify-content:center}.xino-brand-loader__bar{position:absolute;width:22%;max-width:10px;height:100%;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--xbl-accent) 100%,#fff 12%),color-mix(in srgb,var(--xbl-accent) 52%,transparent));box-shadow:0 0 18px color-mix(in srgb,var(--xbl-accent) 42%,transparent)}.xino-brand-loader__bar--a{transform:rotate(45deg);animation:xbl-bar-a 1.2s ease-in-out infinite}.xino-brand-loader__bar--b{transform:rotate(-45deg);animation:xbl-bar-b 1.2s ease-in-out infinite}@keyframes xbl-bar-a{0%,to{opacity:1;filter:brightness(1.05)}50%{opacity:.68;filter:brightness(.9)}}@keyframes xbl-bar-b{0%,to{opacity:.68;filter:brightness(.9)}50%{opacity:1;filter:brightness(1.05)}}.xino-brand-loader__dots{display:inline-flex;align-items:center;justify-content:center;gap:.32em;flex-shrink:0;line-height:0}.xino-brand-loader__dot{display:block;width:.28em;height:.28em;border-radius:50%;background:var(--xbl-accent);box-shadow:0 0 10px color-mix(in srgb,var(--xbl-accent) 45%,transparent);animation:xbl-dot .95s ease-in-out infinite}.xino-brand-loader__dot:nth-child(2){animation-delay:.16s}.xino-brand-loader__dot:nth-child(3){animation-delay:.32s}@keyframes xbl-dot{0%,80%,to{transform:scale(.65);opacity:.55}40%{transform:scale(1);opacity:1}}.xino-brand-loader__message{margin:0;font-size:.875rem;font-weight:500;letter-spacing:.02em;color:color-mix(in srgb,var(--text-primary-color, #90a7ad) 88%,transparent);text-align:center;max-width:16rem}.light .xino-brand-loader__message{color:color-mix(in srgb,var(--text-primary-color, #333) 82%,transparent)}.general-setting-page{width:100%;max-width:none;margin:0;box-sizing:border-box;padding:0}.general-setting-page__header-card.page-header-card--hero{margin-bottom:1.25rem}.general-setting-page__header-card .gallery-page-header{padding-bottom:.5rem}.general-setting-page__section{margin-bottom:1.25rem;padding:1.1rem 1.2rem 1.15rem;border-radius:12px;background:var(--theme-ui-surface-deep, var(--portal-theme-secondary));border:1px solid var(--theme-ui-border-warm, rgba(255, 255, 255, .06))}.general-setting-page__section-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--portal-theme-color);margin:0 0 .95rem;opacity:.98}.general-setting-field-label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-primary-color);margin-bottom:.4rem;letter-spacing:.015em}.general-setting-theme-row__body{display:flex;flex-direction:column;gap:.45rem}.general-setting-theme-row{width:100%;max-width:100%}.general-setting-theme-bar{width:100%;max-width:100%;height:20px;border-radius:6px;overflow:hidden;border:1px solid var(--input-border-color, rgba(255, 255, 255, .12));box-sizing:border-box}.general-setting-theme-bar__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;max-width:100%;height:20px;margin:0;padding:0;border:none;cursor:pointer;background:transparent;box-sizing:border-box}.general-setting-theme-bar__input::-webkit-color-swatch-wrapper{padding:0}.general-setting-theme-bar__input::-webkit-color-swatch{border:none;border-radius:5px}.general-setting-theme-bar__input::-moz-color-swatch{border:none;border-radius:5px}.general-setting-theme-row__meta{display:flex;flex-direction:column;gap:.35rem}.general-setting-theme-row__hex{font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:.8125rem;font-weight:600;color:var(--text-primary-color);opacity:.9;letter-spacing:.05em;text-transform:uppercase}.general-setting-page__hint{margin:0;font-size:.8125rem;font-weight:400;color:var(--text-primary-color);opacity:.8;line-height:1.5}@media(min-width:768px){.general-setting-theme-row__meta{flex-direction:row;align-items:baseline;gap:1rem 1.25rem}.general-setting-page__hint--theme{flex:1;min-width:0}}.general-setting-page__asset .choose-image-wrapper{width:100%}.general-setting-page__asset .drag-drop-zone{min-height:130px;padding:1.35rem 1rem 1.15rem;border-radius:10px;border:2px dashed color-mix(in srgb,var(--portal-theme-color) 38%,var(--input-border-color, rgba(255, 255, 255, .18)) 62%);background:color-mix(in srgb,var(--portal-theme-color) 6%,transparent);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.general-setting-page__asset .drag-drop-zone:hover:not(.dragging){border-color:color-mix(in srgb,var(--portal-theme-color) 72%,transparent);background:color-mix(in srgb,var(--portal-theme-color) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--portal-theme-color) 12%,transparent)}.general-setting-page__asset .drag-drop-zone.dragging{border-style:solid;border-width:2px;border-color:var(--portal-theme-color);background:color-mix(in srgb,var(--portal-theme-color) 14%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-theme-color) 18%,transparent)}.general-setting-page__asset .drag-drop-zone.has-image{min-height:140px;padding:.85rem;border-style:solid;border-width:1px;border-color:var(--theme-ui-border-warm, rgba(255, 255, 255, .12));background:color-mix(in srgb,var(--theme-ui-surface-mid, var(--portal-theme-secondary)) 88%,var(--portal-theme-color) 4%)}.general-setting-page__asset .drag-drop-label-top{background-color:var(--theme-ui-surface-deep, var(--portal-theme-secondary));font-weight:600;font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--portal-theme-color);padding:0 8px;left:14px;top:-10px;max-width:calc(100% - 28px);line-height:1.25;white-space:normal}.general-setting-page__asset--favicon .drag-drop-zone:not(.has-image){min-height:118px}.general-setting-page__asset .drag-drop-icon{font-size:1.85rem;margin-bottom:.45rem;opacity:.92}.general-setting-page__asset .drag-drop-text{font-size:.8125rem;line-height:1.45;opacity:.9}.general-setting-page__asset .drag-drop-text span{text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--portal-theme-color) 70%,transparent)}.general-setting-page__asset .drag-drop-preview{position:relative;width:100%;max-width:220px;height:104px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;background:color-mix(in srgb,var(--portal-theme-primary) 55%,transparent);border:1px solid var(--theme-ui-border-warm, rgba(255, 255, 255, .1));padding:10px;box-sizing:border-box}.general-setting-page__asset--share .drag-drop-preview{max-width:200px;height:105px}.general-setting-page__asset--favicon .drag-drop-preview{max-width:88px;height:88px;padding:12px}.general-setting-page__asset--brand .drag-drop-preview{max-width:220px;height:110px}.general-setting-page__asset .drag-drop-overlay{font-size:.75rem;font-weight:600;letter-spacing:.02em}.general-setting-login-toggle{padding:.75rem 1rem;border-radius:10px;background:color-mix(in srgb,var(--portal-theme-color) 9%,transparent);border:1px solid color-mix(in srgb,var(--portal-theme-color) 24%,transparent);min-height:100%;display:flex;align-items:center}.general-setting-page .general-setting-login-toggle .MuiFormControlLabel-root{margin:0;width:100%}.general-setting-page .general-setting-login-toggle .MuiFormControlLabel-label{font-size:.875rem;font-weight:500;line-height:1.35;color:var(--text-primary-color);opacity:.95}.general-setting-page__actions{margin-top:.15rem}.general-setting-page__section .row>[class*=col-]>.form-control,.general-setting-page__section .row>[class*=col-]>.choose-image-wrapper{margin-top:0!important}.general-setting-page__section .row>[class*=col-]>.general-setting-theme-row{margin-top:0}.light .general-setting-page__section{box-shadow:0 1px 3px #0000000f}