:root{--navy: #1F3864;--azul: #2E5496;--gris: #6B7280;--gris-claro: #F3F4F6;--borde: #E5E7EB;--blanco: #FFFFFF;--rojo: #DC2626;--ambar: #D97706;--verde: #059669;--sombra: 0 1px 3px rgba(0,0,0,.08);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:#fafafa;color:#111827;font-size:15px}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}.app{min-height:100%;display:flex;flex-direction:column}.barra{background:var(--navy);color:#fff;padding:.7rem 1.2rem;display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.barra .marca{font-weight:700;letter-spacing:.3px}.barra nav{display:flex;gap:.3rem;flex:1;flex-wrap:wrap}.barra nav a{color:#c7d2e4;text-decoration:none;padding:.35rem .75rem;border-radius:6px;font-size:14px}.barra nav a:hover{background:#ffffff1a;color:#fff}.barra nav a.activo{background:var(--azul);color:#fff;font-weight:600}.barra .usuario{font-size:13px;color:#c7d2e4;display:flex;align-items:center;gap:.6rem}.barra .usuario button{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.25rem .6rem;border-radius:6px;font-size:12px}.barra .usuario button:hover{background:#ffffff1f}main.contenido{padding:1.2rem;flex:1;max-width:1400px;width:100%;margin:0 auto}.login-caja{max-width:380px;margin:8vh auto;background:#fff;border:1px solid var(--borde);border-radius:12px;padding:2rem;box-shadow:var(--sombra)}.login-caja h1{color:var(--navy);margin:0 0 .2rem;font-size:1.5rem}.login-caja p.sub{color:var(--gris);margin:0 0 1.5rem;font-size:14px}.campo{margin-bottom:1rem}.campo label{display:block;font-size:13px;font-weight:600;margin-bottom:.3rem;color:#374151}.campo input,.campo select,.campo textarea{width:100%;padding:.55rem .7rem;border:1px solid var(--borde);border-radius:8px;background:#fff}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--azul);outline-offset:-1px;border-color:var(--azul)}.btn{background:var(--azul);color:#fff;border:none;padding:.6rem 1.1rem;border-radius:8px;font-weight:600}.btn:hover{background:var(--navy)}.btn:disabled{opacity:.6;cursor:default}.btn-full{width:100%}.btn-sec{background:#fff;color:#374151;border:1px solid var(--borde)}.btn-sec:hover{background:var(--gris-claro)}.btn-urgente{background:var(--rojo)}.btn-urgente:hover{background:#991b1b}.error{background:#fef2f2;color:#991b1b;border:1px solid #FECACA;padding:.6rem .8rem;border-radius:8px;font-size:14px;margin-bottom:1rem}.aviso{background:#eff6ff;color:#1e40af;border:1px solid #BFDBFE;padding:.6rem .8rem;border-radius:8px;font-size:14px}.filtros{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;background:#fff;border:1px solid var(--borde);border-radius:10px;padding:.7rem .9rem;margin-bottom:1rem}.filtros select,.filtros input{padding:.4rem .55rem;border:1px solid var(--borde);border-radius:7px}.filtros .sep{flex:1}.fases{display:flex;gap:.4rem;margin-bottom:1rem;flex-wrap:wrap}.fases button{background:#fff;border:1px solid var(--borde);border-radius:8px;padding:.5rem .9rem;color:#374151}.fases button.activa{background:var(--navy);color:#fff;border-color:var(--navy);font-weight:600}.fases button small{display:block;font-size:11px;opacity:.7;font-weight:400}.columnas{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;align-items:start}@media (max-width: 980px){.columnas{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.columnas{grid-template-columns:1fr}}.col{background:var(--gris-claro);border-radius:10px;padding:.6rem;min-height:120px}.col h3{margin:.2rem .3rem .7rem;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--gris);display:flex;justify-content:space-between}.col h3 span{background:#fff;border-radius:20px;padding:0 .5rem;font-size:12px}.tarjeta{background:#fff;border:1px solid var(--borde);border-left-width:4px;border-radius:8px;padding:.65rem .75rem;margin-bottom:.55rem;box-shadow:var(--sombra)}.tarjeta.n-normal{border-left-color:var(--gris)}.tarjeta.n-prioritaria{border-left-color:var(--ambar)}.tarjeta.n-urgente{border-left-color:var(--rojo)}.tarjeta h4{margin:0 0 .3rem;font-size:14px;font-weight:600;line-height:1.35}.tarjeta .meta{font-size:12px;color:var(--gris);display:flex;gap:.5rem;flex-wrap:wrap}.etiqueta{display:inline-block;font-size:11px;padding:.1rem .45rem;border-radius:20px;background:var(--gris-claro);color:#374151}.etiqueta.urgente{background:#fee2e2;color:#991b1b;font-weight:600}.etiqueta.prioritaria{background:#fef3c7;color:#92400e;font-weight:600}.etiqueta.extra{background:#ede9fe;color:#5b21b6}.etiqueta.tarde{background:#fee2e2;color:#991b1b}.tarjeta .acciones{display:flex;gap:.3rem;margin-top:.5rem;flex-wrap:wrap}.tarjeta .acciones button{font-size:12px;padding:.2rem .5rem;border-radius:6px;border:1px solid var(--borde);background:#fff;color:#374151}.tarjeta .acciones button:hover{background:var(--gris-claro)}.velo{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182780;display:flex;align-items:flex-start;justify-content:center;padding:4vh 1rem;z-index:50;overflow:auto}.modal{background:#fff;border-radius:12px;padding:1.4rem;width:100%;max-width:520px;box-shadow:0 10px 40px #0003}.modal h2{margin:0 0 1rem;color:var(--navy);font-size:1.2rem}.modal .fila{display:flex;gap:.7rem}.modal .fila>*{flex:1}.modal .pie{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1.2rem}.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.8rem;margin-bottom:1.4rem}.kpi{background:#fff;border:1px solid var(--borde);border-radius:10px;padding:1rem;box-shadow:var(--sombra)}.kpi .etq{font-size:12px;color:var(--gris);text-transform:uppercase;letter-spacing:.4px}.kpi .val{font-size:1.9rem;font-weight:700;color:var(--navy);line-height:1.2;margin:.2rem 0}.kpi .pie{font-size:12px;color:var(--gris)}.kpi.ok .val{color:var(--verde)}.kpi.mal .val{color:var(--rojo)}.panel{background:#fff;border:1px solid var(--borde);border-radius:10px;padding:1rem;margin-bottom:1rem}.panel h3{margin:0 0 .8rem;font-size:15px;color:var(--navy)}table.tabla{width:100%;border-collapse:collapse;font-size:14px}table.tabla th{text-align:left;font-size:12px;text-transform:uppercase;color:var(--gris);border-bottom:1px solid var(--borde);padding:.4rem .3rem;letter-spacing:.4px}table.tabla td{padding:.5rem .3rem;border-bottom:1px solid #F3F4F6}.barra-prog{background:var(--gris-claro);border-radius:20px;height:8px;overflow:hidden;min-width:80px}.barra-prog>div{background:var(--azul);height:100%}.vacio{color:var(--gris);font-size:14px;padding:1.5rem;text-align:center}.cargando{color:var(--gris);padding:2rem;text-align:center}