:root{--rojo: #C8102E;--rojo-oscuro: #9e0c24;--negro: #171717;--gris: #6b7280;--gris-claro: #f3f4f6;--borde: #e5e7eb;--verde: #1E8E3E;--ambar: #B8860B;--azul: #1565C0;--sombra: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--negro);background:var(--gris-claro)}h1,h2,h3{margin:0}hr{border:none;border-top:1px solid var(--borde);margin:6px 0}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,var(--rojo),var(--negro));padding:20px}.login-card{background:#fff;border-radius:16px;padding:36px 32px;width:360px;max-width:100%;text-align:center;box-shadow:0 10px 40px #00000040}.login-logo{height:84px;width:auto;display:block;margin:0 auto 12px}.login-card h1{font-size:22px}.login-sub{color:var(--gris);margin:6px 0 20px;font-size:14px}.login-pie{color:var(--gris);font-size:12px;margin-top:16px}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--negro);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;position:sticky;top:0;z-index:10}.marca{display:flex;align-items:center;gap:10px;font-size:16px}.marca-logo{height:36px;width:auto;display:block}.usuario{display:flex;align-items:center;gap:14px}.usuario-info{display:flex;flex-direction:column;text-align:right;line-height:1.2}.usuario-nombre{font-weight:600;font-size:14px}.usuario-rol{font-size:11px;color:#cbd5e1}.cuerpo{display:flex;flex:1;align-items:stretch}.sidebar{width:210px;background:#fff;border-right:1px solid var(--borde);padding:12px 8px;flex-shrink:0}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{text-align:left;background:none;border:none;padding:11px 14px;border-radius:8px;cursor:pointer;font-size:14px;color:var(--negro)}.nav-item:hover{background:var(--gris-claro)}.nav-on{background:var(--rojo);color:#fff;font-weight:600}.nav-on:hover{background:var(--rojo)}.contenido{flex:1;padding:22px;max-width:1100px}.barra{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.barra h2{font-size:22px}.barra-acciones{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.seccion{margin:22px 0 10px;font-size:17px;color:var(--negro)}.lista{display:flex;flex-direction:column;gap:10px}.card{background:#fff;border:1px solid var(--borde);border-radius:12px;padding:14px 16px;box-shadow:var(--sombra)}.card-fila{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-info{flex:1;min-width:0}.card-titulo{font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-sub{color:var(--gris);font-size:13px;margin-top:2px}.card-derecha{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.card-acciones{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}.alerta{color:var(--rojo);font-size:13px;margin-top:3px}.vacio{color:var(--gris);padding:24px;text-align:center;background:#fff;border:1px dashed var(--borde);border-radius:12px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:14px}.kpi-fila{display:flex;gap:24px;flex-wrap:wrap}.kpi-lbl{color:var(--gris);font-size:13px}.kpi-val{font-size:26px;font-weight:800;margin-top:2px}.verde{color:var(--verde);font-weight:600}.rojo{color:var(--rojo);font-weight:600}.ambar{color:var(--ambar);font-weight:600}.hint{color:var(--gris);font-size:13px}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;color:#fff}.pill-verde{background:var(--verde)}.pill-rojo{background:var(--rojo)}.pill-ambar{background:var(--ambar)}.pill-azul{background:var(--azul)}.pill-gris{background:var(--gris)}.btn{border:1px solid var(--borde);background:#fff;color:var(--negro);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500}.btn:hover{background:var(--gris-claro)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primario{background:var(--rojo);border-color:var(--rojo);color:#fff}.btn-primario:hover{background:var(--rojo-oscuro)}.btn-ok{background:var(--verde);border-color:var(--verde);color:#fff}.btn-ok:hover{filter:brightness(.95)}.btn-peligro{background:#fff;border-color:var(--rojo);color:var(--rojo)}.btn-peligro:hover{background:#fde8eb}.btn-ambar{background:var(--ambar);border-color:var(--ambar);color:#fff}.btn-plano{background:none;border-color:transparent;color:var(--rojo)}.btn-plano:hover{background:var(--gris-claro)}.btn-grande{width:100%;padding:12px;font-size:16px;background:var(--rojo);border-color:var(--rojo);color:#fff}.btn-icono{background:none;border:none;color:inherit;font-size:18px;cursor:pointer;padding:4px 8px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 14px;align-items:center}.chip{border:1px solid var(--borde);background:#fff;padding:6px 14px;border-radius:999px;cursor:pointer;font-size:13px}.chip:hover{background:var(--gris-claro)}.chip-on{background:var(--negro);color:#fff;border-color:var(--negro)}.chip-quitar{display:inline-flex;align-items:center;gap:6px;cursor:default}.chip-x{border:none;background:none;color:var(--rojo);cursor:pointer;font-size:13px;padding:0}.tabs{display:flex;gap:4px;background:var(--gris-claro);padding:4px;border-radius:10px;width:fit-content;margin-bottom:14px}.tab{border:none;background:none;padding:8px 22px;border-radius:8px;cursor:pointer;font-size:14px}.tab-on{background:#fff;font-weight:600;box-shadow:var(--sombra)}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.field-lbl{font-size:13px;color:var(--gris);font-weight:500}.inp{border:1px solid var(--borde);border-radius:8px;padding:9px 11px;font-size:14px;font-family:inherit;width:100%}.inp:focus{outline:2px solid var(--rojo);outline-offset:-1px;border-color:var(--rojo)}textarea.inp{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-bloque{grid-column:1 / -1}.checks{display:flex;flex-direction:column;gap:6px}.check-inline{display:inline-flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}.switch{width:42px;height:22px}.mini-lista{display:flex;flex-direction:column;gap:3px}.mini-item{font-size:13px}.total-mini{margin-top:6px;font-size:14px}.firma-canvas{border:1px dashed var(--gris);border-radius:8px;touch-action:none;width:100%;max-width:320px;background:#fff}.ficha{display:flex;flex-direction:column;gap:8px}.ficha-fila{display:flex;gap:12px}.ficha-k{width:130px;color:var(--gris);font-size:13px;flex-shrink:0}.historial{display:flex;flex-direction:column;gap:10px}.hist-item{border-left:3px solid var(--rojo);padding-left:10px}.hist-fecha{font-size:12px;color:var(--gris)}.hist-detalle{font-size:13px;margin-top:2px}.informes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:14px}.informes-grid .card{display:flex;flex-direction:column;gap:8px}.informes-grid .btn{margin-top:auto}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:100;padding:16px}.modal{background:#fff;border-radius:14px;width:560px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-cab{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--borde)}.modal-cab h3{font-size:17px}.modal-cuerpo{padding:18px;overflow-y:auto}.modal-pie{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid var(--borde);flex-wrap:wrap}.centro{display:grid;place-items:center;min-height:50vh;gap:12px;color:var(--gris)}.spinner{width:36px;height:36px;border:3px solid var(--borde);border-top-color:var(--rojo);border-radius:50%;animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--negro);color:#fff;padding:12px 20px;border-radius:10px;font-size:14px;opacity:0;transition:all .3s;z-index:200;box-shadow:0 6px 20px #0000004d}.toast-show{opacity:1;transform:translate(-50%) translateY(0)}.toast-error{background:var(--rojo)}@media (max-width: 720px){.cuerpo{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--borde)}.nav{flex-direction:row;flex-wrap:wrap}.nav-item{flex:1;text-align:center}.form-grid{grid-template-columns:1fr}.contenido{padding:14px}}