.app-container[data-v-6901e84d]{width:100%;display:flex;justify-content:center;align-items:center}.card[data-v-6901e84d]{background:#fff;border-radius:16px;padding:30px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:100%}@media (min-width: 768px){.card[data-v-6901e84d]{padding:35px}}@media (min-width: 1024px){.card[data-v-6901e84d]{padding:40px}}@media (min-width: 1920px){.card[data-v-6901e84d]{padding:50px}}@media (min-width: 2560px){.card[data-v-6901e84d]{padding:60px}}@media (min-width: 3840px){.card[data-v-6901e84d]{padding:80px}}@media (max-width: 480px){.card[data-v-6901e84d]{padding:20px;border-radius:12px}}.tabs[data-v-6901e84d]{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #f0f0f0;padding-bottom:10px;flex-wrap:wrap}.tab[data-v-6901e84d]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;background:#fff;border-radius:8px 8px 0 0;cursor:pointer;font-size:16px;font-weight:500;color:#666;transition:all .3s ease;position:relative;min-width:0}@media (min-width: 1920px){.tab[data-v-6901e84d]{padding:14px 24px;font-size:18px}.tab-icon[data-v-6901e84d]{width:22px;height:22px}}@media (min-width: 2560px){.tab[data-v-6901e84d]{padding:16px 28px;font-size:20px}.tab-icon[data-v-6901e84d]{width:24px;height:24px}}@media (min-width: 3840px){.tab[data-v-6901e84d]{padding:20px 36px;font-size:24px}.tab-icon[data-v-6901e84d]{width:28px;height:28px}}@media (max-width: 480px){.tabs[data-v-6901e84d]{gap:5px;margin-bottom:20px;padding-bottom:8px}.tab[data-v-6901e84d]{padding:10px 12px;font-size:14px;gap:6px}.tab-icon[data-v-6901e84d]{width:18px;height:18px}}.tab[data-v-6901e84d]:hover{background:#f5f5f5}.tab.active[data-v-6901e84d]{background:#10b981;color:#fff;font-weight:600}.tab.active[data-v-6901e84d]:after{content:"";position:absolute;bottom:-12px;left:0;right:0;height:3px;background:#10b981}.tab-icon[data-v-6901e84d]{width:20px;height:20px}.tab-content[data-v-6901e84d]{min-height:400px;display:flex;flex-direction:column;gap:20px}@media (max-width: 480px){.tab-content[data-v-6901e84d]{min-height:300px;gap:15px}}.main-text[data-v-6901e84d]{font-size:24px;font-weight:700;text-align:center;color:#1f2937;margin-bottom:10px}@media (min-width: 1920px){.main-text[data-v-6901e84d]{font-size:28px}}@media (min-width: 2560px){.main-text[data-v-6901e84d]{font-size:32px}}@media (min-width: 3840px){.main-text[data-v-6901e84d]{font-size:40px}}@media (max-width: 480px){.main-text[data-v-6901e84d]{font-size:20px;margin-bottom:8px}}.form-group[data-v-6901e84d]{display:flex;flex-direction:column;gap:8px}.label[data-v-6901e84d]{font-size:14px;font-weight:600;color:#374151}@media (min-width: 1920px){.label[data-v-6901e84d]{font-size:16px}}@media (min-width: 2560px){.label[data-v-6901e84d]{font-size:18px}}@media (min-width: 3840px){.label[data-v-6901e84d]{font-size:22px}}.dropdown[data-v-6901e84d]{width:100%;padding:12px 40px 12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .3s ease}@media (min-width: 1920px){.dropdown[data-v-6901e84d]{padding:14px 45px 14px 18px;font-size:18px}}@media (min-width: 2560px){.dropdown[data-v-6901e84d]{padding:16px 50px 16px 20px;font-size:20px}}@media (min-width: 3840px){.dropdown[data-v-6901e84d]{padding:20px 60px 20px 24px;font-size:24px}}@media (max-width: 480px){.dropdown[data-v-6901e84d]{padding:10px 35px 10px 14px;font-size:14px}}.dropdown[data-v-6901e84d]:hover{border-color:#10b981}.dropdown[data-v-6901e84d]:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.primary-button[data-v-6901e84d]{width:100%;padding:16px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}@media (min-width: 1920px){.primary-button[data-v-6901e84d]{padding:18px;font-size:20px}}@media (min-width: 2560px){.primary-button[data-v-6901e84d]{padding:20px;font-size:22px}}@media (min-width: 3840px){.primary-button[data-v-6901e84d]{padding:24px;font-size:26px}}@media (max-width: 480px){.primary-button[data-v-6901e84d]{padding:14px;font-size:16px}}.primary-button[data-v-6901e84d]:hover{background:#059669;transform:translateY(-2px);box-shadow:0 10px 20px #10b9814d}.primary-button[data-v-6901e84d]:active{transform:translateY(0)}.options-grid[data-v-6901e84d]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}@media (max-width: 768px){.options-grid[data-v-6901e84d]{grid-template-columns:1fr}}.option-button.back-button[data-v-6901e84d]{grid-column:1 / -1}.option-button[data-v-6901e84d]{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 24px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease}@media (min-width: 1920px){.option-button[data-v-6901e84d]{padding:20px 28px;font-size:20px;gap:14px}.option-icon[data-v-6901e84d]{width:26px;height:26px}}@media (min-width: 2560px){.option-button[data-v-6901e84d]{padding:24px 32px;font-size:22px;gap:16px}.option-icon[data-v-6901e84d]{width:28px;height:28px}}@media (min-width: 3840px){.option-button[data-v-6901e84d]{padding:28px 40px;font-size:26px;gap:20px}.option-icon[data-v-6901e84d]{width:32px;height:32px}}@media (max-width: 480px){.option-button[data-v-6901e84d]{padding:14px 18px;font-size:16px;gap:8px}.option-icon[data-v-6901e84d]{width:20px;height:20px}}.option-button[data-v-6901e84d]:hover{background:#059669;transform:translateY(-2px);box-shadow:0 10px 20px #10b9814d}.option-button[data-v-6901e84d]:active{transform:translateY(0)}.option-icon[data-v-6901e84d]{width:24px;height:24px}.footer[data-v-6901e84d]{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid #e5e7eb;color:#9ca3af;font-size:14px}.login-card[data-v-6901e84d]{max-width:400px}@media (min-width: 768px){.login-card[data-v-6901e84d]{max-width:500px}}@media (min-width: 1024px){.login-card[data-v-6901e84d]{max-width:600px}}@media (min-width: 1920px){.login-card[data-v-6901e84d]{max-width:800px}}@media (min-width: 2560px){.login-card[data-v-6901e84d]{max-width:1000px}}@media (min-width: 3840px){.login-card[data-v-6901e84d]{max-width:1400px}}.login-form[data-v-6901e84d]{display:flex;flex-direction:column;gap:20px}@media (min-width: 1920px){.login-form[data-v-6901e84d]{gap:24px}}@media (min-width: 2560px){.login-form[data-v-6901e84d]{gap:28px}}@media (min-width: 3840px){.login-form[data-v-6901e84d]{gap:32px}}.error-message[data-v-6901e84d]{padding:12px;background:#fee2e2;color:#dc2626;border-radius:8px;font-size:14px;border:1px solid #fecaca}@media (min-width: 1920px){.error-message[data-v-6901e84d]{padding:14px;font-size:16px}}@media (min-width: 2560px){.error-message[data-v-6901e84d]{padding:16px;font-size:18px}}@media (min-width: 3840px){.error-message[data-v-6901e84d]{padding:20px;font-size:22px}}.success-message[data-v-6901e84d]{padding:12px;background:#d1fae5;color:#059669;border-radius:8px;font-size:14px;border:1px solid #a7f3d0}@media (min-width: 1920px){.success-message[data-v-6901e84d]{padding:14px;font-size:16px}}@media (min-width: 2560px){.success-message[data-v-6901e84d]{padding:16px;font-size:18px}}@media (min-width: 3840px){.success-message[data-v-6901e84d]{padding:20px;font-size:22px}}.logout-button[data-v-6901e84d]{margin-left:auto;padding:8px 12px;background:#ef4444;color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}@media (min-width: 1920px){.logout-button[data-v-6901e84d]{padding:10px 14px}.logout-button .tab-icon[data-v-6901e84d]{width:22px;height:22px}}@media (min-width: 2560px){.logout-button[data-v-6901e84d]{padding:12px 16px}.logout-button .tab-icon[data-v-6901e84d]{width:24px;height:24px}}@media (min-width: 3840px){.logout-button[data-v-6901e84d]{padding:16px 20px}.logout-button .tab-icon[data-v-6901e84d]{width:28px;height:28px}}.logout-button[data-v-6901e84d]:hover{background:#dc2626}.admin-section[data-v-6901e84d]{margin-bottom:30px;padding:20px;background:#f9fafb;border-radius:8px}.section-title[data-v-6901e84d]{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:20px}.users-list[data-v-6901e84d]{display:flex;flex-direction:column;gap:12px}.user-item[data-v-6901e84d]{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.user-info[data-v-6901e84d]{display:flex;align-items:center;gap:16px;flex:1}.user-name[data-v-6901e84d]{font-weight:600;color:#1f2937;min-width:120px}.user-role[data-v-6901e84d]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.user-role.admin[data-v-6901e84d]{background:#dbeafe;color:#1e40af}.user-role.user[data-v-6901e84d]{background:#e5e7eb;color:#374151}.user-date[data-v-6901e84d]{font-size:14px;color:#6b7280;margin-left:auto}.delete-button[data-v-6901e84d]{padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.delete-button[data-v-6901e84d]:hover{background:#dc2626}.modal-overlay[data-v-6901e84d]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}@media (max-width: 480px){.modal-overlay[data-v-6901e84d]{padding:10px}}.modal-content[data-v-6901e84d]{background:#fff;border-radius:12px;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}@media (min-width: 1024px){.modal-content[data-v-6901e84d]{max-width:900px}}@media (min-width: 1920px){.modal-content[data-v-6901e84d]{max-width:1400px}}@media (min-width: 2560px){.modal-content[data-v-6901e84d]{max-width:1800px}}@media (min-width: 3840px){.modal-content[data-v-6901e84d]{max-width:2400px}}@media (max-width: 480px){.modal-content[data-v-6901e84d]{max-height:95vh;border-radius:8px}}.modal-header[data-v-6901e84d]{display:flex;justify-content:flex-end;padding:15px 20px;border-bottom:1px solid #e5e7eb}.modal-close[data-v-6901e84d]{background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close[data-v-6901e84d]:hover{background:#f5f5f5;color:#333}.modal-body[data-v-6901e84d]{padding:20px;flex:1;overflow:auto}@media (max-width: 480px){.modal-body[data-v-6901e84d]{padding:15px}}.script-textarea[data-v-6901e84d]{width:100%;min-height:300px;padding:15px;border:2px solid #e5e7eb;border-radius:8px;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;background:#1e1e1e;color:#d4d4d4;resize:vertical;white-space:pre;overflow-x:auto}@media (max-width: 480px){.script-textarea[data-v-6901e84d]{min-height:250px;padding:12px;font-size:12px}}.script-textarea[data-v-6901e84d]:focus{outline:none;border-color:#10b981}.modal-footer[data-v-6901e84d]{padding:20px;border-top:1px solid #e5e7eb;display:flex;justify-content:center}.copy-button[data-v-6901e84d]{padding:12px 32px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.copy-button[data-v-6901e84d]:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.copy-button[data-v-6901e84d]:active{transform:translateY(0)}.input-modal-content[data-v-6901e84d]{background:#fff;border-radius:12px;width:100%;max-width:500px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.input-modal-header[data-v-6901e84d]{padding:20px 24px;border-bottom:1px solid #e5e7eb}.input-modal-title[data-v-6901e84d]{font-size:18px;font-weight:600;color:#1f2937;margin:0}.input-modal-body[data-v-6901e84d]{padding:24px}.input-field[data-v-6901e84d]{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;background:#fff;color:#1f2937;transition:border-color .3s ease}@media (max-width: 480px){.input-field[data-v-6901e84d]{padding:12px 14px;font-size:14px}}.input-field[data-v-6901e84d]:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.input-modal-body .input-field[data-v-6901e84d]{border:2px solid #1f2937;background:#1f2937;color:#fff;font-family:Consolas,Monaco,Courier New,monospace}.input-field[data-v-6901e84d]::placeholder{color:#9ca3af}.input-modal-body .input-field[data-v-6901e84d]::placeholder{color:#9ca3af}.input-modal-body .input-field[data-v-6901e84d]:focus{outline:none;border-color:#3b82f6}.input-modal-footer[data-v-6901e84d]{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end}.input-button[data-v-6901e84d]{padding:10px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px}.ok-button[data-v-6901e84d]{background:#3b82f6;color:#fff}.ok-button[data-v-6901e84d]:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.cancel-button[data-v-6901e84d]{background:#e5e7eb;color:#374151}.cancel-button[data-v-6901e84d]:hover{background:#d1d5db;transform:translateY(-2px)}.input-button[data-v-6901e84d]:active{transform:translateY(0)}.calls-title[data-v-6901e84d]{font-size:20px;font-weight:700;text-align:center;color:#1f2937;margin-bottom:20px}@media (min-width: 1920px){.calls-title[data-v-6901e84d]{font-size:24px}}@media (min-width: 2560px){.calls-title[data-v-6901e84d]{font-size:28px}}@media (min-width: 3840px){.calls-title[data-v-6901e84d]{font-size:32px}}@media (max-width: 480px){.calls-title[data-v-6901e84d]{font-size:18px;margin-bottom:15px}}.input-fields-section[data-v-6901e84d]{display:flex;flex-direction:column;gap:20px}.result-section[data-v-6901e84d]{display:flex;flex-direction:column;gap:15px}.output-html[data-v-6901e84d]{background:#1e1e1e;color:#d4d4d4;padding:15px;border-radius:8px;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;max-height:400px;overflow-y:auto;border:2px solid #e5e7eb}@media (max-width: 480px){.output-html[data-v-6901e84d]{padding:12px;font-size:12px;max-height:300px}}.default-photo-btn[data-v-6901e84d]{background:#fff;color:#10b981;border:2px solid #10b981;border-radius:6px;padding:8px 16px;cursor:pointer;transition:all .25s ease;font-size:14px;font-weight:500;margin-bottom:12px}.default-photo-btn[data-v-6901e84d]:hover{background:#f0fdf4}.default-photo-btn.active[data-v-6901e84d]{background:#10b981;color:#fff;border-color:#10b981}.default-photo-btn.active[data-v-6901e84d]:after{content:" ✓";font-weight:700;font-size:16px;margin-left:6px}.upload-wrapper[data-v-6901e84d]{margin:12px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.photo-input[data-v-6901e84d]{display:none}.upload-btn[data-v-6901e84d]{background:#fff;color:#3b82f6;border:2px dashed #3b82f6;border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:6px;font-weight:500}.upload-btn[data-v-6901e84d]:hover{background:#3b82f6;color:#fff}.upload-btn[data-v-6901e84d]:active{transform:scale(.97)}.upload-icon[data-v-6901e84d]{font-size:16px}.file-name[data-v-6901e84d]{font-size:14px;color:#333;font-style:italic;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop-zone[data-v-6901e84d]{flex:1;min-height:60px;border:2px dashed #999;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#666;transition:background .25s,border-color .25s;padding:10px}.drop-zone.dragover[data-v-6901e84d]{background:#e9ffe3;border-color:#10b981;color:#10b981}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2,#4facfe);padding:20px}#app{width:100%;max-width:600px}@media (min-width: 768px){#app{max-width:800px}}@media (min-width: 1024px){#app{max-width:1000px}}@media (min-width: 1440px){#app{max-width:1200px}}@media (min-width: 1920px){#app{max-width:1600px}}@media (min-width: 2560px){#app{max-width:2000px}}@media (min-width: 3840px){#app{max-width:2800px}}@media (max-width: 480px){body{padding:10px}#app{max-width:100%}}