@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css);.language-selector select[data-v-94579e44]{width:90px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #ccc;padding:6px 8px;font-size:14px;font-family:Roboto,sans-serif;color:#333;border-radius:4px;outline:none;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease;background-image:url('data:image/svg+xml;utf8,<svg fill="%23333" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 4px center;background-size:16px}.language-selector select[data-v-94579e44]:hover{border-color:#888}.language-selector select[data-v-94579e44]:focus{border-color:#ff6a00}.dark-mode .language-selector select[data-v-94579e44]{background-color:#444;border:1px solid #666;color:#ddd;background-image:url('data:image/svg+xml;utf8,<svg fill="%23ddd" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>')}.dark-mode .language-selector select[data-v-94579e44]:hover{border-color:#aaa}.dark-mode .language-selector select[data-v-94579e44]:focus{border-color:#ff6a00}.install-button[disabled][data-v-44772093]{opacity:.5;cursor:not-allowed}.loader[data-v-44772093]{box-sizing:border-box;flex:0 0 auto;display:block;width:16px;height:16px;min-width:16px;min-height:16px;border:2px solid #f3f3f3;border-top-color:#555;border-radius:50%;animation:spin-44772093 .8s linear infinite}@keyframes spin-44772093{to{transform:rotate(1turn)}}.no-select[data-v-1e3f415e],.no-select[data-v-1e3f415e] *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.modal-content[data-v-ee147cae]{background:#fff;border-radius:10px;width:100%;max-width:600px;max-height:90vh}.modal-content h3[data-v-ee147cae]{margin-top:0;font-size:1.5em;color:#555;border-bottom:2px solid #eee;padding-bottom:10px}.form-group[data-v-ee147cae]{margin-bottom:1rem}.error[data-v-ee147cae],.form-group[data-v-ee147cae]{display:flex;flex-direction:column;gap:5px}label[data-v-ee147cae]{font-weight:700;color:#666}.input-field[data-v-ee147cae]{box-sizing:border-box;width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;background-color:#fff;color:#000;transition:background-color .3s,border-color .3s,color .3s}.input-field[data-v-ee147cae]:focus{outline:none;border-color:#ff6a00}.input-error[data-v-ee147cae]{border-color:#f44336}.error-message[data-v-ee147cae]{color:#f44336;font-size:.875rem}.select-wrapper[data-v-ee147cae]{position:relative}.select-custom[data-v-ee147cae]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;background-color:#fff;background-image:url('data:image/svg+xml;utf8,<svg fill="%23777" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:16px;transition:background-color .3s,border-color .3s,color .3s}.select-custom[data-v-ee147cae]:focus{border-color:#ff6a00}.select-custom option[data-v-ee147cae]{padding:.75rem;background-color:#fff;color:#000}.form-actions[data-v-ee147cae]{display:flex;justify-content:flex-end;gap:10px;margin-top:1rem}.btn-cancel[data-v-ee147cae]{background-color:#f44336;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.btn-cancel[data-v-ee147cae]:hover{background-color:#d32f2f}.btn-save[data-v-ee147cae]{background-color:#4caf50;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.btn-save[data-v-ee147cae]:hover{background-color:#388e3c}.dark-mode .modal-content[data-v-ee147cae]{background:#333;color:#ddd}.dark-mode .modal-content h3[data-v-ee147cae]{color:#ddd;border-bottom-color:#555}.dark-mode .input-field[data-v-ee147cae]{background-color:#555;border-color:#777;color:#ddd}.dark-mode .input-field[data-v-ee147cae]:focus{border-color:#ff6a00}.dark-mode .select-custom[data-v-ee147cae]{background-color:#555;border-color:#777;color:#ddd}.dark-mode .select-custom option[data-v-ee147cae]{background-color:#555;color:#ddd}.dark-mode .btn-cancel[data-v-ee147cae]{background-color:#ff6b6b}.dark-mode .btn-cancel[data-v-ee147cae]:hover{background-color:#ff4c4c}.dark-mode .btn-save[data-v-ee147cae]{background-color:#66bb6a}.dark-mode .btn-save[data-v-ee147cae]:hover{background-color:#4caf50}.modal-content[data-v-39ae1aa6]{background:linear-gradient(135deg,#fff,#e0e0e0);border-radius:20px;max-width:900px;max-height:80vh}.button-container[data-v-39ae1aa6]{display:flex;justify-content:center;margin-bottom:20px}.action-button[data-v-39ae1aa6]{margin:0 10px}.code-container[data-v-39ae1aa6]{background:#333;padding:20px;border-radius:10px;color:#f8f8f2;font-size:14px;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}@keyframes fadeInOut-39ae1aa6{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.dark-mode .modal-content[data-v-39ae1aa6]{background:linear-gradient(135deg,#333,#444);color:#ddd}.dark-mode h2[data-v-39ae1aa6]{color:#ddd}.dark-mode .code-container[data-v-39ae1aa6]{background:#444;color:#f8f8f2}.modal-content[data-v-632ebcf7]{background:linear-gradient(135deg,#fff,#e0e0e0);border-radius:20px;max-width:900px;max-height:80vh}.modal-body[data-v-632ebcf7]{padding-bottom:20px}.modal-footer[data-v-632ebcf7]{display:flex;justify-content:center;gap:10px}.dark-mode .modal-content[data-v-632ebcf7]{background:linear-gradient(135deg,#333,#444);color:#ddd}.loader[data-v-6f277e77]{color:#333;font-size:45px;text-indent:-9999em;overflow:hidden;width:1em;height:1em;border-radius:50%;position:relative;transform:translateZ(0);animation:mltShdSpin-6f277e77 1.7s ease infinite,round-6f277e77 1.7s ease infinite}@keyframes mltShdSpin-6f277e77{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@keyframes round-6f277e77{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-content[data-v-08e023fc]{background:linear-gradient(135deg,#fff,#e0e0e0);border-radius:20px;width:90%;max-width:600px;max-height:80vh}.instruction-label[data-v-08e023fc]{color:#666;font-size:14px;margin-bottom:8px;display:block}.form-container[data-v-08e023fc]{display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}.link-container[data-v-08e023fc]{width:100%;box-sizing:border-box}.block-label[data-v-08e023fc]{display:block;margin-bottom:.5rem;img[data-v-08e023fc]{margin-right:.2rem}}.info-message[data-v-08e023fc]{display:inline-block;width:100%;box-sizing:border-box;white-space:normal;text-align:left;background-color:#e2e2e2;border-left:4px solid #ff6a00;padding:10px 15px;margin-bottom:20px;font-size:14px;color:#333}.info-message a[data-v-08e023fc],.info-message img[data-v-08e023fc]{vertical-align:middle;margin:0 .4rem}.extension-modal[data-v-08e023fc]{width:16px;height:16px;-o-object-fit:contain;object-fit:contain}.info-message a[data-v-08e023fc]{font-weight:600;text-decoration:underline}.email-input-container[data-v-08e023fc]{display:flex;justify-content:space-between;margin-top:10px;width:100%;box-sizing:border-box;margin-bottom:20px}.email-input[data-v-08e023fc],.link-input[data-v-08e023fc]{border:2px solid #ccc;border-radius:8px;font-size:16px;padding:12px;flex:1}.email-input[data-v-08e023fc]{margin-right:10px}.link-item[data-v-08e023fc]{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:20px;width:100%}.link-input-container[data-v-08e023fc]{display:flex;align-items:center;justify-content:center;width:100%}.copy-button[data-v-08e023fc],.open-button[data-v-08e023fc]{background:none;border:none;cursor:pointer;padding:10px;font-size:20px;transition:transform .3s ease}.copy-button[data-v-08e023fc]:hover,.open-button[data-v-08e023fc]:hover{transform:scale(1.2)}.icon-container[data-v-08e023fc]{position:relative;display:inline-block}.tooltip[data-v-08e023fc]{position:absolute;bottom:100%;left:90%;transform:translateX(-50%);padding:5px 10px;background:#333;color:#fff;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden}.icon-container:hover .tooltip[data-v-08e023fc]{opacity:1;visibility:visible}.loader-container[data-v-08e023fc]{display:flex;justify-content:center;align-items:center;height:200px}.toast[data-v-08e023fc]{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#555;color:#fff;padding:12px 24px;border-radius:8px;z-index:1000}.error-message[data-v-08e023fc]{color:red;font-size:14px;margin-top:5px}.disclaimer[data-v-08e023fc]{font-size:12px;color:#666;margin-top:15px;text-align:center}.disclaimer a[data-v-08e023fc]{color:#007bff;text-decoration:underline}.dark-mode .modal-content[data-v-08e023fc]{background:linear-gradient(135deg,#2e2e2e,#4a4a4a);color:#ddd}.dark-mode .email-input[data-v-08e023fc],.dark-mode .link-input[data-v-08e023fc]{background:#333;border-color:#555;color:#ddd}.dark-mode .copy-button i[data-v-08e023fc],.dark-mode .open-button i[data-v-08e023fc]{color:#bbb}.brand-fetcher[data-v-55a392a9]{display:flex;align-items:center;gap:.5rem;position:relative}.input-container[data-v-55a392a9]{position:relative;width:100%}.input-container input[data-v-55a392a9]{min-width:220px!important;padding:.6rem;flex:1}.brand-fetcher input.pulsating[data-v-55a392a9]{border:1px solid #ff6a00;animation:border-pulse-55a392a9 2s infinite}@keyframes border-pulse-55a392a9{0%{border-color:#ff6a00}50%{border-color:rgba(255,106,0,0)}to{border-color:#ff6a00}}.copy-link[data-v-55a392a9]{position:absolute;top:50%;transform:translateY(-50%);right:10px;cursor:pointer;color:#888}.copy-link[data-v-55a392a9]:hover{color:#ff6a00}.brand-error-toast[data-v-55a392a9]{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:5px;background-color:#e74c3c;color:#fff;padding:10px 20px;border-radius:5px;font-size:14px;transition:all .6s;z-index:1000}.button-container[data-v-55a392a9]{display:flex;gap:.5rem}.action-button[data-v-55a392a9]{min-width:120px;padding:.5rem;text-align:center}@media (max-width:997px){.brand-fetcher[data-v-55a392a9]{margin-bottom:1rem}.input-container input[data-v-55a392a9]{min-width:100%!important}}.intro-sidebar[data-v-50e7af2d]{position:fixed;top:.5rem;right:.5rem;bottom:.5rem;width:350px;max-width:100%;z-index:1000;overflow-y:auto;margin-left:.5rem}.promo-sidebar[data-v-50e7af2d]{background:#f7ffe6;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;flex-direction:column}.promo-content[data-v-50e7af2d]{margin-top:2rem;display:flex;flex-direction:column;padding:1.5rem;gap:1rem}.promo-sidebar .close-button[data-v-50e7af2d]{background:transparent;border:none;font-size:1.2rem;position:absolute;top:.75rem;right:.75rem;cursor:pointer;color:#333}.promo-title[data-v-50e7af2d]{font-size:1.5rem;font-weight:600;line-height:1.3;margin:0;color:#111}.promo-image[data-v-50e7af2d]{width:100%;margin:1rem 0;-o-object-fit:contain;object-fit:contain}.promo-text[data-v-50e7af2d]{font-size:1rem;line-height:1.4;color:#333;margin:.5rem 0 1rem}.promo-features[data-v-50e7af2d]{list-style:none;padding:0;margin:0}.promo-features li[data-v-50e7af2d]{display:flex;align-items:center;font-size:.875rem;color:#333;margin-bottom:.75rem;font-weight:700}.promo-features li i[data-v-50e7af2d]{margin-right:.5rem;width:1rem;text-align:center}.promo-buttons[data-v-50e7af2d]{display:flex;gap:.5rem;margin-top:auto}.btn[data-v-50e7af2d]{flex:1;padding:.6rem .75rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:transform .2s;text-align:center}.btn[data-v-50e7af2d]:hover{transform:scale(1.02)}.btn.primary[data-v-50e7af2d]{background:#ff6a00;color:#fff;border:none}.btn.secondary[data-v-50e7af2d]{background:transparent;color:#333;border:1px solid #333}.slide-enter-from[data-v-50e7af2d],.slide-leave-to[data-v-50e7af2d]{transform:translateX(100%)}.slide-enter-active[data-v-50e7af2d],.slide-leave-active[data-v-50e7af2d]{transition:transform .6s ease}.slide-enter-to[data-v-50e7af2d],.slide-leave-from[data-v-50e7af2d]{transform:translateX(0)}.form-group[data-v-190dee21]{display:flex;flex-direction:column;gap:10px;margin-bottom:1.5rem}label[data-v-190dee21]{display:block;font-weight:700;color:#666}.input-group[data-v-190dee21]{display:flex;gap:10px}.input-group input[data-v-190dee21]{flex:1}.logo-upload img[data-v-190dee21]{display:block;margin-top:10px}.logo-upload button[data-v-190dee21]{display:block;margin-top:5px;color:#fff;background-color:red;border:none;padding:5px 10px;cursor:pointer}.input-file[data-v-190dee21]{display:none}.custom-file-upload[data-v-190dee21]{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:1rem;color:#fff;background-color:#ff6a00;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin-bottom:10px}.custom-file-upload[data-v-190dee21]:hover{background-color:#c15000}.btn-remove[data-v-190dee21]{background-color:#f44336;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background-color .3s}.btn-remove[data-v-190dee21]:hover{background-color:#d32f2f}.btn-add-field[data-v-190dee21]{background-color:#4caf50;color:#fff;border:none;padding:10px 15px;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.btn-add-field[data-v-190dee21]:hover{background-color:#388e3c;box-shadow:0 4px 8px rgba(0,0,0,.2)}.btn-add-field[data-v-190dee21]:focus{outline:none;box-shadow:0 0 0 3px rgba(76,175,80,.5)}.additional-fields[data-v-190dee21]{margin-top:1.5rem}.input-additional-fields[data-v-190dee21]{display:flex;flex-direction:column;gap:10px;width:100%}.form-additional-fields[data-v-190dee21]{display:flex;gap:10px}.form-image[data-v-190dee21]{display:flex;flex-direction:column;gap:10px}.image-upload[data-v-190dee21]{display:flex;align-items:center}.image-preview[data-v-190dee21]{margin-top:1rem;margin-right:3rem;position:relative}.image-file[data-v-190dee21]{width:100%}.image-preview img[data-v-190dee21]{width:100px;height:100px;-o-object-fit:contain;object-fit:contain;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.image-preview .btn-remove[data-v-190dee21]{position:absolute;top:5px;right:5px;transform:translate(50%,-50%)}.dark-mode .header h2[data-v-190dee21]{color:#ddd;border-bottom-color:#555}.dark-mode label[data-v-190dee21]{color:#ddd}.dark-mode .btn-remove[data-v-190dee21]{background-color:#e53935}.dark-mode .btn-remove[data-v-190dee21]:hover{background-color:#c62828}.dark-mode .btn-add-field[data-v-190dee21]{background-color:#43a047}.dark-mode .btn-add-field[data-v-190dee21]:hover{background-color:#2e7d32}.dark-mode .image-preview .btn-remove[data-v-190dee21]{background-color:#e53935}.dark-mode .image-preview .btn-remove[data-v-190dee21]:hover{background-color:#c62828}.social-display[data-v-18a4d6ef]{display:flex;flex-direction:column;gap:2rem}.loader-container[data-v-18a4d6ef]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header[data-v-18a4d6ef]{display:flex;flex-direction:column;gap:.5rem;justify-content:space-between;transition:border-color .5s}.header h2[data-v-18a4d6ef]{font-size:1.5em;color:#555;transition:color .5s;text-wrap:nowrap}.button-group[data-v-18a4d6ef]{display:flex;align-items:center;gap:.5rem}.icon-grid[data-v-18a4d6ef]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.icon-item[data-v-18a4d6ef]{display:flex;flex-direction:column;align-items:center;padding:.5rem}h2[data-v-18a4d6ef]{display:flex;justify-content:space-between;align-items:center}label[data-v-18a4d6ef]{display:flex;flex-direction:column;align-items:center;padding:1.2rem;border:1px solid transparent;border-radius:8px;width:64px;height:64px;transition:background-color .3s,border-color .3s,box-shadow .3s;cursor:pointer;position:relative}label.selected[data-v-18a4d6ef]{background-color:#e0e0e0;border-color:#333;box-shadow:0 0 10px rgba(0,0,0,.1)}label.white-icon-bg[data-v-18a4d6ef]{background-color:#ccc}label.selected.white-icon-bg[data-v-18a4d6ef]{background-color:#999;border-color:#666;box-shadow:0 0 10px rgba(0,0,0,.2)}.icon[data-v-18a4d6ef]{width:32px;height:32px;margin-bottom:.5rem}input[type=checkbox][data-v-18a4d6ef]{display:none}.profile-link-input[data-v-18a4d6ef]{margin-top:.5rem;width:100%;padding:.5rem;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;transition:border-color .3s,box-shadow .3s}.profile-link-input[data-v-18a4d6ef]:focus{border-color:#333;box-shadow:0 0 10px rgba(0,0,0,.1);outline:none}.reset-button[data-v-18a4d6ef]{padding:.5rem 1rem;background-color:transparent;color:#333;border:2px solid #333;border-radius:8px;cursor:pointer;transition:background-color .3s,color .3s,border-color .3s}.reset-button[data-v-18a4d6ef]:hover{background-color:#333;color:#fff}.toggle-color-button[data-v-18a4d6ef]{padding:.5rem 1rem;background-color:#f0f0f0;color:#333;border:2px solid #333;border-radius:8px;cursor:pointer;transition:background-color .3s,color .3s,border-color .3s}.toggle-color-button.active[data-v-18a4d6ef]{background-color:#333;color:#fff}.toggle-color-button[data-v-18a4d6ef]:hover{background-color:#555;color:#fff}.add-custom-icon[data-v-18a4d6ef]{margin-top:.5rem;display:flex;flex-direction:column;align-items:center}.custom-icon-input[data-v-18a4d6ef]{margin:.5rem 0;padding:.5rem;width:100%;max-width:400px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;transition:border-color .3s,box-shadow .3s}.custom-icon-input[data-v-18a4d6ef]:focus{border-color:#333;box-shadow:0 0 10px rgba(0,0,0,.1);outline:none}.add-button[data-v-18a4d6ef]{padding:.5rem 1rem;background-color:#333;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s,box-shadow .3s}.add-button[data-v-18a4d6ef]:hover{background-color:#555}.dark-mode .header[data-v-18a4d6ef]{border-color:#555}.dark-mode .header h2[data-v-18a4d6ef]{color:#ddd}.dark-mode label[data-v-18a4d6ef]{background-color:#444;color:#ddd}.dark-mode label.selected[data-v-18a4d6ef]{background-color:#555;border-color:#ddd;box-shadow:0 0 10px hsla(0,0%,100%,.1)}.dark-mode .profile-link-input[data-v-18a4d6ef]{background-color:#333;color:#ddd;border-color:#555}.dark-mode .profile-link-input[data-v-18a4d6ef]:focus{border-color:#ddd;box-shadow:0 0 10px hsla(0,0%,100%,.1);outline:none}.dark-mode .reset-button[data-v-18a4d6ef]{color:#ddd;border-color:#ddd}.dark-mode .reset-button[data-v-18a4d6ef]:hover{background-color:#ddd;color:#333}.dark-mode .toggle-color-button[data-v-18a4d6ef]{background-color:#555;color:#ddd;border-color:#ddd}.dark-mode .toggle-color-button.active[data-v-18a4d6ef]{background-color:#333;color:#fff}.dark-mode .toggle-color-button[data-v-18a4d6ef]:hover{background-color:#ddd;color:#333}.dark-mode .custom-icon-input[data-v-18a4d6ef]{background-color:#333;color:#ddd;border-color:#555}.dark-mode .custom-icon-input[data-v-18a4d6ef]:focus{border-color:#ddd;box-shadow:0 0 10px hsla(0,0%,100%,.1)}.dark-mode .add-button[data-v-18a4d6ef]{background-color:#555}.dark-mode .add-button[data-v-18a4d6ef]:hover{background-color:#777}.options-container[data-v-01fff2eb]{display:flex;flex-wrap:wrap;gap:1.5rem}.option[data-v-01fff2eb]{flex:1 1 48%;display:flex;flex-direction:column}.option label[data-v-01fff2eb]{font-weight:700;margin-bottom:5px;color:#666;transition:color .5s}.color-picker-container[data-v-01fff2eb]{display:flex;gap:10px;align-items:center}.color-input[data-v-01fff2eb]{padding:0;width:40px;height:40px;border:none;background:none;cursor:pointer}.text-input[data-v-01fff2eb]{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1em;background-color:#f1f1f1;color:#333;transition:background-color .5s,color .5s,border-color .5s}.transparent-button[data-v-01fff2eb]{background-color:transparent;border:1px solid #ddd;border-radius:4px;padding:8px 12px;cursor:pointer;color:#666;font-size:.9em;transition:background-color .3s ease,color .5s,border-color .5s}.transparent-button[data-v-01fff2eb]:hover{background-color:#eee}.range-container[data-v-01fff2eb]{position:relative;display:flex;align-items:center}.range-slider[data-v-01fff2eb]{width:80%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;background:#ddd;outline:none;opacity:.7;transition:opacity .2s,background-color .5s;border-radius:4px}.range-slider[data-v-01fff2eb]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#2196f3;cursor:pointer;border-radius:50%;border:2px solid #fff;box-shadow:0 0 2px rgba(0,0,0,.2)}.range-slider[data-v-01fff2eb]:focus::-webkit-slider-thumb{background:#1e88e5}.range-slider[data-v-01fff2eb]:hover{opacity:1}.tooltip[data-v-01fff2eb]{position:absolute;top:50%;transform:translateY(-50%);right:0;background-color:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8em}.switch[data-v-01fff2eb]{position:relative;display:inline-block;width:40px;height:20px}.switch input[data-v-01fff2eb]{opacity:0;width:0;height:0}.slider[data-v-01fff2eb]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:20px}.slider[data-v-01fff2eb]:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider[data-v-01fff2eb]{background-color:#2196f3}input:checked+.slider[data-v-01fff2eb]:before{transform:translateX(20px)}.option select[data-v-01fff2eb]{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1em;background-color:#fff;color:#333;cursor:pointer;transition:background-color .3s ease,border-color .5s,color .5s}.option select[data-v-01fff2eb]:hover{background-color:#eee}.template-grid[data-v-22372b58]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;justify-items:center;width:100%}.template-button[data-v-22372b58]{position:relative;padding:10px;background-color:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;transition:transform .2s,border-color .2s,background-color .3s;width:100%;max-width:400px;text-align:center;min-height:150px}.loader-container[data-v-22372b58]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.template-button[data-v-22372b58]:hover{transform:scale(1.05)}.template-button.active[data-v-22372b58]{border-color:#ff6a00;transform:scale(1.05)}.template-image[data-v-22372b58]{width:100%;height:auto}@media (max-width:768px){.header h2[data-v-22372b58]{font-size:1.2em}}.dark-mode .header h2[data-v-22372b58]{color:#ddd;border-color:#555}.dark-mode .template-button[data-v-22372b58]{background-color:#333;border-color:#555;color:#ddd}.dark-mode .template-button[data-v-22372b58]:hover{background-color:#444}.dark-mode .template-button.active[data-v-22372b58]{border-color:#c15000}.dark-mode .template-image[data-v-22372b58]{background-color:#444}.options-container[data-v-b94563d2]{display:flex;flex-direction:column;gap:10px}.option[data-v-b94563d2]{display:flex;flex-direction:column;margin-bottom:10px}.form-option[data-v-b94563d2]{display:flex;flex-direction:column;gap:10px}.dropdown-header[data-v-b94563d2]{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #ddd;border-radius:4px 4px 0 0;background-color:#f1f1f1;cursor:pointer;transition:background-color .3s ease}.dropdown-header[data-v-b94563d2]:hover{background-color:#ddd}.btn-remove[data-v-b94563d2]{background-color:#f44336;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;margin-left:8px;transition:background-color .3s}.btn-remove[data-v-b94563d2]:hover{background-color:#d32f2f}.addon-form[data-v-b94563d2]{margin-top:-1px;padding:0 15px;border-radius:0 0 4px 4px;border:1px solid #ddd;background-color:#f5f5f5;border-top:none;height:0;overflow:hidden;transition:height .3s ease,padding-top .3s ease,padding-bottom .3s ease}.option label[data-v-b94563d2]{font-weight:700;margin-bottom:5px;color:#666;transition:color .5s}.text-input[data-v-b94563d2],textarea[data-v-b94563d2]{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1em;background-color:#f1f1f1;color:#333;transition:background-color .5s,color .5s,border-color .5s}textarea[data-v-b94563d2]{resize:vertical;min-height:80px}.input-icon[data-v-b94563d2]{display:flex;align-items:center}.input-icon .icon-container[data-v-b94563d2]{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background-color:#f1f1f1;border:1px solid #ddd;border-radius:4px 0 0 4px}.input-icon img.icon-square[data-v-b94563d2]{width:24px;height:24px}.with-icon[data-v-b94563d2]{flex:1;border-radius:0 4px 4px 0;margin-left:-1px}.text-input[data-v-b94563d2]:focus{border-color:#ff6a00;outline:none}.dark-mode .option label[data-v-b94563d2]{color:#ddd}.dark-mode .icon-container[data-v-b94563d2],.dark-mode .text-input[data-v-b94563d2],.dark-mode textarea[data-v-b94563d2]{background-color:#333;color:#ddd;border-color:#555}.dark-mode .dropdown-header[data-v-b94563d2]{background-color:#444;border-color:#555;color:#ddd}.dark-mode .dropdown-header[data-v-b94563d2]:hover{background-color:#555}.dark-mode .addon-form[data-v-b94563d2]{border-color:#555;background-color:#444}body[data-v-f0398b0c]{margin:0;padding:0;font-family:Roboto,sans-serif;background:#f4f4f9;color:#333;transition:color .5s;height:100%}.positive-page[data-v-f0398b0c]{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#ece9e6,#fff);padding:20px;transition:background .5s,color .5s}.positive-page.dark-mode[data-v-f0398b0c]{background:#181818;color:#fff}.feedback-form[data-v-f0398b0c]{background:#fff;padding:30px;border-radius:20px;box-shadow:0 10px 20px rgba(0,0,0,.1);max-width:600px;width:100%;text-align:center;animation:fadeIn-f0398b0c 1s ease-in-out;position:relative;overflow:hidden;opacity:0;animation:fadeInToCenter-f0398b0c 1s forwards}@keyframes fadeInToCenter-f0398b0c{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.positive-page.dark-mode .feedback-form[data-v-f0398b0c]{background:#2c2c2c;box-shadow:0 10px 20px rgba(0,0,0,.3)}.dark-mode-toggle[data-v-f0398b0c]{position:absolute;top:20px;right:20px;cursor:pointer;font-size:24px;color:#333}.positive-page.dark-mode .dark-mode-toggle[data-v-f0398b0c]{color:#fff}.fa-moon[data-v-f0398b0c]:hover,.fa-sun[data-v-f0398b0c]:hover{transform:scale(1.1)}.feedback-form h2[data-v-f0398b0c]{font-size:2rem;color:#007aff;margin-bottom:20px}.comments-section[data-v-f0398b0c]{margin-bottom:20px}.comments-section label[data-v-f0398b0c]{display:block;font-weight:500;margin-bottom:10px;color:#666}.positive-page.dark-mode .comments-section label[data-v-f0398b0c]{color:#ddd}.comments-section textarea[data-v-f0398b0c]{width:100%;max-width:100%;box-sizing:border-box;height:100px;padding:10px;border:1px solid #ccc;border-radius:8px;font-size:16px;resize:vertical;transition:border-color .3s}.comments-section textarea[data-v-f0398b0c]:focus{border-color:#007aff;outline:none}.positive-page.dark-mode .comments-section textarea[data-v-f0398b0c]{background:#3c3c3c;color:#ddd;border-color:#555}.recommendation[data-v-f0398b0c]{margin-top:20px}.recommendation label[data-v-f0398b0c]{font-weight:500;color:#666;display:block;margin-bottom:10px}.positive-page.dark-mode .recommendation label[data-v-f0398b0c]{color:#ddd}.rating[data-v-f0398b0c]{display:flex;flex-direction:column;align-items:center}.rating-labels[data-v-f0398b0c]{width:100%;display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px;color:#555}.positive-page.dark-mode .rating-labels[data-v-f0398b0c]{color:#bbb}.rating-numbers[data-v-f0398b0c]{display:flex;gap:8px!important;flex-wrap:wrap;justify-content:center}.rating-item[data-v-f0398b0c]{position:relative}.rating-numbers input[data-v-f0398b0c]{display:none}.rating-numbers label[data-v-f0398b0c]{width:45px!important;height:45px!important;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:8px;cursor:pointer;background:#f4f4f9;transition:background .3s,border-color .3s,color .3s,transform .3s!important}.rating-numbers label[data-v-f0398b0c]:hover{transform:scale(1.1);color:#666!important;transition:transform .3s,color .3s}.rating-numbers input:checked+label[data-v-f0398b0c]{transform:scale(1.1);transition:transform .3s;color:#666}.rating-numbers label.selected[data-v-f0398b0c],.rating-numbers label[data-v-f0398b0c]:hover{background-color:var(--label-bg);border-color:var(--label-border);color:#666}.positive-page.dark-mode .rating-numbers label[data-v-f0398b0c]{background:#3c3c3c;border-color:#555}.positive-page.dark-mode .rating-numbers label.selected[data-v-f0398b0c],.positive-page.dark-mode .rating-numbers label[data-v-f0398b0c]:hover{background-color:var(--label-bg);border-color:var(--label-border);color:#2b2b2b!important}.submit-button[data-v-f0398b0c]{padding:10px 20px;font-size:16px;color:#fff;background-color:#007aff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .3s;margin-top:20px}.submit-button[data-v-f0398b0c]:hover{background-color:#005bb5;transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.2)}.feedback-bubble[data-v-f0398b0c]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px 40px;border-radius:10px;display:flex;align-items:center;gap:10px;z-index:1000;box-shadow:0 4px 10px rgba(0,0,0,.2);animation:fadeIn-f0398b0c .5s,fadeOut-f0398b0c .5s 1.5s}.feedback-bubble.success[data-v-f0398b0c]{background:rgba(40,167,69,.9)}.feedback-bubble.error[data-v-f0398b0c]{background:rgba(220,53,69,.9)}.feedback-bubble i[data-v-f0398b0c]{font-size:1.5rem;color:#fff}.feedback-bubble p[data-v-f0398b0c]{color:#fff}@keyframes fadeIn-f0398b0c{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fadeOut-f0398b0c{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-60%)}}@media (max-width:768px){.feedback-form[data-v-f0398b0c]{padding:20px}.rating-numbers label[data-v-f0398b0c]{width:35px;height:35px}}@media (max-width:480px){.positive-page[data-v-f0398b0c]{padding:10px}.feedback-form h2[data-v-f0398b0c]{font-size:1.5rem}.rating-labels[data-v-f0398b0c]{font-size:12px}.rating-numbers label[data-v-f0398b0c]{width:30px;height:30px}.dark-mode-toggle[data-v-f0398b0c]{font-size:20px}.submit-button[data-v-f0398b0c]{font-size:14px;padding:8px 16px}}body[data-v-5bd14fb6]{margin:0;padding:0;font-family:Roboto,sans-serif;background:#f4f4f9;color:#333;transition:color .5s;height:100%}.positive-page[data-v-5bd14fb6]{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#ece9e6,#fff);padding:20px;transition:background .5s,color .5s}.positive-page.dark-mode[data-v-5bd14fb6]{background:#181818;color:#fff}.feedback-form[data-v-5bd14fb6]{background:#fff;padding:30px;border-radius:20px;box-shadow:0 10px 20px rgba(0,0,0,.1);max-width:600px;width:100%;text-align:center;animation:fadeIn-5bd14fb6 1s ease-in-out;position:relative;overflow:hidden;opacity:0;animation:fadeInToCenter-5bd14fb6 1s forwards}@keyframes fadeInToCenter-5bd14fb6{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.positive-page.dark-mode .feedback-form[data-v-5bd14fb6]{background:#2c2c2c;box-shadow:0 10px 20px rgba(0,0,0,.3)}.dark-mode-toggle[data-v-5bd14fb6]{position:absolute;top:20px;right:20px;cursor:pointer;font-size:24px;color:#333}.positive-page.dark-mode .dark-mode-toggle[data-v-5bd14fb6]{color:#fff}.fa-moon[data-v-5bd14fb6]:hover,.fa-sun[data-v-5bd14fb6]:hover{transform:scale(1.1)}.feedback-form h2[data-v-5bd14fb6]{font-size:2rem;color:#007aff;margin-bottom:20px}.comments-section[data-v-5bd14fb6]{margin-bottom:20px}.comments-section label[data-v-5bd14fb6]{display:block;font-weight:500;margin-bottom:10px;color:#666}.positive-page.dark-mode .comments-section label[data-v-5bd14fb6]{color:#ddd}.comments-section textarea[data-v-5bd14fb6]{width:100%;max-width:100%;box-sizing:border-box;height:100px;padding:10px;border:1px solid #ccc;border-radius:8px;font-size:16px;resize:vertical;transition:border-color .3s}.comments-section textarea[data-v-5bd14fb6]:focus{border-color:#007aff;outline:none}.positive-page.dark-mode .comments-section textarea[data-v-5bd14fb6]{background:#3c3c3c;color:#ddd;border-color:#555}.recommendation[data-v-5bd14fb6]{margin-top:20px}.recommendation label[data-v-5bd14fb6]{font-weight:500;color:#666;display:block;margin-bottom:10px}.positive-page.dark-mode .recommendation label[data-v-5bd14fb6]{color:#ddd}.rating[data-v-5bd14fb6]{display:flex;flex-direction:column;align-items:center}.rating-labels[data-v-5bd14fb6]{width:100%;display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px;color:#555}.positive-page.dark-mode .rating-labels[data-v-5bd14fb6]{color:#bbb}.rating-numbers[data-v-5bd14fb6]{display:flex;gap:8px!important;flex-wrap:wrap;justify-content:center}.rating-item[data-v-5bd14fb6]{position:relative}.rating-numbers input[data-v-5bd14fb6]{display:none}.rating-numbers label[data-v-5bd14fb6]{width:45px!important;height:45px!important;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:8px;cursor:pointer;background:#f4f4f9;transition:background .3s,border-color .3s,color .3s,transform .3s!important}.rating-numbers label[data-v-5bd14fb6]:hover{transform:scale(1.1);color:#666!important;transition:transform .3s,color .3s}.rating-numbers input:checked+label[data-v-5bd14fb6]{transform:scale(1.1);transition:transform .3s;color:#666}.rating-numbers label.selected[data-v-5bd14fb6],.rating-numbers label[data-v-5bd14fb6]:hover{background-color:var(--label-bg);border-color:var(--label-border);color:#666}.positive-page.dark-mode .rating-numbers label[data-v-5bd14fb6]{background:#3c3c3c;border-color:#555}.positive-page.dark-mode .rating-numbers label.selected[data-v-5bd14fb6],.positive-page.dark-mode .rating-numbers label[data-v-5bd14fb6]:hover{background-color:var(--label-bg);border-color:var(--label-border);color:#2b2b2b!important}.submit-button[data-v-5bd14fb6]{padding:10px 20px;font-size:16px;color:#fff;background-color:#007aff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .3s;margin-top:20px}.submit-button[data-v-5bd14fb6]:hover{background-color:#005bb5;transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.2)}.feedback-bubble[data-v-5bd14fb6]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px 40px;border-radius:10px;display:flex;align-items:center;gap:10px;z-index:1000;box-shadow:0 4px 10px rgba(0,0,0,.2);animation:fadeIn-5bd14fb6 .5s,fadeOut-5bd14fb6 .5s 1.5s}.feedback-bubble.success[data-v-5bd14fb6]{background:rgba(40,167,69,.9)}.feedback-bubble.error[data-v-5bd14fb6]{background:rgba(220,53,69,.9)}.feedback-bubble i[data-v-5bd14fb6]{font-size:1.5rem;color:#fff}.feedback-bubble p[data-v-5bd14fb6]{color:#fff}@keyframes fadeIn-5bd14fb6{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fadeOut-5bd14fb6{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-60%)}}@media (max-width:768px){.feedback-form[data-v-5bd14fb6]{padding:20px}.rating-numbers label[data-v-5bd14fb6]{width:35px;height:35px}}@media (max-width:480px){.positive-page[data-v-5bd14fb6]{padding:10px}.feedback-form h2[data-v-5bd14fb6]{font-size:1.5rem}.rating-labels[data-v-5bd14fb6]{font-size:12px}.rating-numbers label[data-v-5bd14fb6]{width:30px;height:30px}.dark-mode-toggle[data-v-5bd14fb6]{font-size:20px}.submit-button[data-v-5bd14fb6]{font-size:14px;padding:8px 16px}}.admin-panel[data-v-676b130e]{padding:20px;max-width:1300px;margin:0 auto}.page-title[data-v-676b130e]{font-size:2em;text-align:center;margin-bottom:30px}.charts-grid[data-v-676b130e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.chart-card[data-v-676b130e]{background-color:#f5f5f5;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:20px;text-align:center;position:relative}.chart-card-header[data-v-676b130e]{display:flex;align-items:center;justify-content:center;margin-bottom:15px}.chart-card-header i[data-v-676b130e]{font-size:1.5em;color:#009879;margin-right:10px}.chart-card h3[data-v-676b130e]{font-size:1.3em;color:#333}.loader-wrapper[data-v-676b130e]{display:flex;justify-content:center;align-items:center;height:100%}.section-title[data-v-676b130e]{font-size:1.8em;margin-top:40px;text-align:center;color:#333}.email-data-container[data-v-676b130e],.user-tracking-container[data-v-676b130e]{margin:20px 0;overflow-x:auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 15px rgba(0,0,0,.05);padding:20px}.search-input[data-v-676b130e]{margin-bottom:15px;padding:10px;width:100%;max-width:400px;border:1px solid #ccc;border-radius:6px;font-size:1em;transition:border-color .3s ease}.search-input[data-v-676b130e]:focus{border-color:#009879;outline:none}.styled-table[data-v-676b130e]{width:100%;border-collapse:collapse;font-size:.9em;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 0 20px rgba(0,0,0,.05)}.styled-table thead tr[data-v-676b130e]{background-color:#009879;color:#fff;text-align:left}.styled-table td[data-v-676b130e],.styled-table th[data-v-676b130e]{padding:12px 15px;text-align:center;position:relative;border-bottom:1px solid #ddd}.styled-table th[data-v-676b130e]{font-weight:600;cursor:pointer;transition:background-color .3s ease}.styled-table th[data-v-676b130e]:hover{background-color:#007a63}.styled-table th i[data-v-676b130e]{margin-left:5px;font-size:.8em}.styled-table tbody tr[data-v-676b130e]:nth-of-type(2n){background-color:#f3f3f3}.styled-table tbody tr[data-v-676b130e]:last-of-type{border-bottom:2px solid #009879}.styled-table tbody tr[data-v-676b130e]:hover{background-color:#f1f1f1}.styled-table tbody tr.active-row[data-v-676b130e]{font-weight:700;color:#009879}a[data-v-676b130e]{color:#0071e3;text-decoration:none;transition:color .3s ease}a[data-v-676b130e]:hover{color:#005bb5;text-decoration:underline}.pagination[data-v-676b130e]{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.pagination button[data-v-676b130e]{padding:8px 16px;border:1px solid #ccc;border-radius:6px;background-color:#009879;color:#fff;cursor:pointer;transition:background-color .3s ease,transform .2s ease;font-size:1em}.pagination button[data-v-676b130e]:disabled{background-color:#ccc;cursor:not-allowed}.pagination button[data-v-676b130e]:hover:not(:disabled){background-color:#007a63}.pagination span[data-v-676b130e]{font-size:1em;font-weight:600}.db-management-container[data-v-676b130e]{display:flex;flex-direction:column;gap:20px;margin-top:30px}@media (min-width:768px){.db-management-container[data-v-676b130e]{flex-direction:row;justify-content:space-around}}.db-card[data-v-676b130e]{background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:20px;text-align:center;flex:1}.db-card-icon[data-v-676b130e]{font-size:2.5em;color:#009879;margin-bottom:10px}.db-card-content h3[data-v-676b130e]{font-size:1.3em;margin-bottom:10px;color:#333}.db-card-content p[data-v-676b130e]{font-size:.9em;color:#666;margin-bottom:15px}.db-card-content button[data-v-676b130e]{background-color:#009879;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s}.db-card-content button[data-v-676b130e]:hover{background-color:#007a63}.db-card-content input[type=file][data-v-676b130e]{display:none}.toast[data-v-676b130e]{position:fixed;bottom:20px;right:20px;background-color:#009879;color:#fff;padding:10px 20px;border-radius:5px;box-shadow:0 4px 10px rgba(0,0,0,.1);font-size:1em;z-index:1000;opacity:.9;transition:opacity .3s ease}.modal-overlay[data-v-676b130e],.modal[data-v-676b130e]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1001}.modal-overlay[data-v-676b130e]{animation:fadeIn-676b130e .3s ease}.modal-content[data-v-676b130e]{background:#fff;padding:30px;border-radius:12px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.1);width:90%;max-width:400px;animation:slideDown-676b130e .5s ease}@keyframes fadeIn-676b130e{0%{opacity:0}to{opacity:1}}@keyframes slideDown-676b130e{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h3[data-v-676b130e]{font-size:1.5em;margin-bottom:15px;color:#333}.modal-content p[data-v-676b130e]{font-size:1em;color:#666;margin-bottom:20px}.modal-buttons[data-v-676b130e]{display:flex;justify-content:space-between;gap:3em}.modal-buttons button[data-v-676b130e]{background-color:#009879;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s;width:100%;margin-top:20px}.modal-buttons button[data-v-676b130e]:hover{background-color:#007a63}.password-modal .password-input[data-v-676b130e]{width:100%;padding:10px;margin-top:20px;border:1px solid #ccc;border-radius:6px;font-size:1em;box-sizing:border-box}.error-message[data-v-676b130e]{color:red;margin-top:10px;font-size:.9em}body{margin:0;padding:0;font-family:Roboto,sans-serif;background:#f4f4f9;color:#333;transition:background .5s,color .5s;height:100%}body.dark-mode{background:#181818;color:#fff}.header{margin-bottom:20px}.header h2{font-size:1.5em;color:#555;border-bottom:2px solid #eee;padding-bottom:10px;transition:color .3s,border-color .3s}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:linear-gradient(135deg,#ece9e6,#fff)}.dark-mode{background:#181818;color:#fff}.content{display:flex;flex-direction:column;height:100%}.editor,.preview{padding:1rem;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px;margin-bottom:1rem}.editor{margin:.5rem 0 .5rem .5rem;padding-top:0;overflow-x:hidden;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:silver #f0f0f0}.preview.isPreview .reset-settings{display:none}.preview{margin:.5rem .5rem .5rem 0}.dark-mode .editor,.dark-mode .preview{background:#2c2c2c;box-shadow:0 4px 8px rgba(0,0,0,.3)}.top-nav{flex-wrap:wrap;padding:1rem 0;position:sticky;top:0;background:inherit;z-index:10;width:100%}.nav-tab,.top-nav{display:flex;gap:.5rem}.nav-tab{align-items:center;justify-content:center;padding:.75rem 1.25rem;background:#e0e0e0;color:#333;text-align:center;border-radius:5px;text-decoration:none;transition:all .3s;cursor:pointer;flex:1;min-width:120px}.nav-tab.router-link-exact-active,.nav-tab:hover{background:#d0d0d0;transform:scale(1.02);box-shadow:0 4px 8px rgba(0,0,0,.1)}.nav-tab.code-button{background:#ff6a00;color:#fff}.nav-tab.code-button:hover{background:#ff6a00}.nav-tab.toggle-dark-mode{background:#28c840;color:#fff}.nav-tab.toggle-dark-mode:hover{background:#24b43a}.dark-mode .nav-tab{background:#3c3c3c;color:#ddd}.dark-mode .nav-tab.router-link-exact-active,.dark-mode .nav-tab:hover{background:#4c4c4c}.dark-mode .nav-tab.code-button,.dark-mode .nav-tab.code-button:hover{background:#c15000}.dark-mode .nav-tab.toggle-dark-mode{background:#24b43a}.dark-mode .nav-tab.toggle-dark-mode:hover{background:#209f33}h2{font-size:1.5rem;color:#333}h2,p{margin:0;transition:color .5s}p{font-size:1rem;color:#666}a{text-decoration:none;transition:color .3s}.nav-tab.router-link-exact-active,a,a:hover{color:#ff6a00}.dark-mode a,.dark-mode h2,.dark-mode p{color:#fff}.dark-mode a:hover{color:#c15000}.email-client{display:flex;flex-direction:column;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);overflow:hidden;height:100%}.dark-mode .email-client{border:1px solid #555}.title-bar{position:relative;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#e0e0e0;border-bottom:1px solid #ddd}.dark-mode .title-bar{background:#3c3c3c;border-bottom:1px solid #555}.buttons{display:flex;gap:.5rem}.extension-button{padding:.5rem!important;font-size:13px}.close,.maximize,.minimize{width:12px;height:12px;border-radius:50%;transition:transform .2s,box-shadow .2s}.close{background-color:#ff5f56}.minimize{background-color:#ffbd2e}.maximize{background-color:#28c840}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:10px 20px;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.3);z-index:1000;font-size:14px;opacity:.9;transition:all .6s}.toast.hide{opacity:0}.copy-link-toggle,.dark-mode-toggle,.redo-button,.reset-settings,.undo-button{cursor:pointer;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;transition:background-color .3s,transform .3s}.copy-link-toggle:hover,.dark-mode-toggle:hover,.redo-button:hover,.reset-settings:hover,.undo-button:hover{transform:scale(1.1)}.dark-mode-toggle i,.redo-button i,.reset-settings i,.undo-button i{color:#333}.disabled{cursor:not-allowed;opacity:.5}.disabled i{color:#aaa}.disabled:hover{background-color:#e0e0e0;transform:none}.dark-mode .copy-link-toggle,.dark-mode .dark-mode-toggle,.dark-mode .redo-button,.dark-mode .reset-settings,.dark-mode .undo-button{background-color:#3c3c3c}.dark-mode .copy-link-toggle:hover,.dark-mode .dark-mode-toggle:hover,.dark-mode .redo-button:hover,.dark-mode .reset-settings:hover,.dark-mode .undo-button:hover{background-color:#4c4c4c}.dark-mode .dark-mode-toggle i,.dark-mode .redo-button i,.dark-mode .reset-settings i,.dark-mode .undo-button i{color:#ddd}.dark-mode .disabled i{color:#666}.dark-mode .disabled:hover{background-color:#3c3c3c}.actions{display:flex;align-items:center;gap:5px}.toolbar-container{display:flex;justify-content:space-between;background:#f0f0f0;border-bottom:1px solid #ddd;padding:.5rem 1rem}.toolbar{display:flex;gap:1rem}.dark-mode .toolbar-container{border-bottom:1px solid #555}.dark-mode .toolbar,.dark-mode .toolbar-container{background:#3c3c3c}.toolbar i{color:#555;transition:color .3s,transform .3s}.dark-mode .toolbar i{color:#ddd}.email-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;border-bottom:1px solid #ddd;background:#fff}.dark-mode .email-header{background:#3c3c3c;border-bottom:1px solid #555}.email-date,.email-from,.email-subject,.email-to{margin-bottom:.5rem;color:#555}.dark-mode .email-date,.dark-mode .email-from,.dark-mode .email-subject,.dark-mode .email-to{color:#ddd}.email-body{padding:1rem;background:#fefefe;flex:1;overflow-y:auto}.dark-mode .email-body{background:#4c4c4c}.editor::-webkit-scrollbar,.preview::-webkit-scrollbar{width:12px;height:12px}.editor::-webkit-scrollbar-track,.preview::-webkit-scrollbar-track{background:#f0f0f0;border-radius:6px}.editor::-webkit-scrollbar-thumb,.preview::-webkit-scrollbar-thumb{background-color:silver;border-radius:6px;border:3px solid #f0f0f0}.editor::-webkit-scrollbar-thumb:hover,.preview::-webkit-scrollbar-thumb:hover{background-color:#a0a0a0}.dark-mode .editor,.dark-mode .preview{scrollbar-color:#6b6b6b #2c2c2c}.dark-mode .editor::-webkit-scrollbar-track,.dark-mode .preview::-webkit-scrollbar-track{background:#2c2c2c}.dark-mode .editor::-webkit-scrollbar-thumb,.dark-mode .preview::-webkit-scrollbar-thumb{background-color:#6b6b6b;border:3px solid #2c2c2c}.dark-mode .editor::-webkit-scrollbar-thumb:hover,.dark-mode .preview::-webkit-scrollbar-thumb:hover{background-color:#4c4c4c}.hamburger{display:none;font-size:1.5rem;background:none;border:none;color:inherit;cursor:pointer;position:absolute;top:1rem;left:1rem;padding:.2rem .5rem;background-color:#fff;border:1px solid #4c4c4c;border-radius:5px;z-index:100}.dark-mode .hamburger{background-color:#2c2c2c}input[type=email],input[type=tel],input[type=text],textarea{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem;transition:border-color .5s}input[type=email]:focus,input[type=tel]:focus,input[type=text]:focus,textarea:focus{outline:none;border-color:#ff6a00}body.dark-mode input[type=email],body.dark-mode input[type=tel],body.dark-mode input[type=text],body.dark-mode textarea{background-color:#2c2c2c;border-color:#555;color:#ddd}body.dark-mode input[type=email]:focus,body.dark-mode input[type=tel]:focus,body.dark-mode input[type=text]:focus,body.dark-mode textarea:focus{border-color:#c15000}@media(min-width:997px){.logo{display:none}.content{flex-direction:row}.editor{flex:1;max-width:30%}.preview{flex:2;margin-left:1rem}.nav-tab{padding:.75rem 1.5rem}.content{display:flex;flex-direction:row;transition:padding-right .6s ease}.editor,.preview{transition:flex-basis .6s ease,max-width .6s ease}.editor{max-width:30%}.preview{flex:2;margin-left:1rem}.sidebar-visible{padding-right:365px}.sidebar-visible .editor{flex-basis:calc(33.33333% - 121.66667px);max-width:none}.sidebar-visible .preview{flex-basis:calc(66.66667% - 243.33333px - 1rem)}}@media(max-width:480px){.nav-tab{flex:1 1 100%}.header h2{font-size:1rem}.header p{font-size:.75rem}}@media(max-width:997px){@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideOut{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.powered-container{display:none}.title{top:50%;transform:translate(-50%,-50%)}.logo,.title{position:absolute;left:50%}.logo{top:10px;transform:translateX(-50%);height:45px}.app{height:unset}.content{flex-direction:column;overflow-y:auto}.editor{order:2;margin:.5rem 0 1rem 0;padding-top:1rem;overflow:hidden}.preview{order:1;margin:4rem 0 .5rem 0}.preview.isPreview{margin:.5rem;margin-top:4rem;height:calc(100vh - 7rem)}.editor .preview{height:auto;flex:1 0 auto;overflow-y:hidden}.email-body,.email-header,.title-bar,.toolbar{padding:.5rem}.header h2{font-size:1.25rem}.header p{font-size:.875rem}.hamburger{display:block;position:fixed;top:1rem;left:1rem;z-index:1100}.top-nav:not(.hidden){display:flex;flex-wrap:wrap;align-content:flex-start}.top-nav{position:fixed;top:0;left:0;height:100vh;width:60%;background:#fff;z-index:1000;flex-wrap:nowrap;padding:1rem;box-shadow:2px 0 5px rgba(0,0,0,.1);transition:transform .3s ease-out,opacity .3s ease-out}.dark-mode .top-nav{background:#6b6b6b}.top-nav a,.top-nav button{padding:2rem 0;margin:.5rem 0}.top-nav.hidden{transform:translateX(-100%);opacity:0}.top-nav.visible{transform:translateX(0);opacity:1}.top-nav.hidden a,.top-nav.hidden button{display:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10;transition:opacity .3s}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;animation:fadeIn .3s;z-index:999;scrollbar-width:thin;scrollbar-color:silver #f0f0f0}.modal-overlay::-webkit-scrollbar{width:12px;height:12px}.modal-overlay::-webkit-scrollbar-track{background:#f0f0f0;border-radius:6px}.modal-overlay::-webkit-scrollbar-thumb{background-color:silver;border-radius:6px;border:3px solid #f0f0f0}.modal-overlay::-webkit-scrollbar-thumb:hover{background-color:#a0a0a0}.dark-mode .modal-overlay{scrollbar-color:#6b6b6b #2c2c2c}.dark-mode .modal-overlay::-webkit-scrollbar-track{background:#2c2c2c}.dark-mode .modal-overlay::-webkit-scrollbar-thumb{background-color:#6b6b6b;border:3px solid #2c2c2c}.dark-mode .modal-overlay::-webkit-scrollbar-thumb:hover{background-color:#4c4c4c}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-50px)}to{transform:translateY(0)}}.modal-content{padding:30px;box-shadow:0 20px 40px rgba(0,0,0,.4);overflow-y:auto;position:relative;animation:slideIn .5s ease;transition:background-color .3s,color .3s}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #ddd;margin-bottom:20px}.modal-header h2{margin:0;font-size:26px;color:#333}.dark-mode .modal-header{border-bottom-color:#555}.dark-mode .modal-header h2{color:#ddd}.close-button{background:none;border:none;cursor:pointer;padding:10px;transition:transform .3s ease}.close-button:hover{transform:scale(1.2)}.close-icon{width:24px;height:24px;color:#555}.dark-mode .close-icon{color:#ddd}.action-button{padding:12px 24px;border:2px solid transparent;border-radius:8px;background-color:#333;color:#fff;font-size:16px;text-wrap:nowrap;cursor:pointer;transition:background-color .3s,transform .3s,box-shadow .3s}.action-button:hover{background-color:#4a4a4a;box-shadow:0 4px 12px rgba(0,0,0,.2)}.dark-mode .action-button{background-color:#555;color:#ddd}.dark-mode .action-button:hover{background-color:#666}