.navbar{background:#128c7e;color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.nav-brand h1{font-size:1.5rem;font-weight:500}.nav-links{display:flex;gap:2rem}.nav-links a{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s}.nav-links a:hover,.nav-links a.active{background:#fff3}.status-indicator{font-size:.9rem;padding:.25rem .75rem;border-radius:12px;background:#ffffff1a}.status-indicator.connected{background:#4caf5033}.status-indicator.disconnected{background:#f4433633}.main-content{padding:2rem;max-width:1200px;margin:0 auto}.card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.95rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:#128c7e;color:#fff}.btn-primary:hover{background:#0f7269}.btn-secondary{background:#f0f2f5;color:#54656f}.btn-secondary:hover{background:#e4e6ea}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover{background:#e0a800}.input-group{margin-bottom:1rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#54656f}.input-group input,.input-group textarea{width:100%;padding:.75rem;border:1px solid #d1d7db;border-radius:6px;font-size:.95rem}.input-group input:focus,.input-group textarea:focus{outline:none;border-color:#128c7e;box-shadow:0 0 0 2px #128c7e1a}.loading{text-align:center;padding:2rem;color:#54656f}.error{background:#ffeaa7;border:1px solid #fdcb6e;color:#6c5ce7;padding:1rem;border-radius:6px;margin-bottom:1rem}.success{background:#d1f2eb;border:1px solid #a7f3d0;color:#065f46;padding:1rem;border-radius:6px;margin-bottom:1rem}.auth-view[data-v-7f1de218]{max-width:600px;margin:0 auto}.auth-container h2[data-v-7f1de218]{text-align:center;margin-bottom:2rem;color:#128c7e}.status-info[data-v-7f1de218]{margin:1rem 0}.status-item[data-v-7f1de218]{display:flex;justify-content:space-between;margin-bottom:.5rem}.status-item .label[data-v-7f1de218]{font-weight:500;color:#54656f}.status-item .value[data-v-7f1de218]{font-weight:600}.status-item .value.ready[data-v-7f1de218]{color:#4caf50}.status-item .value.qr_ready[data-v-7f1de218]{color:#ff9800}.status-item .value.loading[data-v-7f1de218]{color:#2196f3}.status-item .value.disconnected[data-v-7f1de218],.status-item .value.auth_failed[data-v-7f1de218]{color:#f44336}.status-actions[data-v-7f1de218]{margin-top:1rem;text-align:center;display:flex;gap:1rem;justify-content:center}.qr-container[data-v-7f1de218]{text-align:center;margin:1.5rem 0}.qr-image[data-v-7f1de218]{max-width:100%;height:auto;border:1px solid #e1e5e9;border-radius:8px;padding:1rem;background:#fff}.qr-instructions[data-v-7f1de218]{margin-top:1.5rem;padding:1rem;background:#f8f9fa;border-radius:6px;border-left:4px solid #128c7e}.qr-instructions ol[data-v-7f1de218]{margin-left:1rem;margin-top:.5rem}.qr-instructions li[data-v-7f1de218]{margin-bottom:.25rem}.ready-card[data-v-7f1de218]{text-align:center}.ready-card h3[data-v-7f1de218]{color:#4caf50;margin-bottom:1rem}.ready-actions[data-v-7f1de218]{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.loading-card[data-v-7f1de218]{text-align:center}.loading-card h3[data-v-7f1de218]{color:#2196f3;margin-bottom:1rem}.not-started-card[data-v-7f1de218]{text-align:center}.not-started-card h3[data-v-7f1de218]{color:#6c757d;margin-bottom:1rem}.loading-spinner[data-v-7f1de218]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #128c7e;border-radius:50%;animation:spin-7f1de218 1s linear infinite;margin:1rem auto}@keyframes spin-7f1de218{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-enhanced[data-v-da487c12]{max-width:900px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header[data-v-da487c12]{text-align:center;margin-bottom:3rem}.header h1[data-v-da487c12]{font-size:2.5rem;font-weight:700;color:#128c7e;margin-bottom:.5rem}.subtitle[data-v-da487c12]{color:#667781;font-size:1.1rem}.status-dashboard[data-v-da487c12]{display:flex;flex-direction:column;gap:1.5rem}.status-card[data-v-da487c12]{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;border:2px solid transparent;transition:all .3s ease}.status-card.status-connecting[data-v-da487c12]{border-color:#2196f3;background:linear-gradient(135deg,#fff,#e3f2fd)}.status-card.status-qr_ready[data-v-da487c12]{border-color:#ff9800;background:linear-gradient(135deg,#fff,#fff3e0)}.status-card.status-connected[data-v-da487c12]{border-color:#4caf50;background:linear-gradient(135deg,#fff,#e8f5e9)}.status-card.status-error[data-v-da487c12]{border-color:#f44336;background:linear-gradient(135deg,#fff,#ffebee)}.status-header[data-v-da487c12]{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.status-icon[data-v-da487c12]{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0000000d}.status-icon svg[data-v-da487c12]{width:36px;height:36px}.icon-success[data-v-da487c12]{color:#4caf50}.icon-qr[data-v-da487c12]{color:#ff9800}.icon-error[data-v-da487c12]{color:#f44336}.icon-idle[data-v-da487c12]{color:#9e9e9e}.spinner[data-v-da487c12]{width:36px;height:36px;border:4px solid rgba(33,150,243,.2);border-top-color:#2196f3;border-radius:50%;animation:spin-da487c12 .8s linear infinite}@keyframes spin-da487c12{to{transform:rotate(360deg)}}.status-title[data-v-da487c12]{font-size:1.75rem;font-weight:600;margin:0;color:#111}.status-description[data-v-da487c12]{font-size:1rem;color:#667781;margin:.25rem 0 0}.connection-steps[data-v-da487c12]{display:flex;flex-direction:column;gap:1rem}.step[data-v-da487c12]{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:8px;background:#00000005;transition:all .3s ease}.step.active[data-v-da487c12]{background:#2196f31a;border-left:4px solid #2196F3;padding-left:calc(.75rem - 4px)}.step.completed[data-v-da487c12]{background:#4caf501a;border-left:4px solid #4CAF50;padding-left:calc(.75rem - 4px)}.step.error[data-v-da487c12]{background:#f443361a;border-left:4px solid #f44336;padding-left:calc(.75rem - 4px)}.step-marker[data-v-da487c12]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #E1E8ED;font-weight:600;font-size:.875rem;color:#667781;flex-shrink:0}.step.active .step-marker[data-v-da487c12]{border-color:#2196f3;color:#2196f3}.step.completed .step-marker[data-v-da487c12]{border-color:#4caf50;background:#4caf50}.step.error .step-marker[data-v-da487c12]{border-color:#f44336;background:#f44336}.step-marker svg[data-v-da487c12]{width:18px;height:18px;color:#fff}.pulse[data-v-da487c12]{width:12px;height:12px;border-radius:50%;background:#2196f3;animation:pulse-da487c12 1.5s ease-in-out infinite}@keyframes pulse-da487c12{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}}.step-label[data-v-da487c12]{display:flex;flex-direction:column;gap:.125rem}.step-label strong[data-v-da487c12]{font-size:.95rem;color:#111}.step-desc[data-v-da487c12]{font-size:.85rem;color:#667781}.rate-limit-warning[data-v-da487c12]{margin-top:1.5rem;padding:1rem;background:#fff3cd;border:1px solid #FFEB3B;border-radius:8px;display:flex;gap:1rem}.warning-icon[data-v-da487c12]{width:24px;height:24px;color:#ff9800;flex-shrink:0}.warning-content[data-v-da487c12]{flex:1}.warning-content strong[data-v-da487c12]{display:block;color:#f57c00;margin-bottom:.25rem}.warning-content p[data-v-da487c12]{margin:0;color:#666;font-size:.9rem}.countdown[data-v-da487c12]{margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.countdown .time[data-v-da487c12]{font-size:1.25rem;font-weight:600;color:#f57c00}.countdown .label[data-v-da487c12]{font-size:.875rem;color:#666}.qr-section[data-v-da487c12]{animation:slideIn-da487c12 .3s ease-out}@keyframes slideIn-da487c12{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.qr-card[data-v-da487c12]{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;text-align:center}.qr-card h3[data-v-da487c12]{font-size:1.5rem;color:#128c7e;margin-bottom:1rem}.qr-wrapper[data-v-da487c12]{position:relative;display:inline-block;margin:1rem 0}.qr-image[data-v-da487c12]{max-width:300px;width:100%;height:auto;border:4px solid #E1E8ED;border-radius:12px;padding:1rem;background:#fff}.qr-overlay[data-v-da487c12]{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;border-radius:12px}.btn-refresh[data-v-da487c12]{background:#128c7e;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s}.btn-refresh[data-v-da487c12]:hover{background:#0e7a6c}.btn-refresh svg[data-v-da487c12]{width:20px;height:20px}.qr-instructions[data-v-da487c12]{text-align:left;background:#f5f7f9;padding:1rem;border-radius:8px;margin-top:1.5rem}.qr-instructions p[data-v-da487c12]{margin:0 0 .5rem;font-weight:500}.qr-instructions ol[data-v-da487c12]{margin:0;padding-left:1.5rem}.qr-instructions li[data-v-da487c12]{margin-bottom:.25rem;color:#667781}.qr-timer[data-v-da487c12]{margin-top:1rem}.timer-bar[data-v-da487c12]{height:4px;background:#e1e8ed;border-radius:2px;overflow:hidden;margin-bottom:.5rem}.timer-fill[data-v-da487c12]{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width 1s linear}.qr-timer span[data-v-da487c12]{font-size:.875rem;color:#667781}.action-section[data-v-da487c12]{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.btn[data-v-da487c12]{border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn svg[data-v-da487c12]{width:20px;height:20px}.btn-large[data-v-da487c12]{padding:1rem 2rem;font-size:1.125rem}.btn-primary[data-v-da487c12]{background:#128c7e;color:#fff}.btn-primary[data-v-da487c12]:hover:not(:disabled){background:#0e7a6c;transform:translateY(-1px);box-shadow:0 4px 12px #128c7e4d}.btn-secondary[data-v-da487c12]{background:#667781;color:#fff}.btn-secondary[data-v-da487c12]:hover:not(:disabled){background:#556066}.btn-success[data-v-da487c12]{background:#4caf50;color:#fff}.btn-success[data-v-da487c12]:hover{background:#43a047}.btn-danger[data-v-da487c12]{background:#f44336;color:#fff}.btn-danger[data-v-da487c12]:hover{background:#e53935}.btn-warning[data-v-da487c12]{background:#ff9800;color:#fff}.btn-warning[data-v-da487c12]:hover{background:#fb8c00}.btn[data-v-da487c12]:disabled{opacity:.5;cursor:not-allowed}.connected-actions[data-v-da487c12]{display:flex;gap:1rem}.health-monitor[data-v-da487c12]{background:#f5f7f9;border-radius:12px;padding:1rem 1.5rem;display:flex;justify-content:space-between;margin-top:1.5rem}.health-item[data-v-da487c12]{display:flex;flex-direction:column;gap:.25rem}.health-item .label[data-v-da487c12]{font-size:.75rem;color:#667781;text-transform:uppercase;font-weight:500}.health-item .value[data-v-da487c12]{font-size:.9rem;color:#111;font-weight:500}.badge[data-v-da487c12]{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-active[data-v-da487c12]{background:#e8f5e9;color:#4caf50}.badge-disconnected[data-v-da487c12]{background:#ffebee;color:#f44336}.badge-unknown[data-v-da487c12]{background:#e1e8ed;color:#667781}.error-banner[data-v-da487c12]{background:#ffebee;border:1px solid #f44336;border-radius:8px;padding:1rem;display:flex;gap:1rem;align-items:flex-start;margin-top:1.5rem;animation:shake-da487c12 .5s}@keyframes shake-da487c12{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-icon[data-v-da487c12]{width:24px;height:24px;color:#f44336;flex-shrink:0}.error-content[data-v-da487c12]{flex:1}.error-content strong[data-v-da487c12]{display:block;color:#c62828;margin-bottom:.25rem}.error-content p[data-v-da487c12]{margin:0;color:#666;font-size:.9rem}.error-close[data-v-da487c12]{background:none;border:none;cursor:pointer;padding:.25rem;color:#f44336}.error-close svg[data-v-da487c12]{width:20px;height:20px}.help-section[data-v-da487c12]{margin-top:2rem}.help-accordion[data-v-da487c12]{background:#f5f7f9;border-radius:8px;padding:1rem}.help-accordion summary[data-v-da487c12]{font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1rem;color:#128c7e}.help-content[data-v-da487c12]{margin-top:1rem;padding-top:1rem;border-top:1px solid #E1E8ED}.help-content h4[data-v-da487c12]{margin:0 0 .75rem;color:#111}.help-content ul[data-v-da487c12]{margin:0;padding-left:1.5rem}.help-content li[data-v-da487c12]{margin-bottom:.5rem;color:#667781}.help-content li strong[data-v-da487c12]{color:#111}.slide-fade-enter-active[data-v-da487c12]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-da487c12]{transition:all .2s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from[data-v-da487c12],.slide-fade-leave-to[data-v-da487c12]{transform:translateY(-10px);opacity:0}@media (max-width: 768px){.auth-enhanced[data-v-da487c12]{padding:1rem}.header h1[data-v-da487c12]{font-size:2rem}.status-header[data-v-da487c12]{flex-direction:column;text-align:center}.health-monitor[data-v-da487c12]{flex-direction:column;gap:1rem}.action-section[data-v-da487c12],.connected-actions[data-v-da487c12]{flex-direction:column}}.chat-view[data-v-eaf2ab4a]{height:calc(100vh - 140px);display:flex;flex-direction:column}.chat-header[data-v-eaf2ab4a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chat-layout[data-v-eaf2ab4a]{display:grid;grid-template-columns:350px 1fr;gap:1rem;height:100%;min-height:0}.chat-list[data-v-eaf2ab4a]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden}.search-box[data-v-eaf2ab4a]{padding:1rem;border-bottom:1px solid #e1e5e9}.search-input[data-v-eaf2ab4a]{width:100%;padding:.75rem;border:1px solid #d1d7db;border-radius:20px;font-size:.9rem}.search-input[data-v-eaf2ab4a]:focus{outline:none;border-color:#128c7e}.chat-items[data-v-eaf2ab4a]{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.chat-items[data-v-eaf2ab4a]::-webkit-scrollbar{width:6px}.chat-items[data-v-eaf2ab4a]::-webkit-scrollbar-track{background:#f0f2f5}.chat-items[data-v-eaf2ab4a]::-webkit-scrollbar-thumb{background:#c4cdd5;border-radius:3px}.chat-items[data-v-eaf2ab4a]::-webkit-scrollbar-thumb:hover{background:#8696a0}.chat-item[data-v-eaf2ab4a]{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #f0f2f5;cursor:pointer;transition:background-color .2s}.chat-item[data-v-eaf2ab4a]:hover{background:#f8f9fa}.chat-item.active[data-v-eaf2ab4a]{background:#e3f2fd;border-right:3px solid #128c7e}.chat-avatar[data-v-eaf2ab4a]{width:50px;height:50px;border-radius:50%;background:#128c7e;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:1rem;flex-shrink:0}.chat-info[data-v-eaf2ab4a]{flex:1;min-width:0}.chat-name[data-v-eaf2ab4a]{font-weight:500;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-last-message[data-v-eaf2ab4a]{font-size:.85rem;color:#54656f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-meta[data-v-eaf2ab4a]{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.unread-count[data-v-eaf2ab4a]{background:#25d366;color:#fff;border-radius:10px;padding:.125rem .5rem;font-size:.75rem;font-weight:700;min-width:20px;text-align:center}.chat-time[data-v-eaf2ab4a]{font-size:.75rem;color:#8696a0}.chat-messages[data-v-eaf2ab4a]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden}.message-header[data-v-eaf2ab4a]{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e1e5e9}.message-header .chat-info[data-v-eaf2ab4a]{display:flex;align-items:center;gap:1rem}.message-header .chat-name[data-v-eaf2ab4a]{font-weight:500;margin-bottom:.25rem}.chat-status[data-v-eaf2ab4a]{font-size:.85rem;color:#54656f}.messages-container[data-v-eaf2ab4a]{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;background:#f0f2f5;min-height:0;scroll-behavior:smooth}.messages-container[data-v-eaf2ab4a]::-webkit-scrollbar{width:6px}.messages-container[data-v-eaf2ab4a]::-webkit-scrollbar-track{background:#e1e5e9}.messages-container[data-v-eaf2ab4a]::-webkit-scrollbar-thumb{background:#c4cdd5;border-radius:3px}.messages-container[data-v-eaf2ab4a]::-webkit-scrollbar-thumb:hover{background:#8696a0}.message-list[data-v-eaf2ab4a]{display:flex;flex-direction:column;gap:.5rem}.message[data-v-eaf2ab4a]{display:flex;justify-content:flex-start}.message.from-me[data-v-eaf2ab4a]{justify-content:flex-end}.message-content[data-v-eaf2ab4a]{max-width:70%;padding:.75rem 1rem;border-radius:8px;background:#fff;box-shadow:0 1px 2px #0000001a}.message.from-me .message-content[data-v-eaf2ab4a]{background:#dcf8c6}.message-body[data-v-eaf2ab4a]{margin-bottom:.25rem;word-wrap:break-word;white-space:pre-wrap}.message-time[data-v-eaf2ab4a]{font-size:.75rem;color:#8696a0;text-align:right;display:flex;justify-content:flex-end;align-items:center;gap:.25rem}.message-status[data-v-eaf2ab4a]{color:#4fc3f7}.message-input-container[data-v-eaf2ab4a]{border-top:1px solid #e1e5e9;padding:1rem}.message-input[data-v-eaf2ab4a]{display:flex;align-items:flex-end;gap:.5rem}.message-textarea[data-v-eaf2ab4a]{flex:1;min-height:40px;max-height:120px;padding:.75rem;border:1px solid #d1d7db;border-radius:20px;resize:none;font-family:inherit;font-size:.95rem}.message-textarea[data-v-eaf2ab4a]:focus{outline:none;border-color:#128c7e}.send-button[data-v-eaf2ab4a]{width:40px;height:40px;border:none;border-radius:50%;background:#128c7e;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.send-button[data-v-eaf2ab4a]:hover:not(:disabled){background:#0f7269}.send-button[data-v-eaf2ab4a]:disabled{background:#ccc;cursor:not-allowed}.no-chat-selected[data-v-eaf2ab4a]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center}.empty-state[data-v-eaf2ab4a]{text-align:center;color:#54656f}.empty-state h3[data-v-eaf2ab4a]{margin-bottom:.5rem}.no-chats[data-v-eaf2ab4a],.no-messages[data-v-eaf2ab4a]{text-align:center;padding:2rem;color:#54656f}@media (max-width: 768px){.chat-layout[data-v-eaf2ab4a]{grid-template-columns:1fr}.chat-list[data-v-eaf2ab4a]{display:none}.chat-messages[data-v-eaf2ab4a]{grid-column:1}}.modal-overlay[data-v-eaf2ab4a]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-eaf2ab4a]{background:#fff;border-radius:8px;padding:0;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-header[data-v-eaf2ab4a]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e1e5e9;background:#f8f9fa;border-radius:8px 8px 0 0}.modal-header h3[data-v-eaf2ab4a]{margin:0;color:#128c7e}.close-btn[data-v-eaf2ab4a]{background:none;border:none;font-size:24px;color:#54656f;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-eaf2ab4a]:hover{color:#f44336}.new-message-form[data-v-eaf2ab4a]{padding:1.5rem}.phone-input[data-v-eaf2ab4a],.message-textarea[data-v-eaf2ab4a]{width:100%;padding:.75rem;border:1px solid #d1d7db;border-radius:6px;font-size:1rem;transition:border-color .2s}.phone-input[data-v-eaf2ab4a]:focus,.message-textarea[data-v-eaf2ab4a]:focus{outline:none;border-color:#128c7e;box-shadow:0 0 0 2px #128c7e1a}.message-textarea[data-v-eaf2ab4a]{resize:vertical;font-family:inherit}.modal-actions[data-v-eaf2ab4a]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}@media (max-width: 768px){.modal-content[data-v-eaf2ab4a]{width:95%;margin:1rem}.modal-actions[data-v-eaf2ab4a]{flex-direction:column}}.api-key-view h2[data-v-7cf3ff0a]{margin-bottom:2rem;color:#128c7e}.api-key-form[data-v-7cf3ff0a]{display:flex;flex-direction:column;gap:1rem}.api-key-display[data-v-7cf3ff0a]{background:#f8f9fa;border:2px solid #128c7e}.key-info[data-v-7cf3ff0a]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.key-field[data-v-7cf3ff0a]{display:flex;flex-direction:column;gap:.25rem}.key-field label[data-v-7cf3ff0a]{font-weight:600;color:#54656f}.key-field span[data-v-7cf3ff0a]{font-family:monospace;background:#fff;padding:.5rem;border-radius:4px;border:1px solid #d1d7db}.key-secret[data-v-7cf3ff0a]{margin-bottom:1rem}.key-secret label[data-v-7cf3ff0a]{display:block;font-weight:600;color:#54656f;margin-bottom:.5rem}.key-value[data-v-7cf3ff0a]{display:flex;gap:.5rem;align-items:flex-start}.key-value code[data-v-7cf3ff0a]{flex:1;background:#fff;padding:1rem;border:1px solid #d1d7db;border-radius:4px;font-family:monospace;word-break:break-all;font-size:.9rem}.copy-btn[data-v-7cf3ff0a]{flex-shrink:0;padding:.5rem 1rem}.key-warning[data-v-7cf3ff0a]{background:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:1rem;border-radius:6px;margin-bottom:1rem}.key-actions[data-v-7cf3ff0a]{display:flex;gap:1rem;justify-content:center}.usage-section[data-v-7cf3ff0a]{margin-bottom:1.5rem}.usage-section h4[data-v-7cf3ff0a]{margin-bottom:.5rem;color:#128c7e}.usage-section p[data-v-7cf3ff0a]{margin-bottom:.5rem;color:#54656f}.usage-section pre[data-v-7cf3ff0a]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:1rem;overflow-x:auto;font-size:.85rem}.usage-section code[data-v-7cf3ff0a]{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.test-section[data-v-7cf3ff0a]{display:flex;flex-direction:column;gap:1rem}.test-result[data-v-7cf3ff0a]{padding:1rem;border-radius:6px;border:1px solid}.test-result.success[data-v-7cf3ff0a]{background:#d1f2eb;border-color:#a7f3d0;color:#065f46}.test-result.error[data-v-7cf3ff0a]{background:#ffeaa7;border-color:#fdcb6e;color:#6c5ce7}.test-result pre[data-v-7cf3ff0a]{margin-top:.5rem;background:#0000000d;padding:.5rem;border-radius:4px;font-size:.8rem;overflow-x:auto}.webhook-form[data-v-7cf3ff0a]{display:flex;flex-direction:column;gap:1rem}.checkbox-group[data-v-7cf3ff0a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-top:.5rem}.checkbox-label[data-v-7cf3ff0a]{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.checkbox-label input[type=checkbox][data-v-7cf3ff0a]{width:auto}.webhook-actions[data-v-7cf3ff0a]{display:flex;gap:1rem}.api-keys-list[data-v-7cf3ff0a]{overflow-x:auto}.keys-table[data-v-7cf3ff0a]{width:100%;border-collapse:collapse}.keys-table th[data-v-7cf3ff0a],.keys-table td[data-v-7cf3ff0a]{padding:.75rem;text-align:left;border-bottom:1px solid #e9ecef}.keys-table th[data-v-7cf3ff0a]{background:#f8f9fa;font-weight:600;color:#54656f}.keys-table tr[data-v-7cf3ff0a]:hover{background:#f8f9fa}.keys-table code[data-v-7cf3ff0a]{background:#f4f4f4;padding:.25rem .5rem;border-radius:4px;font-family:monospace;font-size:.875rem}.status[data-v-7cf3ff0a]{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500}.status.active[data-v-7cf3ff0a]{background:#d1f2eb;color:#065f46}.status.inactive[data-v-7cf3ff0a]{background:#ffeaa7;color:#856404}.btn-small[data-v-7cf3ff0a]{padding:.375rem .75rem;font-size:.875rem}.btn-danger[data-v-7cf3ff0a]{background:#dc3545;color:#fff}.btn-danger[data-v-7cf3ff0a]:hover{background:#c82333}.btn-danger[data-v-7cf3ff0a]:disabled{background:#ccc;cursor:not-allowed}.empty-state[data-v-7cf3ff0a],.loading[data-v-7cf3ff0a]{text-align:center;padding:2rem;color:#54656f}@media (max-width: 768px){.key-info[data-v-7cf3ff0a]{grid-template-columns:1fr}.key-value[data-v-7cf3ff0a],.webhook-actions[data-v-7cf3ff0a]{flex-direction:column}.checkbox-group[data-v-7cf3ff0a]{grid-template-columns:1fr}.keys-table[data-v-7cf3ff0a]{font-size:.875rem}.keys-table th[data-v-7cf3ff0a],.keys-table td[data-v-7cf3ff0a]{padding:.5rem}}