:root{--font-sans:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg-root:#0b1215;--bg-body:radial-gradient(1200px 800px at 10% -10%, #06b6d414, transparent), radial-gradient(1000px 700px at 110% 10%, #10b9810f, transparent), #0b1215;--surface-1:#111a1d;--surface-2:#182328;--surface-3:#1f2d33;--surface-4:#273a40;--text-1:#f0f4f8;--text-2:#b8c5cc;--text-3:#7e949d;--primary-400:#2dd4bf;--primary-500:#14b8a6;--primary-600:#0d9488;--primary-soft:#14b8a61f;--danger:#f87171;--danger-soft:#f871711f;--warning:#fbbf24;--warning-soft:#fbbf241f;--info:#38bdf8;--info-soft:#38bdf81f;--success:#34d399;--border:#94a3b81f;--border-strong:#94a3b833;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #00000040;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 12px 32px #0006;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--header-height:64px}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg-body);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.btn{border-radius:var(--radius-md);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:transform 80ms,background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary-500);color:#022c26}.btn-primary:hover{background:var(--primary-400);box-shadow:0 0 0 3px var(--primary-soft)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:var(--surface-3);color:var(--text-1);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-4);border-color:var(--border-strong)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:#f8717140}.btn-danger:hover{background:#f871712e}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.input,input:not([type=checkbox]):not([type=radio]),select,textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-1);outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-soft)}input::placeholder,textarea::placeholder{color:var(--text-3)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237e949d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px}th{color:var(--text-3);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}tbody tr:hover{background:#94a3b80a}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-primary{background:var(--primary-soft);color:var(--primary-400)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-muted{background:var(--surface-3);color:var(--text-2)}.status{text-transform:capitalize;font-size:12px;font-weight:600}.estado-cancelado,.estado-fallido{color:var(--danger)}.estado-sin_respuesta{color:var(--warning)}.estado-confirmado,.estado-abierta{color:var(--success)}.estado-programado,.estado-en_curso{color:var(--info)}.empty{color:var(--text-3);text-align:center;padding:32px;font-size:13px}.con-menu{grid-template-columns:64px 1fr;height:100vh;display:grid;overflow:hidden}.menu{background:var(--surface-1);border-right:1px solid var(--border);flex-direction:column;align-items:center;gap:6px;padding:14px 0;display:flex;position:relative}.menu a{border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-3);place-items:center;text-decoration:none;transition:background .15s,color .15s;display:grid;position:relative}.menu a:hover{color:var(--text-1);background:var(--surface-3)}.menu a.activo{color:var(--primary-400);background:var(--primary-soft)}.menu a.activo:before{content:"";background:var(--primary-500);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:-10px}.menu a svg{stroke-width:1.8px;width:22px;height:22px}.menu a:after{content:attr(title);background:var(--surface-3);color:var(--text-1);border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;box-shadow:var(--shadow-md);z-index:50;padding:5px 10px;font-size:12px;font-weight:600;transition:opacity .15s,transform .15s;position:absolute;left:54px;transform:translate(-6px)}.menu a:hover:after{opacity:1;transform:translate(0)}.menu-pie{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:10px;width:44px;margin-top:auto;padding-top:14px;display:flex}.menu-pie .avatar{background:var(--primary-soft);width:32px;height:32px;color:var(--primary-400);font-size:13px}.menu-pie button{color:var(--text-3);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:0;width:36px;height:36px;font-size:20px;line-height:1;transition:background .15s,color .15s}.menu-pie button:hover{color:var(--danger);background:var(--danger-soft)}.avatar{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#022c26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:700;display:flex}.bandeja{grid-template-columns:320px 1fr 320px;height:100vh;display:grid;overflow:hidden}.bandeja>*{min-height:0}.lista{background:var(--surface-1);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow-y:auto}.lista .cabecera{height:var(--header-height);border-bottom:1px solid var(--border);padding:0 var(--space-4);background:0 0;flex-direction:row;justify-content:space-between;align-items:center}.lista .cabecera span{letter-spacing:-.02em;font-size:18px;font-weight:800}.lista .cabecera span:after{content:"Bot";color:var(--primary-400);font-weight:700}.filtros{padding:var(--space-3) var(--space-4);gap:8px;display:flex}.filtros button{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;flex:1;padding:7px 10px;font-size:12px;font-weight:600;transition:all .15s}.filtros button:hover{background:var(--surface-3);color:var(--text-1)}.filtros button.activo{background:var(--primary-500);color:#022c26;box-shadow:0 0 0 3px var(--primary-soft);border-color:#0000}.lista ul{padding:0;list-style:none}.lista li{padding:12px var(--space-4);cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:12px;transition:background .12s;display:flex;position:relative}.lista li:hover{background:var(--surface-2)}.lista li.activa{background:var(--surface-3)}.lista li.activa:before{content:"";background:var(--primary-500);border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:0}.resumen{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.resumen strong{color:var(--text-1);font-size:14px;font-weight:600}.resumen small{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.resumen .hora{color:var(--text-3);margin-left:auto;font-size:11px}.alerta{color:var(--warning);margin-left:auto;font-size:10px}.lista .badge{background:var(--primary-500);color:#022c26;border-radius:12px;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 7px;font-size:12px;font-weight:700;display:grid}.chat{background:0 0;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.chat.vacio{color:var(--text-3);justify-content:center;align-items:center;overflow:auto}.chat>.cabecera{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);min-height:var(--header-height);padding:10px var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);z-index:10;background:#111a1de6;flex-wrap:nowrap;display:flex;position:sticky;top:0;flex-direction:row!important}.chat>.cabecera .info{flex-direction:column;flex:auto;min-width:0;display:flex}.chat>.cabecera strong{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.chat>.cabecera small{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.chat>.cabecera .acciones{flex-flow:row;flex:none;gap:8px;margin:0;display:flex}.chat>.cabecera .acciones button,.chat>.cabecera .acciones select{border-radius:var(--radius-md);background:var(--surface-3);color:var(--text-1);border:1px solid #0000;border-color:var(--border);white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.chat>.cabecera .acciones button:hover,.chat>.cabecera .acciones select:hover{background:var(--surface-4);border-color:var(--border-strong)}.hilo{padding:var(--space-5) 8%;background:radial-gradient(circle,#14b8a608 0%,#0000 60%),linear-gradient(#0b121599,#0b121599),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23182a30' fill-opacity='0.35'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.burbuja{border-radius:var(--radius-lg);max-width:70%;box-shadow:var(--shadow-sm);flex-direction:column;padding:9px 12px;animation:.2s both aparece;display:inline-flex;position:relative}@keyframes aparece{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.burbuja.entrante{background:var(--surface-2);border-bottom-left-radius:4px;align-self:flex-start}.burbuja.saliente{background:linear-gradient(#0f766e,#0d5c55);border-bottom-right-radius:4px;align-self:flex-end}.burbuja .autor{color:var(--primary-400);margin-bottom:2px;font-size:11px;font-weight:700}.burbuja .texto{color:var(--text-1);word-break:break-word;line-height:1.45}.burbuja .media-content{flex-direction:column;gap:6px;display:flex}.burbuja .media-content img,.burbuja .media-content video{border-radius:var(--radius-md);max-width:280px;max-height:320px;display:block}.burbuja .media-content .caption{color:var(--text-1);font-size:13px}.burbuja .meta{color:#ffffffa6;align-self:flex-end;align-items:center;gap:5px;margin-top:3px;font-size:11px;display:flex}.check-leido{color:#53bdeb}.check-fallido{color:var(--danger)}.check-pendiente{color:var(--text-3)}.check-enviado,.check-entregado{color:#ffffffa6}.compositor{padding:var(--space-3) var(--space-5);background:var(--surface-1);border-top:1px solid var(--border);align-items:center;gap:10px;display:flex}.compositor button[type=button]{color:var(--text-3);border-radius:var(--radius-full);background:0 0;border:0;place-items:center;width:40px;height:40px;transition:background .15s,color .15s;display:grid}.compositor button[type=button]:hover{background:var(--surface-3);color:var(--text-1)}.compositor button[type=button]:disabled{opacity:.5;cursor:not-allowed}.compositor input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xl);color:var(--text-1);flex:1;padding:11px 16px}.compositor input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-soft)}.compositor button[type=submit]{background:var(--primary-500);color:#022c26;border-radius:var(--radius-full);border:0;place-items:center;width:42px;height:42px;transition:background .15s,box-shadow .15s;display:grid}.compositor button[type=submit]:hover{background:var(--primary-400);box-shadow:0 0 0 3px var(--primary-soft)}.compositor svg{stroke-width:2px;width:20px;height:20px}.aviso-ventana{margin:var(--space-3) var(--space-5);background:var(--warning-soft);color:var(--warning);border-radius:var(--radius-lg);border:1px solid #fbbf2440;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.aviso-ventana button{background:var(--warning);color:#291b00;border-radius:var(--radius-md);border:0;padding:7px 14px;font-size:12px;font-weight:700}.crm{background:var(--surface-1);border-left:1px solid var(--border);padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.crm .crm-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.crm h2{margin-bottom:4px;font-size:18px;font-weight:700}.crm h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);margin-bottom:12px;font-size:12px;font-weight:700}.telefono,.ventana{color:var(--text-2);align-items:center;gap:6px;margin:4px 0;font-size:13px;display:flex}.ventana.cerrada{color:var(--warning)}.ventana.abierta{color:var(--success)}.crm ul{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.crm li{background:var(--surface-3);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:12px;display:flex}.crm li.vacio{color:var(--text-3);background:0 0;padding:12px 0}.crm li strong{color:var(--text-1);font-size:14px}.crm li small{color:var(--text-3);font-size:12px}.tags{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.tag{background:var(--surface-3);color:var(--text-1);border-radius:var(--radius-full);border:1px solid var(--border);align-items:center;gap:6px;padding:5px 11px;font-size:12px;display:inline-flex}.tag.vacio{color:var(--text-3);background:0 0;border-color:#0000;padding-left:0}.tag button{color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:16px;height:16px;font-size:14px;line-height:1;transition:background .15s,color .15s;display:grid}.tag button:hover{color:var(--danger);background:var(--danger-soft)}.tag-input{margin-bottom:0;position:relative}.tag-input input{width:100%}.tag-sugerencias{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-md);z-index:5;max-height:140px;box-shadow:var(--shadow-md);margin:4px 0 0;padding:4px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.tag-sugerencias li{cursor:pointer;color:var(--text-1);background:0 0;padding:8px 12px}.tag-sugerencias li:hover{background:var(--surface-4)}.login{height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.login form{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);gap:var(--space-4);width:100%;max-width:380px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.login h1{text-align:center;margin-bottom:var(--space-2);letter-spacing:-.02em;font-size:28px;font-weight:800}.login h1 span{color:var(--primary-400)}.login input{width:100%}.login button{justify-content:center;width:100%;padding:12px;font-size:14px}.login .error{color:var(--danger);text-align:center;font-size:13px}.acciones{gap:8px;margin-top:6px;display:flex}.acciones button,.acciones select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-3);color:var(--text-1);justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.acciones button:hover,.acciones select:hover{background:var(--surface-4);border-color:var(--border-strong)}.picker-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;padding:var(--space-5);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.picker{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);z-index:50;gap:var(--space-3);width:100%;max-width:520px;max-height:80vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.picker h4{font-size:16px;font-weight:700}.picker ul{flex-direction:column;gap:6px;max-height:360px;list-style:none;display:flex;overflow-y:auto}.picker li{cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:12px;transition:background .12s,border-color .12s;display:flex}.picker li:hover{background:var(--surface-2);border-color:var(--primary-500)}.picker li strong{color:var(--text-1);font-size:14px}.picker li small{color:var(--text-3);font-size:12px}.picker input{width:100%}.picker .cerrar{color:var(--text-3);cursor:pointer;background:0 0;border:0;align-self:flex-start;font-size:13px}.picker .cerrar:hover{color:var(--text-1)}.pagina{padding:var(--space-5);overflow-y:auto}.pagina>.cabecera{margin-bottom:var(--space-5);background:0 0;flex-direction:row;justify-content:space-between;align-items:center;min-height:auto;padding:0}.pagina>.cabecera strong{letter-spacing:-.02em;font-size:22px;font-weight:800}.pagina h3{margin:var(--space-6) 0 var(--space-3);text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);font-size:14px;font-weight:700}.tarjetas{gap:var(--space-4);margin:var(--space-4) 0;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid}.tarjeta{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);flex-direction:column;gap:6px;transition:transform .15s,border-color .15s;display:flex}.tarjeta:hover{border-color:var(--border-strong);transform:translateY(-2px)}.tarjeta span{color:var(--primary-400);font-size:28px;font-weight:800}.tarjeta.alerta span{color:var(--danger)}.tarjeta small{color:var(--text-3);font-size:12px}.pagina-recordatorios{max-width:1100px;padding:var(--space-5);margin:0 auto;overflow-y:auto}.pagina-recordatorios .cabecera{margin-bottom:var(--space-5);background:0 0;border-radius:0;flex-direction:row;justify-content:space-between;padding:0}.pagina-recordatorios a{color:var(--primary-400);text-decoration:none}.form-recordatorio{gap:var(--space-3);margin:var(--space-4) 0;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.form-recordatorio input,.form-recordatorio select{flex:140px;min-width:120px}.form-recordatorio button{align-self:flex-start}.filtro-estado{background:var(--surface-2);color:var(--text-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px}.lista-cadencias{flex-direction:column;gap:10px;list-style:none;display:flex}.lista-cadencias li{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:6px;padding:14px;display:flex}.lista-cadencias small{color:var(--text-3)}.fila-toque{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fila-toque input[type=number]{width:80px}.icon{stroke-width:2px;flex-shrink:0;width:18px;height:18px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#35515a}@media (width<=1200px){.bandeja{grid-template-columns:280px 1fr 280px}}@media (width<=980px){.bandeja{grid-template-columns:260px 1fr}.crm{display:none}}@media (width<=680px){.con-menu{grid-template-rows:auto 1fr;grid-template-columns:1fr}.menu{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;justify-content:space-around;padding:8px 0}.menu a:after{display:none}.menu-pie{border-top:0;flex-direction:row;width:auto;margin-top:0}.bandeja{grid-template-columns:1fr}.lista{display:none}}