.user-avatar[data-v-c8345db3]{display:block}.nav-item-messages[data-v-d50196f7]{margin-left:15px;margin-right:0;display:flex!important}.messages-icon-link[data-v-d50196f7]{padding:8px 12px!important;display:flex;align-items:center;justify-content:center}.messages-icon-wrapper[data-v-d50196f7]{position:relative;display:flex;align-items:center;justify-content:center}.messages-icon[data-v-d50196f7]{font-size:20px;color:var(--c-grey-text);transition:color .2s ease}.messages-icon-link:hover .messages-icon[data-v-d50196f7]{color:var(--c-primary)}.messages-badge[data-v-d50196f7]{position:absolute;top:-8px;right:-8px;background:#dc3545;color:#fff;border-radius:50%;min-width:18px;height:18px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid white;box-shadow:0 2px 4px #0000001a}.nav-item-notifications[data-v-d50196f7]{margin-left:8px;margin-right:0;display:flex!important;position:relative}.notifications-icon-link[data-v-d50196f7]{padding:8px 12px!important;display:flex;align-items:center;justify-content:center}.notifications-icon-wrapper[data-v-d50196f7]{position:relative;display:flex;align-items:center;justify-content:center}.notifications-icon[data-v-d50196f7]{font-size:20px;color:var(--c-grey-text);transition:color .2s ease}.notifications-icon-link:hover .notifications-icon[data-v-d50196f7]{color:var(--c-primary)}.notifications-badge[data-v-d50196f7]{position:absolute;top:-8px;right:-8px;background:#dc3545;color:#fff;border-radius:50%;min-width:18px;height:18px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid white;box-shadow:0 2px 4px #0000001a}.notifications-dropdown[data-v-d50196f7]{min-width:380px;padding:0;border:1px solid #e5e7eb;box-shadow:0 10px 40px #0000001f;border-radius:16px;overflow:hidden;margin-top:10px;right:0;left:auto}.notifications-header[data-v-d50196f7]{padding:18px 20px;border-bottom:1px solid #e5e7eb;background:#fff;display:flex;justify-content:space-between;align-items:center}.notifications-header-title[data-v-d50196f7]{display:flex;align-items:center;gap:10px}.notifications-header-title i[data-v-d50196f7]{font-size:18px;color:#ff6b00}.notifications-header h6[data-v-d50196f7]{font-weight:700;font-size:18px;color:#1a1a2e;margin:0}.notifications-header-count[data-v-d50196f7]{font-size:13px;color:#6b7280;font-weight:500}.notifications-list[data-v-d50196f7]{max-height:400px;overflow-y:auto;background:#fff}.notification-empty[data-v-d50196f7]{padding:40px 20px;text-align:center}.notification-empty-icon[data-v-d50196f7]{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#fff8f3 0%,#ffedd5 100%);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.notification-empty-icon i[data-v-d50196f7]{font-size:24px;color:#ff6b00}.notification-empty-text[data-v-d50196f7]{font-size:14px;color:#6b7280}.notification-item[data-v-d50196f7]{padding:14px 20px;border-bottom:1px solid #f3f4f6;display:flex;align-items:flex-start;gap:12px;transition:all .2s ease;cursor:pointer;position:relative}.notification-item[data-v-d50196f7]:hover{background:#f9fafb}.notification-item.clickable[data-v-d50196f7]:hover{background:#fff8f3}.notification-item.clickable:hover .notification-text[data-v-d50196f7]{color:#ff6b00}.notification-item.unread[data-v-d50196f7]{background:#fff8f3}.notification-item[data-v-d50196f7]:last-child{border-bottom:none}.notification-avatar[data-v-d50196f7]{flex-shrink:0;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#fff8f3 0%,#ffedd5 100%);display:flex;align-items:center;justify-content:center}.notification-avatar.has-badge[data-v-d50196f7]{background:transparent}.notification-avatar i[data-v-d50196f7]{font-size:16px}.notification-badge-icon[data-v-d50196f7]{width:100%;height:100%;object-fit:contain;border-radius:8px}.notification-content[data-v-d50196f7]{flex:1;min-width:0}.notification-text[data-v-d50196f7]{font-size:14px;line-height:1.4;color:#1a1a2e;margin-bottom:2px;word-wrap:break-word;font-weight:600}.notification-description[data-v-d50196f7]{font-size:13px;line-height:1.4;color:#6b7280;margin-bottom:4px;word-wrap:break-word}.notification-time[data-v-d50196f7]{font-size:12px;color:#9ca3af}.notification-unread-dot[data-v-d50196f7]{width:8px;height:8px;border-radius:50%;background:#ff6b00;flex-shrink:0;margin-top:6px}.notifications-footer[data-v-d50196f7]{padding:14px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.notifications-view-all[data-v-d50196f7]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:#fff;border:1px solid #ff6b00;border-radius:10px;color:#ff6b00;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease}.notifications-view-all[data-v-d50196f7]:hover{background:#ff6b00;color:#fff}.notifications-view-all i[data-v-d50196f7]{font-size:12px;transition:transform .2s ease}.notifications-view-all:hover i[data-v-d50196f7]{transform:translate(3px)}.nav-item-messages[data-v-d50196f7],.nav-item-notifications[data-v-d50196f7],.nav-item-my-profile[data-v-d50196f7]{display:flex!important;visibility:visible!important}@media (max-width: 768px){.nav-item-messages[data-v-d50196f7],.nav-item-notifications[data-v-d50196f7],.nav-item-my-profile[data-v-d50196f7]{display:flex!important;visibility:visible!important}.messages-icon[data-v-d50196f7]{font-size:18px}.messages-badge[data-v-d50196f7]{min-width:16px;height:16px;font-size:10px;top:-6px;right:-6px}.notifications-icon[data-v-d50196f7]{font-size:18px}.notifications-badge[data-v-d50196f7]{min-width:16px;height:16px;font-size:10px;top:-6px;right:-6px}.notifications-dropdown[data-v-d50196f7]{min-width:320px;max-width:calc(100vw - 20px)}}.profile-dropdown[data-v-d50196f7]{min-width:280px;max-height:calc(100vh - 100px);padding:0;border:none;box-shadow:0 8px 25px #00000026;border-radius:12px;overflow:hidden;margin-top:8px;display:none;flex-direction:column;list-style:none;position:absolute;top:100%;right:0;left:auto;z-index:1000}.profile-dropdown.show[data-v-d50196f7]{display:flex!important}.profile-dropdown-header[data-v-d50196f7]{padding:20px;background:linear-gradient(135deg,var(--c-primary),#8e44ad);color:#fff;display:flex;align-items:center;gap:12px;flex-shrink:0}.profile-dropdown-content[data-v-d50196f7]{flex:1;overflow-y:auto;min-height:0}.profile-info[data-v-d50196f7]{flex:1}.profile-name[data-v-d50196f7]{font-weight:600;font-size:16px;margin-bottom:2px}.profile-username[data-v-d50196f7]{font-size:13px;opacity:.9}.profile-dropdown-section[data-v-d50196f7]{padding:8px 0}.profile-dropdown-section[data-v-d50196f7]:not(:last-child){border-bottom:1px solid #f0f0f0}.section-title[data-v-d50196f7]{padding:8px 20px 4px;font-size:11px;font-weight:600;color:var(--c-grey-text);text-transform:uppercase;letter-spacing:.5px}.profile-dropdown-item[data-v-d50196f7]{display:flex;align-items:center;padding:10px 20px;color:var(--c-text);text-decoration:none;transition:all .2s ease;position:relative}.profile-dropdown-item[data-v-d50196f7]:hover{background:#f8f9fa;color:var(--c-primary);text-decoration:none}.item-icon[data-v-d50196f7]{width:32px;height:32px;border-radius:8px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;margin-right:12px;transition:all .2s ease}.profile-dropdown-item:hover .item-icon[data-v-d50196f7]{background:var(--c-primary);color:#fff}.item-icon i[data-v-d50196f7]{font-size:14px;color:var(--c-grey-text);transition:color .2s ease}.profile-dropdown-item:hover .item-icon i[data-v-d50196f7]{color:#fff}.item-badge[data-v-d50196f7]{margin-left:auto;background:#dc3545;color:#fff;border-radius:12px;padding:2px 6px;font-size:10px;font-weight:600;min-width:18px;text-align:center}.profile-dropdown-footer[data-v-d50196f7]{padding:12px;background:#f8f9fa;border-top:1px solid #f0f0f0;flex-shrink:0}.profile-logout-btn[data-v-d50196f7]{width:100%;padding:10px;background:none;border:1px solid #dc3545;border-radius:8px;color:#dc3545;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;text-decoration:none}.profile-logout-btn[data-v-d50196f7]:hover{background:#dc3545;color:#fff;text-decoration:none}.profile-logout-btn i[data-v-d50196f7]{font-size:14px}.article-image{width:180px;height:110px;background-size:cover;background-position:center;border-radius:var(--border-radius-small)}.no-image{width:180px;height:110px;background-color:#eee;display:flex;align-items:center;justify-content:center;color:#666;font-style:italic;border-radius:var(--border-radius-small)}.vue-advanced-cropper{text-align:center;position:relative;-webkit-user-select:none;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{-webkit-user-select:none;user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:black;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:white;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}.modal-overlay[data-v-faa16ade]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:1040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cropper-modal[data-v-faa16ade]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;max-width:95vw;max-height:90vh;background:var(--c-white);border-radius:16px;box-shadow:0 20px 60px #0000004d;z-index:1041;overflow:hidden;display:flex;flex-direction:column}.modal-close-btn[data-v-faa16ade]{position:absolute;top:16px;right:16px;width:36px;height:36px;background:#f5f5f5;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;z-index:10;color:var(--c-grey-text)}.modal-close-btn[data-v-faa16ade]:hover{background:#eee;color:var(--c-text)}.modal-close-btn i[data-v-faa16ade]{font-size:18px}.modal-header[data-v-faa16ade]{padding:28px 24px 20px}.modal-header-content[data-v-faa16ade]{text-align:left}.modal-header-content h3[data-v-faa16ade]{font-size:22px;font-weight:700;color:var(--c-text);margin:0 0 8px;line-height:1.3}.modal-header-content p[data-v-faa16ade]{font-size:14px;color:var(--c-grey-text);margin:0;line-height:1.4}.upload-section[data-v-faa16ade]{padding:0 24px}.upload-section input[type=file][data-v-faa16ade]{display:none}.upload-btn[data-v-faa16ade]{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;background:#fff7ed;border:2px dashed var(--c-primary);border-radius:12px;color:var(--c-primary);font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease}.upload-btn[data-v-faa16ade]:hover{background:#ffedd5}.upload-btn i[data-v-faa16ade]{font-size:18px}.cropper-section[data-v-faa16ade]{padding:20px 24px;flex:1;min-height:0}.cropper-component[data-v-faa16ade]{width:100%;height:300px;border-radius:12px;overflow:hidden;background:#f5f5f5}.empty-state[data-v-faa16ade]{padding:40px 24px;text-align:center}.empty-state-icon[data-v-faa16ade]{width:80px;height:80px;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.empty-state-icon i[data-v-faa16ade]{font-size:36px;color:#ccc}.empty-state p[data-v-faa16ade]{font-size:14px;color:var(--c-grey-text);margin:0}.modal-footer[data-v-faa16ade]{display:flex;justify-content:space-between;gap:12px;padding:20px 24px 24px;border-top:1px solid #f0f0f0}.btn-cancel[data-v-faa16ade]{padding:12px 24px;background:#f5f5f5;border:none;border-radius:10px;font-size:14px;font-weight:600;color:var(--c-grey-text);cursor:pointer;transition:all .15s ease}.btn-cancel[data-v-faa16ade]:hover{background:#eee;color:var(--c-text)}.btn-save[data-v-faa16ade]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--c-primary);border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease}.btn-save[data-v-faa16ade]:hover:not(:disabled){background:var(--c-primary-hover, #e05a00)}.btn-save[data-v-faa16ade]:disabled{opacity:.7;cursor:not-allowed}.btn-save i[data-v-faa16ade]{font-size:14px}@media (max-width: 520px){.cropper-modal[data-v-faa16ade]{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.cropper-component[data-v-faa16ade]{height:250px}.modal-footer[data-v-faa16ade]{flex-direction:column-reverse}.btn-cancel[data-v-faa16ade],.btn-save[data-v-faa16ade]{width:100%;justify-content:center}}.draggable[data-v-7c063df7]{cursor:grab}.draggable[data-v-7c063df7]:active{cursor:grabbing}.swal2-popup .badge-modal-content{text-align:center;padding:30px 10px 0}.swal2-popup .badge-modal-container{position:relative;width:120px;height:150px;margin:0 auto 38px;perspective:600px}.swal2-popup .badge-modal-shadow{position:absolute;bottom:-18px;left:25px;width:70px;height:14px;background:radial-gradient(ellipse,rgba(0,0,0,.3) 0%,transparent 70%);border-radius:50%;animation:badgeModalShadowMove 5s ease-in-out infinite;z-index:0}@keyframes badgeModalShadowMove{0%,to{transform:translate(-2px) scaleX(.9)}50%{transform:translate(2px) scaleX(.9)}}.swal2-popup .badge-modal-badge{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:badgeModalRotate 5s ease-in-out infinite;z-index:1}@keyframes badgeModalRotate{0%,to{transform:rotateY(-20deg)}50%{transform:rotateY(20deg)}}.swal2-popup .badge-modal-image{width:100%;height:100%;object-fit:contain;display:block}.swal2-popup .badge-modal-fallback-icon{display:none;font-size:80px;color:#ff6b00;line-height:1}.swal2-popup .badge-modal-badge--fallback{display:flex;align-items:center;justify-content:center}.swal2-popup .badge-modal-badge--fallback .badge-modal-fallback-icon{display:block}.swal2-popup .badge-modal-badge--fallback .badge-modal-shine{display:none}.swal2-popup .badge-modal-shine{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:badgeShine 4s ease-in-out infinite;pointer-events:none}@keyframes badgeShine{0%,50%{left:-100%;opacity:0}55%{opacity:1}90%{left:150%;opacity:1}to{left:150%;opacity:0}}.swal2-popup .badge-modal-stars{position:absolute;top:-10px;left:-15px;right:-15px;bottom:-10px;pointer-events:none;z-index:2}.swal2-popup .badge-modal-stars i{position:absolute;font-size:10px;color:#d4a853}.swal2-popup .badge-modal-stars i:nth-child(1){top:5px;left:5px;animation:badgeStarFade 3s ease-in-out infinite 0s}.swal2-popup .badge-modal-stars i:nth-child(2){top:0;right:5px;animation:badgeStarFade 3s ease-in-out infinite .5s}.swal2-popup .badge-modal-stars i:nth-child(3){top:50%;left:0;animation:badgeStarFade 3s ease-in-out infinite 1s}.swal2-popup .badge-modal-stars i:nth-child(4){top:45%;right:0;animation:badgeStarFade 3s ease-in-out infinite 1.5s}.swal2-popup .badge-modal-stars i:nth-child(5){bottom:20px;left:10px;animation:badgeStarFade 3s ease-in-out infinite 2s}.swal2-popup .badge-modal-stars i:nth-child(6){bottom:25px;right:10px;animation:badgeStarFade 3s ease-in-out infinite 2.5s}@keyframes badgeStarFade{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.9;transform:scale(1.1)}}.swal2-popup .badge-modal-title{margin:0 0 6px;color:#4b5563;font-weight:500;font-size:14px;text-transform:uppercase;letter-spacing:1.5px}.swal2-popup .badge-modal-name{font-size:26px;font-weight:700;color:#ff6b00;margin:0 0 14px;letter-spacing:-.3px}.swal2-popup .badge-modal-description{color:#6b7280;font-size:14px;margin:0 0 6px;line-height:1.55;padding:0 8px}.swal2-popup.badge-earned-popup .swal2-actions{margin-top:10px}.swal2-popup.badge-earned-popup .badge-earned-button{padding:14px 44px;font-size:16px;font-weight:600;border-radius:10px;background:#ff6b00!important;box-shadow:none;border:none;transition:background-color .15s ease}.swal2-popup.badge-earned-popup .badge-earned-button:hover{background:#e85f00!important}.swal2-popup.badge-earned-popup .badge-earned-button:focus{outline:none;box-shadow:0 0 0 3px #ff6b0040}.swal2-popup.badge-earned-popup .swal2-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;font-size:24px;font-weight:400;transition:all .15s ease;box-shadow:none}.swal2-popup.badge-earned-popup .swal2-close:hover{background:#e5e7eb;color:#374151}.swal2-popup.badge-earned-popup .swal2-close:focus{outline:none;box-shadow:none}