*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;color:#12263a;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.pantalla-carga{background:#f2f5f8;justify-content:center;align-items:center;min-height:100vh;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.btn{cursor:pointer;border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.btn:disabled{opacity:.65;cursor:default}.btn-primario{color:#fff;background:#123c6b}.btn-primario:hover:not(:disabled){background:#0f2c4f}.btn-secundario{color:#34495e;background:#fff;border:1.5px solid #d5dee7}.btn-secundario:hover:not(:disabled){background:#eef3f8}.btn-peligro{color:#fff;background:#c0392b}.btn-peligro:hover:not(:disabled){background:#96281b}.btn-pequeno{padding:6px 12px;font-size:12.5px}.form-grupo{margin-bottom:16px}.form-label{color:#34495e;margin-bottom:5px;font-size:13px;font-weight:600;display:block}.form-input,.form-select{color:#12263a;background:#fff;border:1.5px solid #d5dee7;border-radius:9px;outline:none;width:100%;padding:9.5px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus{border-color:#123c6b;box-shadow:0 0 0 3px #123c6b1f}.form-fila{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-ayuda{color:#90a0b0;margin-top:4px;font-size:12px}.tabla-contenedor{background:#fff;border:1px solid #e3e9ef;border-radius:12px;overflow-x:auto;box-shadow:0 1px 4px #0414280f}.tabla{border-collapse:collapse;width:100%;font-size:13.5px}.tabla th{text-align:left;color:#5c6f82;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;background:#f7f9fb;border-bottom:1px solid #e3e9ef;padding:13px 16px;font-size:12px;font-weight:700}.tabla td{color:#34495e;vertical-align:middle;border-bottom:1px solid #eef1f5;padding:12px 16px}.tabla tbody tr:last-child td{border-bottom:none}.tabla tbody tr:hover{background:#fbfcfe}.alerta{border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:13.5px}.alerta-exito{color:#1a7f4e;background:#e3f6ec;border:1px solid #b9e5cd}.alerta-error{color:#96281b;background:#fdeaea;border:1px solid #f5c6c0}.estado-vacio{text-align:center;color:#90a0b0;padding:48px 24px;font-size:14px}.pagina-cabecera{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.pagina-cabecera .page-title{margin:0}.modal-overlay{z-index:50;background:#09192b8c;justify-content:center;align-items:flex-start;padding:60px 16px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:14px;width:100%;animation:.15s modal-entrada;box-shadow:0 24px 64px #04142859}@keyframes modal-entrada{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;padding:18px 22px 0;display:flex}.modal-titulo{color:#12263a;margin:0;font-size:17px;font-weight:700}.modal-cerrar{color:#90a0b0;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:24px;line-height:1}.modal-cerrar:hover{color:#12263a;background:#eef3f8}.modal-body{padding:18px 22px 22px}.layout{background:#f2f5f8;flex-direction:column;min-height:100vh;display:flex}.layout-header{color:#fff;z-index:20;background:#0f2c4f;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;height:58px;padding:0 20px;display:grid;position:sticky;top:0;box-shadow:0 2px 8px #04142840}.header-izquierda{justify-self:start;align-items:center;gap:12px;min-width:0;display:flex}.header-titulo{letter-spacing:.3px;white-space:nowrap;text-align:center;justify-self:center;margin:0;font-size:22px;font-weight:700}.header-logo{object-fit:contain;filter:brightness(0)invert();width:auto;max-width:200px;height:32px;display:block}.header-user{justify-self:end;position:relative}.menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px;display:none}.header-user-boton{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:flex-end;padding:4px 8px;line-height:1.25;display:flex}.header-user-boton:hover{background:#ffffff14}.header-user-name{font-size:13.5px;font-weight:600}.header-user-rol{color:#9fc0dd;letter-spacing:.5px;font-size:11px}.header-user-menu{color:#12263a;z-index:30;background:#fff;border:1px solid #e3e9ef;border-radius:10px;min-width:200px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 28px #0414282e}.header-user-menu-item{text-align:left;color:#12263a;cursor:pointer;background:0 0;border:none;border-radius:7px;width:100%;padding:9px 12px;font-size:13.5px;font-weight:600;display:block}.header-user-menu-item:hover{background:#eef3f8}.header-user-menu-item.peligro{color:#96281b}.header-user-menu-item.peligro:hover{background:#fdeaea}.layout-body{flex:1;display:flex}.sidebar{background:#fff;border-right:1px solid #e3e9ef;flex-direction:column;width:220px;padding:18px 12px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.sidebar-link{color:#46586b;border-radius:9px;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:background .12s,color .12s;display:block}.sidebar-link:hover{color:#12263a;background:#eef3f8}.sidebar-link.activo{color:#fff;background:#123c6b}.sidebar-logout{color:#96281b;cursor:pointer;background:0 0;border:1.5px solid #e3e9ef;border-radius:9px;margin-top:16px;padding:10px 14px;font-size:13.5px;font-weight:600;transition:background .12s}.sidebar-logout:hover{background:#fdeaea;border-color:#f5c6c0}.layout-content{flex:1;min-width:0;padding:28px}@media (width<=768px){.menu-toggle{display:block}.sidebar{z-index:15;transition:transform .2s;position:fixed;top:58px;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 16px #04142826}.sidebar.abierto{transform:translate(0)}.layout-content{padding:18px}.header-logo{max-width:120px;height:22px}.header-titulo{font-size:16px}}.login-page{isolation:isolate;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-fondo{pointer-events:none;z-index:-1;position:fixed;inset:0}.login-fondo img{object-fit:cover;filter:blur(2px);width:100%;height:100%;transform:scale(1.02)}.login-fondo:after{content:"";background:#0f172a40;position:absolute;inset:0}.login-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:16px;width:100%;max-width:400px;padding:42px 38px 36px;box-shadow:0 20px 60px #04142873}.login-title{letter-spacing:.5px;color:#12263a;margin:0;font-size:22px;font-weight:700}.login-subtitle{color:#5c6f82;margin:6px 0 28px;font-size:13.5px}.login-card form{text-align:left}.login-label{color:#34495e;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.login-input{color:#12263a;border:1.5px solid #d5dee7;border-radius:9px;outline:none;width:100%;margin-bottom:18px;padding:11px 14px;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.login-input:focus{border-color:#123c6b;box-shadow:0 0 0 3px #123c6b1f}.login-error{color:#96281b;background:#fdeaea;border:1px solid #f5c6c0;border-radius:9px;margin-bottom:16px;padding:10px 14px;font-size:13.5px}.login-button{color:#fff;letter-spacing:1px;cursor:pointer;background:#123c6b;border:none;border-radius:10px;width:100%;padding:13px;font-size:14px;font-weight:700;transition:background .15s}.login-button:hover:not(:disabled){background:#0f2c4f}.login-button:disabled{opacity:.7;cursor:default}.badge{letter-spacing:.4px;white-space:nowrap;border-radius:999px;padding:3.5px 11px;font-size:11.5px;font-weight:700;display:inline-block}.badge-neutro{color:#46586b;background:#eef1f5}.badge-admin{color:#5b3fa8;background:#ede7fb}.badge-dev{color:#1663a7;background:#e2f0fd}.badge-comercial{color:#0d6e69;background:#e0f4f3}.badge-ok{color:#1a7f4e;background:#e3f6ec}.badge-off{color:#7a7a7a;background:#f2f2f2}.badge-produccion{color:#1a7f4e;background:#e3f6ec}.badge-beta{color:#b06000;background:#fff1dc}.badge-obligatorio{color:#c0392b;background:#fdeaea}.badge-opcional{color:#46586b;background:#eef1f5}.badge-actual{color:#1663a7;background:#e2f0fd}.badge-pendiente{color:#b06000;background:#fff1dc}.page-title{color:#12263a;margin:0 0 20px;font-size:22px;font-weight:700}.card{background:#fff;border:1px solid #e3e9ef;border-radius:12px;padding:24px;box-shadow:0 1px 4px #0414280f}.bienvenida h2{color:#12263a;margin:0 0 8px;font-size:18px}.bienvenida p{color:#46586b;margin:4px 0;font-size:14.5px}.dashboard-saludo{color:#5c6f82;margin:-8px 0 18px;font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px;display:grid}.stat-card{background:#fff;border:1px solid #e3e9ef;border-radius:12px;padding:18px 20px;box-shadow:0 1px 4px #0414280f}.stat-valor{color:#123c6b;font-size:30px;font-weight:800;line-height:1.1}.stat-etiqueta{color:#5c6f82;margin-top:6px;font-size:13px;font-weight:600}.stat-detalle{color:#90a0b0;margin-top:3px;font-size:12px}.stat-card.alerta{background:#fdf7ea;border-color:#e8b23a}.stat-card.alerta .stat-valor{color:#9a6b00}.stat-card.ok .stat-valor{color:#1c7d4d}.dashboard-seccion{margin-bottom:22px}.dashboard-seccion h2{color:#12263a;margin:0 0 12px;font-size:15.5px}.pendientes-lista{flex-direction:column;gap:8px;display:flex}.pendiente-item{background:#fdf7ea;border:1px solid #f0dcae;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;display:flex}.pendiente-item:hover{border-color:#e8b23a}.pendiente-nombre{color:#12263a;font-size:13.5px;font-weight:700}.pendiente-contador{color:#9a6b00;white-space:nowrap;font-size:12.5px;font-weight:700}.confirm-mensaje{color:#34495e;margin:0 0 20px;font-size:14.5px;line-height:1.55}.confirm-acciones{justify-content:flex-end;gap:10px;display:flex}.doc-seccion{margin-bottom:18px}.doc-seccion-cabecera{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.doc-seccion-cabecera .seccion-titulo{margin-bottom:0}.doc-seccion-beta{background:#fffdf6;border:1.5px dashed #e0a93f}.doc-aviso-beta{margin-bottom:10px}.doc-tarjeta{background:#fbfcfe;border:1px solid #e3e9ef;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:14px 16px;display:flex}.doc-tarjeta.doc-beta{background:#fffbf0;border-color:#f0dfa8}.doc-info{flex:1;min-width:0}.doc-cabecera{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.doc-nombre{color:#12263a;font-size:15px;font-weight:700}.doc-version{color:#5c6f82;font-size:13px;font-weight:600}.doc-descripcion{color:#5c6f82;margin:4px 0 0;font-size:13px}.doc-badges{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.doc-tamano{color:#90a0b0;font-size:12px}@media (width<=600px){.doc-tarjeta{flex-direction:column;align-items:stretch}}.dropzone{text-align:center;cursor:pointer;background:#fbfcfe;border:2px dashed #b9c8d6;border-radius:14px;padding:36px 24px;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.arrastrando{background:#eef3f8;border-color:#123c6b}.dropzone-icono{color:#123c6b;margin-bottom:8px;font-size:30px}.dropzone-texto{color:#12263a;font-size:15.5px;font-weight:700}.dropzone-subtexto{color:#5c6f82;margin-top:3px;font-size:13px}.dropzone-extensiones{letter-spacing:1px;color:#90a0b0;margin-top:12px;font-size:12px;font-weight:600}.dropzone-lista{margin-top:14px}.dropzone-archivo{background:#fff;border:1px solid #e3e9ef;border-radius:9px;align-items:center;gap:12px;margin-bottom:8px;padding:9px 14px;display:flex}.dropzone-archivo-nombre{color:#12263a;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13.5px;font-weight:600;overflow:hidden}.dropzone-archivo-tamano{color:#90a0b0;white-space:nowrap;font-size:12.5px}.dropzone-progreso{background:#e3e9ef;border-radius:999px;height:22px;margin-top:10px;position:relative;overflow:hidden}.dropzone-progreso-barra{background:linear-gradient(90deg,#123c6b,#0d5c63);height:100%;transition:width .2s}.dropzone-progreso-texto{color:#12263a;justify-content:center;align-items:center;font-size:11.5px;font-weight:700;display:flex;position:absolute;inset:0}.detalle-titulo{align-items:center;gap:12px;display:flex}.seccion-titulo{color:#12263a;margin:0 0 14px;font-size:15.5px;font-weight:700}.datos-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px 24px;display:grid}.dato{flex-direction:column;gap:3px;display:flex}.dato-etiqueta{text-transform:uppercase;letter-spacing:.5px;color:#90a0b0;font-size:11.5px;font-weight:700}.dato-valor{color:#12263a;font-size:14.5px}.seccion-pendiente{margin-top:18px}.texto-secundario{color:#90a0b0;margin:0;font-size:13.5px}.status-page{background:linear-gradient(135deg,#0f2c4f 0%,#123c6b 50%,#0d5c63 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.status-card{background:#fff;border-radius:16px;width:100%;max-width:440px;padding:40px 36px 32px;box-shadow:0 20px 60px #04142873}.status-header{text-align:center;margin-bottom:28px}.brand-mark{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#123c6b,#0d5c63);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;font-size:22px;font-weight:700;display:flex}.status-header h1{color:#12263a;letter-spacing:.5px;margin:0;font-size:26px;font-weight:700}.subtitle{color:#5c6f82;margin:6px 0 0;font-size:14px}.status-list{border:1px solid #e3e9ef;border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.status-row{background:#fbfcfe;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.status-row+.status-row{border-top:1px solid #e3e9ef}.status-label{color:#34495e;font-size:14.5px;font-weight:600}.status-detail{color:#7b8ca0;font-weight:400}.status-badge{letter-spacing:.5px;border-radius:999px;align-items:center;gap:7px;padding:5px 13px;font-size:12.5px;font-weight:700;display:inline-flex}.status-badge.status-ok{color:#1a7f4e;background:#e3f6ec}.status-badge.status-error{color:#c0392b;background:#fdeaea}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.status-message{border-radius:10px;margin-top:16px;padding:12px 16px;font-size:13.5px;line-height:1.5}.status-message.error{color:#96281b;background:#fdeaea;border:1px solid #f5c6c0}.status-message.warning{color:#8a6100;background:#fff7e0;border:1px solid #f0dfa8}.status-message code{background:#00000012;border-radius:4px;padding:1px 5px;font-size:12.5px}.refresh-button{color:#fff;cursor:pointer;background:#123c6b;border:none;border-radius:10px;width:100%;margin-top:20px;padding:12px;font-size:14.5px;font-weight:600;transition:background .15s}.refresh-button:hover{background:#0f2c4f}.timestamp{text-align:center;color:#90a0b0;margin:14px 0 0;font-size:12px}.status-loading{color:#5c6f82;flex-direction:column;align-items:center;gap:16px;padding:30px 0;font-size:14px;display:flex}.spinner{border:4px solid #e3e9ef;border-top-color:#123c6b;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@media (width<=480px){.status-card{padding:30px 22px 24px}}