:root{--grad: linear-gradient(120deg, #ec4899 0%, #8b5cf6 50%, #3b82f6 100%);--bg: #0b0918;--bg-blob1: rgba(236, 72, 153, .28);--bg-blob2: rgba(139, 92, 246, .3);--bg-blob3: rgba(59, 130, 246, .26);--glass: rgba(255, 255, 255, .06);--glass-strong: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .14);--ink: #f2f0ff;--ink-soft: #b9b4dc;--ink-faint: #7e78a8;--field: rgba(255, 255, 255, .07);--red: #f87171;--green: #34d399;--shadow: 0 20px 50px rgba(0, 0, 0, .35);--panel: rgba(24, 20, 46, .97);color-scheme:dark}:root[data-theme=light]{--bg: #f5f3ff;--bg-blob1: rgba(236, 72, 153, .18);--bg-blob2: rgba(139, 92, 246, .18);--bg-blob3: rgba(59, 130, 246, .16);--glass: rgba(255, 255, 255, .62);--glass-strong: rgba(255, 255, 255, .85);--glass-border: rgba(120, 100, 200, .18);--ink: #1d1838;--ink-soft: #565080;--ink-faint: #8a85ad;--field: rgba(255, 255, 255, .9);--shadow: 0 16px 40px rgba(80, 60, 160, .12);--panel: rgba(255, 255, 255, .98);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(40vw 40vw at 8% 10%,var(--bg-blob1),transparent 70%),radial-gradient(45vw 45vw at 92% 20%,var(--bg-blob2),transparent 70%),radial-gradient(50vw 50vw at 50% 110%,var(--bg-blob3),transparent 70%)}a{color:inherit}button{font:inherit;cursor:pointer}.glass{background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);box-shadow:var(--shadow)}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{border:1px solid var(--glass-border);background:var(--glass-strong);color:var(--ink);padding:10px 18px;border-radius:12px;font-weight:600;transition:transform .12s,opacity .12s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn-primary{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 8px 24px #8b5cf659}.btn-ghost{background:transparent}.btn-block{width:100%}label.campo{display:block;font-size:12px;font-weight:600;color:var(--ink-soft);margin:14px 0 6px}input,select,textarea{width:100%;padding:11px 13px;border-radius:12px;border:1px solid var(--glass-border);background:var(--field);color:var(--ink);font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf640}.aviso{padding:10px 12px;border-radius:12px;font-size:13px;margin-top:14px}.aviso-error{background:#f8717124;color:var(--red)}.aviso-ok{background:#34d39924;color:var(--green)}.suave{color:var(--ink-soft)}.tenue{color:var(--ink-faint);font-size:12px}.acceso{min-height:100%;display:grid;place-items:center;padding:24px 16px}.acceso-card{width:100%;max-width:420px;padding:34px 30px}.marca{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);font-weight:700}.marca-logo{width:34px;height:34px;border-radius:10px;background:var(--grad);display:grid;place-items:center;color:#fff;font-weight:800;letter-spacing:0;font-size:15px}.acceso h1{font-size:26px;margin:22px 0 4px;line-height:1.2}.enlace{background:none;border:0;padding:0;color:var(--ink-soft);text-decoration:underline;font-size:13px}.app{display:grid;grid-template-columns:250px 1fr;min-height:100%;gap:18px;padding:18px}.sidebar{padding:20px 14px;display:flex;flex-direction:column;gap:6px;position:sticky;top:18px;height:calc(100vh - 36px)}.sidebar .marca{padding:0 8px 18px;letter-spacing:.1em;white-space:nowrap;font-size:10.5px}.cliente-chip{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:var(--glass);margin-bottom:10px}.cliente-chip .avatar{width:36px;height:36px;border-radius:10px;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:800;overflow:hidden;flex-shrink:0}.cliente-chip .avatar img{width:100%;height:100%;object-fit:cover}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:0;background:transparent;color:var(--ink-soft);text-align:left;font-weight:600;width:100%}.nav-item:hover{background:var(--glass);color:var(--ink)}.nav-item.activo{background:var(--glass-strong);color:var(--ink);box-shadow:inset 3px 0 #8b5cf6}.sidebar-pie{margin-top:auto;display:flex;flex-direction:column;gap:6px}.main{min-width:0;display:flex;flex-direction:column;gap:18px}.topbar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px}.topbar h2{margin:0;font-size:20px}.contenido{padding:28px;flex:1}.pronto{text-align:center;padding:60px 20px}.pronto .icono{width:64px;height:64px;margin:0 auto 16px;border-radius:18px;background:var(--grad);display:grid;place-items:center;color:#fff}.tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:18px}.tarjeta{padding:18px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-border);text-align:left;color:var(--ink)}.tarjeta:hover{background:var(--glass-strong)}.banda-ver-como{background:var(--grad);color:#fff;text-align:center;padding:8px;font-size:13px;font-weight:600;border-radius:12px}.menu-movil{display:none}@media (max-width: 860px){.app{grid-template-columns:1fr;padding:12px 16px}.sidebar{position:fixed;right:30%;bottom:0;left:0;z-index:40;height:auto;top:0;border-radius:0 20px 20px 0;transform:translate(-105%);transition:transform .2s}.sidebar.abierta{transform:none}.menu-movil{display:inline-flex}.topbar .tenue{display:none}.velo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:#00000059}.contenido{padding:20px 16px}}textarea{resize:vertical;min-height:80px;line-height:1.5}.fila-entre{display:flex;align-items:center;justify-content:space-between;gap:10px}.enlace.chico{font-size:12px;margin-top:4px}.btn-chico{padding:6px 12px;font-size:13px}.btn>svg,.chip>svg{vertical-align:-3px}.icono-btn{padding:8px;position:relative}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap;background:var(--glass-strong);border:1px solid var(--glass-border)}.pill.tipo{font-weight:600;color:var(--ink-soft)}.pill.nuevo{background:var(--grad);color:#fff;border-color:transparent}.pill.anavic{background:var(--grad);color:#fff;border-color:transparent;font-size:10.5px;padding:1px 8px}.pill .x{background:none;border:0;color:inherit;font-size:15px;line-height:1;padding:0 0 0 4px}.estado-recibida{color:#60a5fa;background:#60a5fa24;border-color:#60a5fa4d}.estado-analisis{color:#fbbf24;background:#fbbf2424;border-color:#fbbf244d}.estado-desarrollo{color:#c084fc;background:#c084fc24;border-color:#c084fc4d}.estado-entregada{color:#34d399;background:#34d39924;border-color:#34d3994d}.estado-cerrada{color:var(--ink-faint);background:var(--glass)}:root[data-theme=light] .estado-recibida{color:#2563eb}:root[data-theme=light] .estado-analisis{color:#b45309}:root[data-theme=light] .estado-desarrollo{color:#7c3aed}:root[data-theme=light] .estado-entregada{color:#047857}.contadores{display:flex;gap:18px;color:var(--ink-soft)}.contadores b{font-size:22px;color:var(--ink);margin-right:4px}.filtros{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:18px}.chip{border:1px solid var(--glass-border);background:var(--glass);color:var(--ink-soft);border-radius:999px;padding:6px 14px;font-weight:600;font-size:13px}.chip.activo{background:var(--grad);color:#fff;border-color:transparent}.buscar{flex:1;min-width:200px;padding:8px 14px;border-radius:999px}.lista-consultas{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.tarjeta.consulta{display:flex;flex-direction:column;gap:6px;cursor:pointer;font:inherit}.tarjeta.consulta.cerrada{opacity:.7}.numero{font-weight:800;color:var(--ink-faint);font-size:13px}.titulo-consulta{font-weight:700;font-size:15px}.tarjeta .desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tarjeta .pie{margin-top:6px}.tarjeta svg{vertical-align:-2px}.avatares{display:flex}.avatares .avatar-mini{margin-left:-6px;border:2px solid var(--bg)}.avatar-mini{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;font-size:11px;font-weight:800;background:var(--glass-strong);color:var(--ink);overflow:hidden;flex-shrink:0}.avatar-mini.chico{width:24px;height:24px;font-size:9.5px}.avatar-mini.anavic{background:var(--grad);color:#fff}.avatar-mini img{width:100%;height:100%;object-fit:cover}.fab{position:fixed;right:28px;bottom:28px;width:56px;height:56px;border-radius:50%;border:0;background:var(--grad);color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px #8b5cf673;z-index:10}.tipos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.tipo-opcion{cursor:pointer;font:inherit}.tipo-opcion.elegido{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf659;background:var(--glass-strong)}.archivos-elegidos{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.detalle-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.panel-lateral{display:flex;flex-direction:column;gap:12px;margin-top:12px}.bloque{padding:14px 16px;border-radius:16px;box-shadow:none;display:flex;flex-direction:column;gap:6px}.bloque-titulo{font-weight:700;display:flex;align-items:center;gap:6px;margin-bottom:2px}.horas-total{font-size:26px;font-weight:800}.descripcion{white-space:pre-wrap;margin:16px 0;line-height:1.6;overflow-wrap:anywhere}.adjuntos{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.adjuntos img{max-width:220px;max-height:160px;border-radius:12px;border:1px solid var(--glass-border);display:block}.adjuntos video{max-width:100%;width:360px;border-radius:12px;background:#000}.adjuntos .archivo{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;background:var(--glass-strong);text-decoration:none;font-size:13px}.estados-linea{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:18px}.estados-linea .paso{display:inline-flex;align-items:center;gap:6px}.conversacion{display:flex;flex-direction:column;gap:12px}.mensaje{padding:12px 14px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-border)}.mensaje .mensaje{margin-top:10px;background:var(--glass-strong)}.mensaje.de-anavic{border-color:#8b5cf659}.mensaje-cabeza{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}.mensaje-texto{white-space:pre-wrap;margin-top:6px;overflow-wrap:anywhere}.responder{margin-top:16px;padding:14px;border-radius:16px;box-shadow:none}.campanita{position:relative}.badge{position:absolute;top:0;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ec4899;color:#fff;font-size:10.5px;font-weight:800;display:grid;place-items:center}.campanita-panel{background:var(--panel);position:absolute;right:0;top:calc(100% + 8px);width:340px;max-width:calc(100vw - 32px);max-height:420px;overflow:auto;padding:10px;z-index:30;border-radius:16px}.campanita-item{display:block;width:100%;text-align:left;background:none;border:0;color:var(--ink);padding:10px;border-radius:12px;font-size:13px}.campanita-item:hover{background:var(--glass-strong)}.campanita-item.sin-leer{background:#8b5cf61f}@media (max-width: 860px){.detalle-grid,.lista-consultas{grid-template-columns:1fr}.fab{right:18px;bottom:18px}}