.vue-advanced-cropper{direction:ltr;max-height:100%;max-width:100%;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-advanced-cropper__stretcher{max-height:100%;max-width:100%;pointer-events:none;position:relative}.vue-advanced-cropper__image{max-width:none!important;position:absolute;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{background:#000;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.vue-advanced-cropper__cropper-wrapper{height:100%;width:100%}.vue-advanced-cropper__image-wrapper{height:100%;overflow:hidden;position:absolute;width:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{background:#fff;display:block;height:10px;width:10px}.vue-handler-wrapper{height:30px;position:absolute;transform:translate(-50%,-50%);width:30px}.vue-handler-wrapper__draggable{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.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{align-items:center;background:none;display:flex;justify-content:center;position:absolute}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;left:0;transform:translateY(-50%);width:100%}.vue-line-wrapper--north{cursor:n-resize;top:0}.vue-line-wrapper--south{cursor:s-resize;top:100%}.vue-line-wrapper--east,.vue-line-wrapper--west{height:100%;top:0;transform:translate(-50%);width:12px}.vue-line-wrapper--east{cursor:e-resize;left:100%}.vue-line-wrapper--west{cursor:w-resize;left:0}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{height:100%;position:relative;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{box-sizing:border-box;height:100%;overflow:hidden;position:absolute;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{max-width:none!important;pointer-events:none;position:relative;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-rectangle-stencil{box-sizing:border-box}.vue-rectangle-stencil,.vue-rectangle-stencil__preview{height:100%;position:absolute;width:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{box-sizing:content-box;cursor:move;height:100%;position:absolute;width:100%}.vue-circle-stencil__preview{border-radius:50%;height:100%;position:absolute;width:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{box-sizing:border-box;overflow:hidden;position:relative}.vue-preview--fill,.vue-preview__wrapper{height:100%;position:absolute;width:100%}.vue-preview__image{max-width:none!important;pointer-events:none;position:absolute;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-simple-line{background:none;border:0 solid hsla(0,0%,100%,.3);transition:border .5s}.vue-simple-line--north,.vue-simple-line--south{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{border-color:#fff;opacity:1}.modal-overlay[data-v-2afb2790]{align-items:center;animation:fadeIn-2afb2790 .3s ease;background:#00000080;display:flex;justify-content:center;inset:0;position:fixed;z-index:1000}@keyframes fadeIn-2afb2790{0%{opacity:0}to{opacity:1}}.modal-container[data-v-2afb2790]{animation:slideUp-2afb2790 .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}@keyframes slideUp-2afb2790{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-2afb2790]{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:24px}.modal-title[data-v-2afb2790]{color:#2c3e50;font-size:20px;font-weight:700;margin:0}.modal-close[data-v-2afb2790]{align-items:center;background:none;border:none;color:#95a5a6;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px 8px;transition:all .3s ease}.modal-close[data-v-2afb2790]:hover{color:#e74c3c;transform:scale(1.1)}.modal-body[data-v-2afb2790]{padding:24px}.form-group[data-v-2afb2790]{display:flex;flex-direction:column;margin-bottom:18px}.form-group[data-v-2afb2790]:last-child{margin-bottom:0}.form-group label[data-v-2afb2790]{color:#2c3e50;font-size:14px;font-weight:600;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.form-control[data-v-2afb2790]{background:#fafafa;border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:15px;padding:12px 14px;transition:all .3s ease}.form-control[data-v-2afb2790]:focus{background:#fff;border-color:#ff8c42;box-shadow:0 0 0 3px #ff8c421a;outline:none}.form-control[data-v-2afb2790]:disabled{background:#ecf0f1;color:#95a5a6;cursor:not-allowed}.form-control.is-invalid[data-v-2afb2790]{background:#e74c3c0d;border-color:#e74c3c}.invalid-feedback[data-v-2afb2790]{color:#e74c3c;display:block;font-size:13px;margin-top:6px}.modal-footer[data-v-2afb2790]{background:#fafafa;border-radius:0 0 12px 12px;border-top:1px solid #ecf0f1;display:flex;gap:12px;justify-content:flex-end;padding:18px 24px}.btn[data-v-2afb2790]{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn[data-v-2afb2790]:disabled{cursor:not-allowed;opacity:.6}.btn-cancel[data-v-2afb2790]{background:#ecf0f1;color:#2c3e50}.btn-cancel[data-v-2afb2790]:hover:not(:disabled){background:#bdc3c7}.btn-save[data-v-2afb2790]{background:linear-gradient(135deg,#ff8c42,#ff6b35);box-shadow:0 4px 12px #ff8c424d;color:#fff}.btn-save[data-v-2afb2790]:hover:not(:disabled){box-shadow:0 6px 16px #ff8c4266;transform:translateY(-2px)}.btn-save[data-v-2afb2790]:active:not(:disabled){transform:translateY(0)}@media(max-width:640px){.modal-container[data-v-2afb2790]{max-height:95vh;width:95%}.modal-body[data-v-2afb2790],.modal-header[data-v-2afb2790]{padding:18px}.modal-footer[data-v-2afb2790]{flex-wrap:wrap;padding:14px 18px}.btn[data-v-2afb2790]{flex:1;min-width:100px}}.profile-image-wrapper[data-v-2afb2790]{border-radius:50%;box-shadow:0 4px 10px #0000001a;cursor:pointer;height:120px;margin:0 auto;overflow:hidden;position:relative;transition:transform .3s ease;width:120px}.profile-image-wrapper[data-v-2afb2790]:hover{transform:scale(1.05)}.profile-image-preview[data-v-2afb2790]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.profile-image-overlay[data-v-2afb2790]{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.profile-image-wrapper:hover .profile-image-overlay[data-v-2afb2790]{opacity:1}.profile-image-overlay i[data-v-2afb2790]{color:#fff;font-size:24px}.crop-modal-overlay[data-v-2afb2790]{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.crop-modal-content[data-v-2afb2790]{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-width:500px;padding:20px;width:90%}.crop-modal-title[data-v-2afb2790]{color:#2c3e50;font-size:18px;font-weight:700;margin:0 0 16px}.cropper-wrapper[data-v-2afb2790]{background:#f8f9fa;border-radius:8px;height:400px;margin-bottom:20px;overflow:hidden}.cropper[data-v-2afb2790]{background:#ddd;height:100%;width:100%}.crop-actions[data-v-2afb2790]{display:flex;gap:12px;justify-content:flex-end}.profile-container[data-v-4fa08be4]{background:#f8f9fa;min-height:100vh;padding-bottom:40px}.profile-header[data-v-4fa08be4]{background:linear-gradient(135deg,#ff8c42,#ff6b35);box-shadow:0 4px 12px #ff8c4233;color:#fff;margin-bottom:20px;padding:20px 0}.header-content[data-v-4fa08be4]{align-items:center;display:flex;justify-content:space-between}.header-title h1[data-v-4fa08be4]{font-size:48px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.header-title p[data-v-4fa08be4]{font-size:18px;font-weight:400;margin:0;opacity:.95}.profile-main[data-v-4fa08be4]{padding:20px 0}.profile-grid[data-v-4fa08be4]{display:grid;gap:30px;grid-template-columns:280px 1fr}.profile-nav[data-v-4fa08be4]{height:-moz-fit-content;height:fit-content;position:sticky;top:100px}.nav-card[data-v-4fa08be4]{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.nav-header[data-v-4fa08be4]{background:linear-gradient(135deg,#ff8c421a,#ff6b351a);border-left:4px solid #ff8c42;padding:20px}.nav-header h2[data-v-4fa08be4]{color:#2c3e50;font-size:20px;font-weight:700;margin:0}.nav-list[data-v-4fa08be4]{list-style:none;margin:0;padding:0}.nav-item[data-v-4fa08be4]{align-items:center;background:#fff;border:none;border-left:3px solid transparent;color:#555;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;padding:14px 20px;text-align:left;transition:all .3s ease;width:100%}.nav-item[data-v-4fa08be4]:hover{background:#ff8c420d;transform:translate(4px)}.nav-item.active[data-v-4fa08be4],.nav-item[data-v-4fa08be4]:hover{border-left-color:#ff8c42;color:#ff8c42}.nav-item.active[data-v-4fa08be4]{background:linear-gradient(135deg,#ff8c4226,#ff6b351a);font-weight:600}.nav-item i[data-v-4fa08be4]{font-size:18px;min-width:20px;text-align:center}.nav-item span[data-v-4fa08be4]{flex-grow:1;font-size:16px}.nav-divider[data-v-4fa08be4]{border-top:1px solid #ecf0f1;height:0;margin:8px 0;padding:0}.nav-item.logout[data-v-4fa08be4]{color:#e74c3c}.nav-item.logout[data-v-4fa08be4]:hover{background:#e74c3c0d;border-left-color:#e74c3c;color:#c0392b}.profile-content[data-v-4fa08be4]{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}@media(max-width:1024px){.profile-grid[data-v-4fa08be4]{gap:20px;grid-template-columns:240px 1fr}.header-title h1[data-v-4fa08be4]{font-size:36px}.header-title p[data-v-4fa08be4]{font-size:16px}.nav-item[data-v-4fa08be4]{font-size:15px;padding:12px 16px}.nav-header h2[data-v-4fa08be4]{font-size:19px}}@media(max-width:768px){.profile-header[data-v-4fa08be4]{margin-bottom:20px;padding:30px 0}.profile-grid[data-v-4fa08be4]{gap:20px;grid-template-columns:1fr}.profile-nav[data-v-4fa08be4]{position:static;top:auto}.nav-card[data-v-4fa08be4]{border-radius:0;display:grid;grid-template-columns:repeat(2,1fr)}.nav-header[data-v-4fa08be4]{grid-column:1/-1}.nav-list[data-v-4fa08be4]{display:contents}.nav-list li[data-v-4fa08be4]{border:1px solid #ecf0f1}.nav-list li[data-v-4fa08be4]:first-of-type{border-top:none}.nav-item[data-v-4fa08be4]{border:none;border-bottom:1px solid #ecf0f1;flex-direction:column;justify-content:center;padding:12px 16px;text-align:center}.nav-item[data-v-4fa08be4]:hover{background:#ff8c420d;border-left:none}.nav-item.active[data-v-4fa08be4]{border-bottom:3px solid #ff8c42;border-left:none}.nav-divider[data-v-4fa08be4]{border:none;grid-column:1/-1}.header-title h1[data-v-4fa08be4]{font-size:28px}.header-title p[data-v-4fa08be4]{font-size:15px}.nav-item[data-v-4fa08be4]{font-size:14px}.nav-header h2[data-v-4fa08be4]{font-size:18px}}@media(max-width:480px){.profile-header[data-v-4fa08be4]{padding:20px 0}.nav-card[data-v-4fa08be4]{grid-template-columns:1fr}.nav-item[data-v-4fa08be4]{font-size:13px;padding:10px 16px}.header-title h1[data-v-4fa08be4]{font-size:24px}.header-title p[data-v-4fa08be4]{font-size:14px}.nav-item i[data-v-4fa08be4]{font-size:16px}.nav-header h2[data-v-4fa08be4]{font-size:17px}}