:root{--bg:#0a0d14;--surface:#0f131c;--surface-2:#161c28;--surface-3:#1f2733;--line:#29323f;--line-soft:#1a212c;--text:#eceef3;--text-muted:#8d96ac;--text-faint:#5e6779;--signal:#d9a544;--signal-strong:#eabd6a;--signal-dim:#4a3a1c;--signal-wash:#d9a5441f;--leak:#e0604a;--leak-strong:#ec8672;--leak-dim:#47251d;--leak-wash:#e0604a1f;--info:#7fa3c4;--info-wash:#7fa3c41f;--font-ui:"Manrope", system-ui, sans-serif;--font-display:"Space Grotesk", "Manrope", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--radius-sm:3px;--radius:5px;--radius-lg:8px;--ease-standard:cubic-bezier(.2, .7, .2, 1);--ease-sweep:cubic-bezier(.45, 0, .55, 1)}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}#root{min-height:100%}h1,h2,h3,h4,p{margin:0}button{color:inherit;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit}::selection{background:var(--signal-dim);color:var(--text)}:focus-visible{outline:2px solid var(--signal);outline-offset:2px;border-radius:3px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border:2px solid var(--bg);border-radius:6px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line-soft);background:var(--surface);justify-content:space-between;align-items:center;gap:24px;padding:16px 28px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{flex-shrink:0;width:32px;height:32px}.brand-sweep{transform-origin:17px 17px;animation:sweep-in 1.4s var(--ease-sweep) 1}@keyframes sweep-in{0%{opacity:0;transform:rotate(-140deg)scale(.6)}to{opacity:.9;transform:rotate(0)scale(1)}}.brand-text{flex-direction:column;line-height:1.2;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:15.5px;font-weight:600}.brand-sub{color:var(--text-muted);font-size:12px}.topbar-right{align-items:center;gap:22px;display:flex}.live-indicator{color:var(--text-muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.live-dot{background:var(--signal);border-radius:50%;width:6px;height:6px;animation:2.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #d9a54466}50%{box-shadow:0 0 0 5px #d9a54400}}.topbar-date{color:var(--text-faint);font-size:12.5px}.topbar-user{color:var(--text-muted);font-size:13px}.topbar-user strong{color:var(--text);font-weight:600}.tabnav{border-bottom:1px solid var(--line-soft);background:var(--bg);align-items:center;gap:4px;padding:0 24px;display:flex}.tabnav-btn{color:var(--text-muted);cursor:pointer;transition:color .15s var(--ease-standard);background:0 0;border:none;padding:14px;font-size:13.5px;font-weight:500;position:relative}.tabnav-btn:hover,.tabnav-btn.active{color:var(--text)}.tabnav-indicator{background:var(--signal);height:2px;position:absolute;bottom:-1px}.tabnav-count{font-family:var(--font-mono);color:var(--text-faint);margin-left:6px;font-size:11px}.tabnav-btn.active .tabnav-count{color:var(--signal)}.api-error-banner{background:var(--leak-wash);color:var(--leak-strong);border-bottom:1px solid var(--leak-dim);padding:10px 28px;font-size:13px}.app-content{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:28px 28px 56px}.view-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.view-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:21px;font-weight:600}.view-subtitle{color:var(--text-muted);max-width:56ch;margin-top:4px;font-size:13px}@media (width<=720px){.topbar{padding:12px 16px}.brand-sub,.topbar-date{display:none}.tabnav{padding:0 12px;overflow-x:auto}.app-content{padding:18px 16px 36px}}.btn{border-radius:var(--radius-sm);cursor:pointer;height:34px;transition:background .12s var(--ease-standard), border-color .12s var(--ease-standard), transform 80ms var(--ease-standard);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:13px;font-weight:600;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--signal);color:#241a06}.btn-primary:hover{background:var(--signal-strong)}.btn-ghost{border-color:var(--line);color:var(--text);background:0 0;font-weight:500}.btn-ghost:hover{background:var(--surface-2);border-color:var(--surface-3)}.btn-danger{border-color:var(--leak-dim);color:var(--leak-strong);background:0 0;font-weight:500}.btn-danger:hover{background:var(--leak-wash)}.btn-sm{height:28px;padding:0 11px;font-size:12px}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text-muted);font-size:12.5px}.input,.select,.textarea{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);width:100%;transition:border-color .12s var(--ease-standard);padding:9px 11px;font-size:13.5px}.input:focus,.select:focus,.textarea:focus{border-color:var(--signal-dim)}.textarea{resize:vertical;min-height:72px;font-family:var(--font-ui)}.slider{width:100%;accent-color:var(--signal)}.badge{white-space:nowrap;border-radius:100px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:500;line-height:1.4;display:inline-flex}.badge-signal{background:var(--signal-wash);color:var(--signal-strong)}.badge-leak{background:var(--leak-wash);color:var(--leak-strong)}.badge-info{background:var(--info-wash);color:var(--info)}.badge-neutral{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--line)}.panel{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-lg);box-shadow:inset 0 1px #ffffff05}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;animation:fade-in .16s var(--ease-standard);background:#04060aa6;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.drawer{background:var(--surface);border-left:1px solid var(--line);z-index:41;width:min(480px,100vw);animation:slide-in .22s var(--ease-standard);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);z-index:41;width:min(560px,100vw - 32px);max-height:calc(100vh - 64px);animation:pop-in .16s var(--ease-standard);position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}@keyframes pop-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.panel-header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.panel-title{font-size:15px;font-weight:600}.panel-body{padding:20px;overflow-y:auto}.panel-footer{border-top:1px solid var(--line-soft);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.empty-state{color:var(--text-faint);border-top:1px solid var(--line-soft);padding:32px 0;font-size:13.5px}.login-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-card{z-index:1;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-lg);flex-direction:column;gap:17px;width:100%;max-width:340px;padding:30px 26px 28px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff08}.login-brand{align-items:center;gap:12px;margin-bottom:6px;display:flex}.login-error{color:var(--leak-strong);background:var(--leak-wash);border:1px solid var(--leak-dim);border-radius:var(--radius-sm);padding:9px 11px;font-size:12.5px}.login-submit{width:100%;height:38px;margin-top:4px}.radar-field{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.radar-sweep-group{transform-origin:300px 300px;animation:9s linear infinite radar-rotate}@keyframes radar-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.radar-sweep-group{animation:none}}.instrumentos{border:1px solid var(--line-soft);border-radius:var(--radius-lg);grid-template-columns:repeat(3,1fr);margin-bottom:18px;display:grid;overflow:hidden}.instrumento{border-bottom:2px solid var(--vertice-color,var(--line));background:var(--surface);padding:20px 22px 18px}.instrumento+.instrumento{border-left:1px solid var(--line-soft)}.instrumento-label{color:var(--text-muted);margin-bottom:12px;font-size:13px}.instrumento-valor{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);font-size:30px;font-weight:600}.instrumento-unidad{color:var(--text-faint);font-size:13px;font-family:var(--font-ui);margin-left:4px;font-weight:500}.instrumento-kpi{color:var(--text-faint);margin-top:6px;font-size:12px}.cuello-linea{border-left:2px solid var(--leak);color:var(--text);margin-bottom:24px;padding:4px 0 4px 14px;font-size:13.5px;line-height:1.5}.cuello-linea.ok{border-left-color:var(--signal)}.cuello-linea strong{color:var(--leak-strong);font-weight:600}.cuello-linea.ok strong{color:var(--signal-strong)}.fila-secundaria{grid-template-columns:1.4fr 1fr;align-items:stretch;gap:14px;margin-bottom:14px;display:grid}.prospeccion-hero{flex-direction:column;justify-content:center;min-height:168px;padding:24px 26px;display:flex;position:relative;overflow:hidden}.prospeccion-hero-label{z-index:1;color:var(--text-muted);margin-bottom:10px;font-size:13px;position:relative}.prospeccion-hero-valor{z-index:1;font-family:var(--font-display);color:var(--text);font-size:56px;font-weight:600;line-height:1;position:relative}.prospeccion-hero-valor span{color:var(--text-faint);margin-left:4px;font-size:22px;font-weight:500}.sidebar-stack{flex-direction:column;gap:14px;display:flex}.cifras-panel{flex:1;padding:18px 20px}.cifras-lista{flex-direction:column;gap:7px;margin-top:12px;font-size:13px;display:flex}.cifras-lista-row{color:var(--text-muted);justify-content:space-between;display:flex}.cifras-lista-row b{font-family:var(--font-mono);color:var(--text);font-weight:500}.acta-panel{padding:18px 20px}.acta-lunes{white-space:pre-wrap;color:var(--text);margin-top:10px;font-size:13.5px;line-height:1.65}.check-estado-form{flex-direction:column;gap:16px;display:flex}.check-estado-row{flex-direction:column;gap:6px;display:flex}.check-estado-row-label{color:var(--text-muted);justify-content:space-between;font-size:13px;display:flex}.check-estado-value{font-family:var(--font-mono);color:var(--signal-strong)}.check-estado-resumen{font-family:var(--font-mono);gap:18px;margin-top:4px;font-size:18px;display:flex}.check-estado-aviso{color:var(--leak-strong);margin-top:10px;font-size:12.5px;line-height:1.5}@media (width<=860px){.instrumentos{grid-template-columns:1fr}.instrumento+.instrumento{border-left:none;border-top:1px solid var(--line-soft)}.fila-secundaria{grid-template-columns:1fr}}.auditoria-list-row{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-lg);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 17px;display:flex}.auditoria-list-row:hover{border-color:var(--line)}.auditoria-list-nombre{font-size:14px;font-weight:600}.auditoria-list-meta{color:var(--text-muted);margin-top:2px;font-size:12.5px}.auditoria-form{flex-direction:column;gap:20px;display:flex}.frentes-grid{flex-direction:column;gap:10px;display:flex}.frente-row{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);grid-template-columns:28px 160px 100px 1fr;align-items:start;gap:14px;padding:12px 14px;display:grid}.frente-numero{font-family:var(--font-mono);color:var(--text-faint);padding-top:8px;font-size:13px}.frente-nombre{padding-top:6px;font-size:13.5px;font-weight:600}.frente-alarma{color:var(--text-faint);margin-top:4px;font-size:11.5px;line-height:1.4}.frente-puntuacion{align-items:center;gap:6px;padding-top:4px;display:flex}.frente-puntuacion input[type=number]{width:48px}.coste-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.coste-resultado{background:var(--signal-wash);border:1px solid var(--signal-dim);border-radius:var(--radius);gap:28px;padding:16px 18px;display:flex}.coste-resultado-item .label{color:var(--text-muted);font-size:12px}.coste-resultado-item .valor{font-family:var(--font-display);color:var(--signal-strong);font-size:24px;font-weight:600}.plan-90-grid{flex-direction:column;gap:10px;display:flex}.plan-90-row{grid-template-columns:80px 1fr 180px;align-items:start;gap:12px;display:grid}.plan-90-periodo{font-family:var(--font-mono);color:var(--text-muted);padding-top:9px;font-size:13px}.informe-shell{flex-direction:column;align-items:center;gap:16px;display:flex}.informe-toolbar{align-self:flex-start;gap:10px;display:flex}.informe-paper{color:#1c1a16;border-radius:var(--radius-lg);width:100%;max-width:760px;font-family:var(--font-ui);background:#fbf9f4;padding:48px 56px}.informe-paper h1,.informe-paper h2{font-family:var(--font-display);color:#1c1a16}.informe-header{border-bottom:2px solid #1c1a16;margin-bottom:28px;padding-bottom:16px}.informe-header h1{margin-bottom:4px;font-size:22px}.informe-header .meta{color:#6b6255;font-size:12.5px}.informe-seccion{margin-bottom:28px}.informe-seccion h2{text-transform:none;border-bottom:1px solid #ddd6c7;margin-bottom:12px;padding-bottom:6px;font-size:14px}.informe-resumen-linea{font-size:13.5px;line-height:1.7}.informe-resumen-linea b{color:#9a5a1f}.informe-tabla{border-collapse:collapse;width:100%;font-size:12.5px}.informe-tabla th,.informe-tabla td{text-align:left;vertical-align:top;border:1px solid #ddd6c7;padding:7px 10px}.informe-tabla th{background:#f0ebe0;font-weight:600}.informe-plan-item{gap:10px;margin-bottom:6px;font-size:13px;display:flex}.informe-plan-item .periodo{font-family:var(--font-mono);color:#9a5a1f;min-width:70px}@media print{body *{visibility:hidden}.informe-paper,.informe-paper *{visibility:visible}.informe-paper{border-radius:0;max-width:none;padding:24px 40px;position:absolute;inset:0}.informe-toolbar,.topbar,.tabnav{display:none!important}}.matriz-tabla{border-collapse:collapse;width:100%;font-size:13px}.matriz-tabla th,.matriz-tabla td{border:1px solid var(--line-soft);text-align:left;vertical-align:top;padding:10px 12px}.matriz-tabla th{background:var(--surface-2);color:var(--text-muted);font-size:12px;font-weight:600}.matriz-tabla .razon{color:var(--text-faint);font-size:12px}.sops-layout{grid-template-columns:260px 1fr;align-items:start;gap:20px;display:grid}.sops-sidebar{flex-direction:column;gap:6px;display:flex}.sops-sidebar-item{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;flex-direction:column;padding:10px 12px;display:flex}.sops-sidebar-item:hover{background:var(--surface-2)}.sops-sidebar-item.active{background:var(--surface-2);border-color:var(--line)}.sops-sidebar-codigo{font-family:var(--font-mono);color:var(--signal-strong);font-size:11px}.sops-sidebar-titulo{margin-top:2px;font-size:13px}.sop-detalle-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.sop-campo{margin-bottom:16px}.sop-campo-label{color:var(--text-muted);margin-bottom:4px;font-size:12px}.sop-campo-valor{white-space:pre-wrap;font-size:13.5px;line-height:1.6}.sop-pasos-list{flex-direction:column;gap:6px;display:flex}.sop-paso-row{align-items:flex-start;gap:10px;display:flex}.sop-paso-numero{font-family:var(--font-mono);color:var(--text-faint);min-width:16px;padding-top:8px;font-size:12px}.catalogo-cuadrante{margin-bottom:26px}.catalogo-cuadrante h2{font-family:var(--font-display);margin-bottom:10px;font-size:15px}.catalogo-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.catalogo-item{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);border-left:3px solid var(--estado-color,var(--line));padding:10px 12px}.catalogo-item-top{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.catalogo-item-codigo{font-family:var(--font-mono);color:var(--text-faint);font-size:11px}.catalogo-item-nombre{margin-top:2px;font-size:13px;font-weight:500}.catalogo-item-nota{color:var(--text-faint);margin-top:4px;font-size:11px;line-height:1.4}.cobertura-resumen{gap:24px;margin-bottom:22px;display:flex}.cobertura-resumen-item .valor{font-family:var(--font-display);font-size:26px;font-weight:600}.cobertura-resumen-item .label{color:var(--text-muted);font-size:12px}@media (width<=860px){.sops-layout{grid-template-columns:1fr}}.bandeja-list{flex-direction:column;gap:10px;display:flex}.bandeja-item{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-lg);padding:15px 17px}.bandeja-item-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.bandeja-item-agente{color:var(--text-muted);font-size:12.5px}.bandeja-item-entidad{margin-bottom:6px;font-size:13.5px;font-weight:600}.bandeja-item-salida{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);white-space:pre-wrap;margin-bottom:11px;padding:11px 13px;font-size:13px}.bandeja-item-actions{justify-content:flex-end;gap:8px;display:flex}.conversaciones-layout{grid-template-columns:320px 1fr;gap:16px;height:calc(100vh - 220px);min-height:420px;display:grid}.hilos-list{border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;gap:6px;padding:8px;display:flex;overflow-y:auto}.hilo-item{text-align:left;border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.hilo-item:hover{background:var(--surface-2)}.hilo-item.active{background:var(--surface-2);border-color:var(--line)}.hilo-item-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.hilo-item-nombre{font-size:13.5px;font-weight:600}.hilo-item-hora{color:var(--text-faint);font-size:11px}.hilo-item-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.hilo-item-preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.hilo-panel{border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.hilo-panel-header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;gap:12px;padding:14px 18px;display:flex}.hilo-panel-nombre{font-size:14px;font-weight:600}.hilo-panel-telefono{color:var(--text-faint);font-size:12px}.hilo-mensajes{flex-direction:column;flex:1;gap:8px;padding:18px;display:flex;overflow-y:auto}.burbuja{border-radius:var(--radius);border:1px solid var(--line-soft);max-width:65%;padding:9px 12px;font-size:13.5px}.burbuja-entrante{background:var(--surface-2);align-self:flex-start}.burbuja-saliente{background:var(--signal-wash);border-color:var(--signal-dim);align-self:flex-end}.burbuja-texto{white-space:pre-wrap}.burbuja-hora{color:var(--text-faint);text-align:right;margin-top:4px;font-size:10.5px}.composer{border-top:1px solid var(--line-soft);align-items:flex-end;gap:10px;padding:14px 18px;display:flex}.composer-input{flex:1;min-height:42px;max-height:140px}@media (width<=720px){.conversaciones-layout{grid-template-columns:1fr;height:auto}.hilos-list{max-height:260px}}