:root{--color-primario:#534ab7;--color-primario-hover:#4339a0;--color-primario-claro:#ede9ff;--color-ok:#1d9e75;--color-ok-claro:#e0f7ef;--color-alerta:#e67e22;--color-alerta-claro:#fef3e2;--color-peligro:#e74c3c;--color-peligro-claro:#fdecea;--color-info:#2e86ab;--color-info-claro:#e3f4fb;--bg-app:#f0f2f8;--bg-sidebar:#1c1a3a;--bg-sidebar-hover:#2d2a55;--bg-sidebar-activo:#534ab7;--bg-card:#fff;--bg-header:#fff;--texto-principal:#1a1a2e;--texto-secundario:#6b7280;--texto-sidebar:#c5c3e0;--texto-sidebar-activo:#fff;--borde:#e5e7eb;--borde-radio:10px;--sombra-card:0 2px 8px #00000012;--sidebar-ancho:240px;--header-alto:64px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-app);color:var(--texto-principal);font-family:Segoe UI,system-ui,sans-serif;font-size:14px}.app-layout{height:100vh;display:flex;overflow:hidden}.main-content{margin-left:var(--sidebar-ancho);flex-direction:column;flex:1;display:flex;overflow:hidden}.content-area{flex:1;padding:24px;overflow-y:auto}.sidebar{width:var(--sidebar-ancho);background:var(--bg-sidebar);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-logo{border-bottom:1px solid #ffffff14;padding:20px 20px 16px}.sidebar-logo h1{color:#fff;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.sidebar-logo span{color:var(--texto-sidebar);margin-top:2px;font-size:.7rem;font-weight:400;display:block}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.nav-seccion{text-transform:uppercase;letter-spacing:.08em;color:#c5c3e080;padding:10px 16px 4px;font-size:.65rem;font-weight:600}.nav-item{cursor:pointer;color:var(--texto-sidebar);border-left:3px solid #0000;border-radius:0;align-items:center;gap:10px;padding:9px 20px;font-size:.875rem;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--bg-sidebar-hover);color:#fff}.nav-item.activo{color:#fff;border-left-color:var(--color-primario);background:#534ab74d}.nav-item .icono{text-align:center;width:20px;font-size:1rem}.sidebar-footer{color:#c5c3e066;text-align:center;border-top:1px solid #ffffff14;padding:16px 20px;font-size:.75rem}.header{height:var(--header-alto);background:var(--bg-header);border-bottom:1px solid var(--borde);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.header-titulo{color:var(--texto-principal);font-size:1rem;font-weight:600}.header-fecha{color:var(--texto-secundario);font-size:.8rem}.header-badge{align-items:center;gap:8px;display:flex}.badge-sistema{background:var(--color-ok-claro);color:var(--color-ok);border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.7rem;font-weight:600;display:flex}.btn-hamburguesa{border:1px solid var(--borde);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;width:34px;height:34px;font-size:1.1rem;display:none}.sidebar-overlay{display:none}@media (width<=768px){.sidebar{z-index:200;transition:transform .2s;transform:translate(-100%)}.sidebar.sidebar-abierta{transform:translate(0)}.main-content{margin-left:0}.btn-hamburguesa{justify-content:center;align-items:center;display:inline-flex}.sidebar-overlay{z-index:150;background:#0006;display:block;position:fixed;inset:0}.content-area{padding:14px}.header{padding:0 14px}.header-fecha{display:none}.grafico-dashboard{flex-basis:100%!important;min-width:0!important}.tabla-clientes{white-space:nowrap;display:block;overflow-x:auto}}.badge-sistema:before{content:"";background:var(--color-ok);border-radius:50%;width:6px;height:6px;animation:2s infinite pulso}@keyframes pulso{0%,to{opacity:1}50%{opacity:.3}}.card{background:var(--bg-card);border-radius:var(--borde-radio);box-shadow:var(--sombra-card);padding:20px}.grid-metricas{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.metrica{background:var(--bg-card);border-radius:var(--borde-radio);box-shadow:var(--sombra-card);align-items:flex-start;gap:14px;padding:20px;display:flex}.metrica-icono{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.metrica-datos h3{margin-bottom:4px;font-size:1.6rem;font-weight:700;line-height:1}.metrica-datos p{color:var(--texto-secundario);font-size:.78rem}.panel-agentes{margin-top:0}.seccion-titulo{color:var(--texto-principal);align-items:center;gap:8px;margin-bottom:14px;font-size:.95rem;font-weight:600;display:flex}.grid-agentes{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.agente-card{background:var(--bg-card);border-radius:var(--borde-radio);box-shadow:var(--sombra-card);border-left:3px solid var(--color-primario);cursor:pointer;align-items:center;gap:12px;padding:14px 16px;transition:transform .15s,box-shadow .15s;display:flex}.agente-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #534ab726}.agente-icono{font-size:1.4rem}.agente-info h4{color:var(--texto-principal);margin-bottom:2px;font-size:.8rem;font-weight:600}.agente-info p{color:var(--texto-secundario);font-size:.7rem}.agente-estado{background:var(--color-ok);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:auto}.dashboard-grid{grid-template-columns:1fr 340px;gap:20px;display:grid}.actividad-reciente{background:var(--bg-card);border-radius:var(--borde-radio);box-shadow:var(--sombra-card);padding:20px}.actividad-item{border-bottom:1px solid var(--borde);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.actividad-item:last-child{border-bottom:none}.actividad-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.actividad-texto{font-size:.8rem}.actividad-texto strong{color:var(--texto-principal);margin-bottom:2px;display:block}.actividad-texto span{color:var(--texto-secundario)}.tabla-simple{border-collapse:collapse;width:100%}.tabla-simple th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--texto-secundario);border-bottom:1px solid var(--borde);padding:8px 12px;font-size:.7rem;font-weight:600}.tabla-simple td{border-bottom:1px solid var(--borde);padding:10px 12px;font-size:.82rem}.tabla-simple tr:last-child td{border-bottom:none}.chip{border-radius:20px;align-items:center;padding:3px 9px;font-size:.68rem;font-weight:600;display:inline-flex}.chip-ok{background:var(--color-ok-claro);color:var(--color-ok)}.chip-alerta{background:var(--color-alerta-claro);color:var(--color-alerta)}.chip-peligro{background:var(--color-peligro-claro);color:var(--color-peligro)}.chip-info{background:var(--color-info-claro);color:var(--color-info)}.chip-primario{background:var(--color-primario-claro);color:var(--color-primario)}.page-header{margin-bottom:20px}.page-header h2{font-size:1.25rem;font-weight:700}.page-header p{color:var(--texto-secundario);margin-top:2px;font-size:.82rem}.input-filtro,.select-filtro{border:1px solid var(--borde);color:var(--texto-principal);background:#fff;border-radius:8px;outline:none;padding:7px 11px;font-family:inherit;font-size:.82rem;transition:border-color .15s}.input-filtro:focus,.select-filtro:focus{border-color:var(--color-primario)}.btn-limpiar{border:1px solid var(--borde);cursor:pointer;color:var(--texto-secundario);white-space:nowrap;background:#fff;border-radius:8px;padding:7px 14px;font-size:.78rem;transition:all .15s}.btn-limpiar:hover{background:var(--color-peligro-claro);color:var(--color-peligro);border-color:var(--color-peligro)}.tabla-clientes{border-collapse:collapse;width:100%}.tabla-clientes th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--texto-secundario);border-bottom:2px solid var(--borde);white-space:nowrap;padding:10px 14px;font-size:.7rem;font-weight:700}.tabla-clientes td{border-bottom:1px solid var(--borde);vertical-align:middle;padding:10px 14px}.tabla-clientes tr:last-child td{border-bottom:none}.fila-clickeable{cursor:pointer;transition:background .12s}.fila-clickeable:hover td{background:#f0edff!important}.modal-overlay{z-index:500;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-contenido,.modal{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.modal-header{border-bottom:1px solid var(--borde);justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;display:flex}.modal-body{padding:20px 24px 24px}.btn-cerrar{background:var(--bg-app);cursor:pointer;width:30px;height:30px;color:var(--texto-secundario);border:none;border-radius:50%;flex-shrink:0;margin-left:12px;font-size:.9rem}.btn-cerrar:hover{background:var(--borde)}.btn-icon{background:var(--bg-app);cursor:pointer;width:30px;height:30px;color:var(--texto-secundario);border:none;border-radius:50%;flex-shrink:0;margin-left:12px;font-size:.9rem}.btn-icon:hover{background:var(--borde)}.form-group{flex-direction:column;gap:6px;margin-bottom:4px;display:flex}.form-group label{color:var(--texto-principal);font-size:.8rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--borde);color:var(--texto-principal);background:#fff;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:.85rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primario);outline:none}.alert-banner{border-radius:8px;padding:10px 14px;font-size:.83rem}.alert-banner.error{background:var(--color-peligro-claro);color:var(--color-peligro);border:1px solid var(--color-peligro)}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:.83rem;font-weight:700;transition:opacity .15s,background .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primario);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primario-hover)}.btn-secondary{color:var(--texto-secundario);border:1px solid var(--borde);background:#fff}.btn-secondary:hover:not(:disabled){background:var(--bg-app)}.btn-danger{background:var(--color-peligro-claro);color:var(--color-peligro);border:1px solid var(--color-peligro)}.btn-danger:hover:not(:disabled){background:var(--color-peligro);color:#fff}.btn-xs{border-radius:6px;padding:4px 10px;font-size:.72rem}.detalle-grid{grid-template-columns:1fr 1fr;gap:12px 20px;font-size:.83rem;display:grid}.detalle-label{text-transform:uppercase;letter-spacing:.04em;color:var(--texto-secundario);margin-bottom:3px;font-size:.7rem;font-weight:700;display:block}.form-seccion-titulo{text-transform:uppercase;letter-spacing:.05em;color:var(--color-primario);border-bottom:1px solid var(--color-primario-claro);margin-bottom:10px;padding-bottom:6px;font-size:.78rem;font-weight:700}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-campo{flex-direction:column;gap:4px;display:flex}.form-campo label{color:var(--texto-secundario);font-size:.75rem;font-weight:600}.en-construccion{height:300px;color:var(--texto-secundario);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.en-construccion span{font-size:2.5rem}.en-construccion p{font-size:.9rem}