:root{--color-primary: #0ea5e9;--color-primary-hover: #0284c7;--color-primary-light: rgba(14, 165, 233, .15);--color-primary-rgb: 14, 165, 233;--color-purple: #380d6b;--color-purple-light: #4a1a8a;--color-bg: #242425;--color-surface: #2c2c2d;--color-surface-light: #353536;--color-border: #3e3e3f;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-300: #4b4b4c;--color-success: #22c55e;--color-danger: #dd0e4c;--color-warning: #f59e0b;--color-whatsapp: #25d366;--color-text: #f1f1f1;--color-text-muted: #9ca3af;--color-text-dim: #6b7280;--font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .5);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-md);margin-bottom:20px;border:1px solid var(--color-border)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;min-height:42px;background-color:var(--color-primary);color:#fff;text-decoration:none;border-radius:var(--radius-sm);border:none;cursor:pointer;font-family:var(--font-family);font-size:14px;font-weight:500;transition:background-color .2s,transform .15s}.btn:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.btn:disabled{background-color:var(--color-gray-500);cursor:not-allowed;transform:none;opacity:.6}.btn-primary{background-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-surface-light);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-gray-300)}.btn-success{background-color:var(--color-success)}.btn-success:hover{background-color:#16a34a}.form-group{margin-bottom:15px}.form-label{display:block;margin-bottom:5px;font-weight:500;color:var(--color-text)}.form-input{width:100%;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-family);background:var(--color-surface-light);color:var(--color-text)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.25)}.alert{padding:10px;border-radius:var(--radius-sm);margin-bottom:15px}.alert-error{background-color:#dd0e4c26;color:#f87171;border:1px solid rgba(221,14,76,.3)}.text-center{text-align:center}.mb-4{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.d-flex{display:flex}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.gap-2{gap:.5rem}.w-100{width:100%}.loading{display:inline-block;width:20px;height:20px;border:2px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-indicator{width:12px;height:12px;border-radius:50%;margin-right:8px}.status-connected{background-color:var(--color-success)}.status-disconnected{background-color:var(--color-danger)}.row{display:flex;gap:1rem;margin:1rem 0}.col-md-6{flex:1}@media (max-width: 768px){.row{flex-direction:column}.d-flex{flex-direction:column;gap:1rem}.justify-content-between{justify-content:flex-start}}