:root{--c-primary: #2563eb;--c-primary-dark: #1d4ed8;--c-primary-soft: #eff6ff;--c-ink: #0f172a;--c-ink-soft: #475569;--c-muted: #94a3b8;--c-line: #e2e8f0;--c-bg: #f1f5f9;--c-surface: #ffffff;--c-success: #16a34a;--c-success-soft: #dcfce7;--c-warning: #d97706;--c-warning-soft: #fef3c7;--c-danger: #dc2626;--c-danger-soft: #fee2e2;--c-info: #0891b2;--c-info-soft: #cffafe;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .1);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .14);--t: .18s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--c-ink);background:var(--c-bg);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--c-primary);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.7rem;font-weight:700;letter-spacing:-.02em}h2{font-size:1.25rem;font-weight:650}.app-shell{min-height:100vh;display:flex;flex-direction:column}.navbar{position:sticky;top:0;z-index:30;background:var(--c-surface);border-bottom:1px solid var(--c-line);box-shadow:var(--shadow-sm)}.navbar-inner{max-width:1180px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:28px}.navbar-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.05rem}.brand-logo{font-size:1.4rem}.navbar-links{display:flex;gap:6px;flex:1}.nav-link{padding:8px 14px;border-radius:var(--r-sm);color:var(--c-ink-soft);font-weight:550;transition:var(--t)}.nav-link:hover{background:var(--c-bg);text-decoration:none}.nav-link.activo{background:var(--c-primary-soft);color:var(--c-primary-dark)}.navbar-user{display:flex;align-items:center;gap:12px}.user-chip{display:inline-flex;align-items:center;gap:8px;font-weight:550;color:var(--c-ink-soft)}.rol-badge{font-size:.7rem;background:var(--c-primary-soft);color:var(--c-primary-dark);padding:2px 8px;border-radius:999px;font-weight:700}.contenido{max-width:1180px;margin:0 auto;padding:28px 24px 64px;width:100%}.pagina{animation:aparecer .25s ease}@keyframes aparecer{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pagina-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.subtitulo{color:var(--c-ink-soft);font-size:.95rem}.acciones-header{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border:1px solid transparent;border-radius:var(--r-sm);font-size:.92rem;font-weight:600;cursor:pointer;transition:var(--t);background:var(--c-surface);color:var(--c-ink);white-space:nowrap}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:none}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--c-primary);color:#fff}.btn-primary:hover{background:var(--c-primary-dark)}.btn-secondary{background:var(--c-surface);color:var(--c-ink-soft);border-color:var(--c-line)}.btn-ghost{background:transparent;color:var(--c-ink-soft)}.btn-ghost:hover{background:var(--c-bg);box-shadow:none}.btn-danger{background:var(--c-danger);color:#fff}.btn-sm{padding:6px 12px;font-size:.85rem}.btn-block{width:100%}.btn-icono{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r-sm);font-size:1rem;transition:var(--t);text-decoration:none}.btn-icono:hover{background:var(--c-bg);text-decoration:none}.card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);padding:22px;box-shadow:var(--shadow-sm)}.card-titulo{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--c-muted);margin-bottom:14px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px}.stat-card{display:flex;flex-direction:column;gap:4px;text-align:left;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);padding:16px;cursor:pointer;transition:var(--t);border-left:4px solid var(--c-line)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card.activo{border-color:var(--c-primary);box-shadow:0 0 0 2px var(--c-primary-soft)}.stat-label{font-size:.82rem;color:var(--c-ink-soft);font-weight:550}.stat-valor{font-size:1.7rem;font-weight:750;letter-spacing:-.02em}.stat-extra{font-size:.72rem;color:var(--c-warning);font-weight:600}.stat-pendiente{border-left-color:var(--c-warning)}.stat-en_proceso{border-left-color:var(--c-info)}.stat-entregado{border-left-color:var(--c-success)}.stat-cancelado{border-left-color:var(--c-danger)}.barra-busqueda{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.barra-busqueda input{flex:1;min-width:220px;padding:10px 14px;border:1px solid var(--c-line);border-radius:var(--r-sm);font-size:.95rem;background:var(--c-surface)}.barra-busqueda input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft)}.tabla-wrap{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:opacity var(--t)}.tabla-wrap.cargando{opacity:.6}.tabla{width:100%;border-collapse:collapse}.tabla thead th{text-align:left;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--c-muted);font-weight:700;padding:14px 16px;background:#f8fafc;border-bottom:1px solid var(--c-line)}.tabla tbody td{padding:14px 16px;border-bottom:1px solid var(--c-line);vertical-align:middle}.tabla tbody tr:last-child td{border-bottom:none}.fila-click{cursor:pointer;transition:background var(--t)}.fila-click:hover{background:var(--c-primary-soft)}.celda-cliente{display:flex;flex-direction:column}.celda-cliente small{color:var(--c-muted);font-size:.8rem}.celda-desc{max-width:280px;color:var(--c-ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-montos{text-align:right}.col-acciones{white-space:nowrap;text-align:right}.montos-compacto{display:flex;flex-direction:column;align-items:flex-end}.monto-total{font-weight:700}.monto-saldo{font-size:.78rem;color:var(--c-warning);font-weight:600}.monto-saldo.liquidado{color:var(--c-success)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;font-size:.78rem;font-weight:650;white-space:nowrap}.badge-pendiente{background:var(--c-warning-soft);color:var(--c-warning)}.badge-en_proceso{background:var(--c-info-soft);color:var(--c-info)}.badge-entregado{background:var(--c-success-soft);color:var(--c-success)}.badge-cancelado{background:var(--c-danger-soft);color:var(--c-danger)}.paginacion{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px;color:var(--c-ink-soft)}.resumen-montos{background:linear-gradient(135deg,#f8fafc,#eff6ff);border:1px solid var(--c-line);border-radius:var(--r-md);padding:18px}.resumen-fila{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.95rem}.resumen-fila span{color:var(--c-ink-soft)}.resumen-anticipo strong{color:var(--c-info)}.resumen-barra{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin:10px 0}.resumen-barra-fill{height:100%;background:linear-gradient(90deg,var(--c-info),var(--c-primary));transition:width var(--t)}.resumen-saldo{margin-top:6px;padding-top:12px;border-top:1px dashed var(--c-line);font-size:1.15rem}.resumen-saldo strong{color:var(--c-warning);font-size:1.35rem;font-weight:750}.resumen-saldo.liquidado strong{color:var(--c-success)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.campo{display:flex;flex-direction:column;gap:6px}.campo-full{grid-column:1 / -1}.campo>span{font-size:.85rem;font-weight:600;color:var(--c-ink-soft)}.campo input,.campo select,.campo textarea{padding:10px 12px;border:1px solid var(--c-line);border-radius:var(--r-sm);font-size:.95rem;font-family:inherit;background:var(--c-surface);color:var(--c-ink);transition:var(--t);width:100%}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft)}.campo small{font-size:.78rem;color:var(--c-muted)}.campo-error{color:var(--c-danger)!important;font-weight:600}.input-invalido{border-color:var(--c-danger)!important;box-shadow:0 0 0 3px var(--c-danger-soft)!important}.campo-con-accion{display:flex;gap:8px}.campo-con-accion input{flex:1}.form-resumen{margin:22px 0;max-width:420px}.form-acciones{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--c-line);padding-top:18px}.preview-imagen{margin-top:16px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.preview-imagen img{max-width:240px;max-height:200px;border-radius:var(--r-sm);border:1px solid var(--c-line)}.preview-imagen span{font-size:.78rem;color:var(--c-muted)}.detalle-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card-full{grid-column:1 / -1}.card-montos{background:linear-gradient(135deg,#fff,#f0f9ff)}.datos{display:grid;grid-template-columns:auto 1fr;gap:8px 18px}.datos dt{color:var(--c-muted);font-size:.85rem;font-weight:600}.datos dd{font-weight:550}.datos-secundarios{margin-top:16px;padding-top:14px;border-top:1px solid var(--c-line)}.muted{color:var(--c-muted)}.descripcion-larga{white-space:pre-wrap;color:var(--c-ink-soft)}.imagen-medidas img{max-width:100%;max-height:360px;border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.estado-acciones{display:flex;gap:10px;flex-wrap:wrap}.btn-estado{border:1px solid var(--c-line);background:var(--c-surface);color:var(--c-ink-soft)}.btn-estado.activo{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.zona-peligro{display:flex;align-items:center;justify-content:space-between;gap:16px;border-color:var(--c-danger-soft)}.vacio{text-align:center;padding:56px 20px;background:var(--c-surface);border:1px dashed var(--c-line);border-radius:var(--r-md)}.vacio p{color:var(--c-ink-soft);margin-bottom:16px}.alerta{padding:12px 16px;border-radius:var(--r-sm);margin-bottom:16px;font-size:.9rem}.alerta-error{background:var(--c-danger-soft);color:#991b1b;border:1px solid #fecaca}.alerta-exito{background:var(--c-success-soft);color:#166534;border:1px solid #bbf7d0}.spinner-wrap{display:flex;align-items:center;gap:12px;justify-content:center;padding:48px;color:var(--c-ink-soft)}.spinner{width:22px;height:22px;border:3px solid var(--c-line);border-top-color:var(--c-primary);border-radius:50%;animation:girar .7s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#1e3a8a,#2563eb)}.login-card{width:100%;max-width:380px;background:var(--c-surface);border-radius:var(--r-lg);padding:36px 32px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:16px}.login-brand{text-align:center;margin-bottom:8px}.login-logo{font-size:2.4rem}.login-brand h1{font-size:1.4rem;margin-top:8px}.login-brand p{color:var(--c-ink-soft);font-size:.9rem}.metricas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.metrica-card{display:flex;flex-direction:column;gap:4px;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);padding:20px;text-decoration:none;color:var(--c-ink);box-shadow:var(--shadow-sm);transition:var(--t);position:relative;overflow:hidden}.metrica-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c-line)}.metrica-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);text-decoration:none}.metrica-icono{font-size:1.6rem}.metrica-valor{font-size:1.7rem;font-weight:750;letter-spacing:-.02em}.metrica-label{font-size:.85rem;color:var(--c-ink-soft);font-weight:550}.tono-primary:before{background:var(--c-primary)}.tono-success:before{background:var(--c-success)}.tono-warning:before{background:var(--c-warning)}.tono-info:before{background:var(--c-info)}.card-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.tabla-plana{border:none}.tabla-plana thead th{background:transparent;padding-top:0}.form-seccion{font-size:.95rem;font-weight:650;color:var(--c-ink);margin:22px 0 4px;padding-bottom:8px;border-bottom:1px solid var(--c-line)}.form-seccion:first-of-type{margin-top:8px}.segmentado{display:inline-flex;background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--r-sm);padding:3px;gap:3px;flex-wrap:wrap}.seg-btn{border:none;background:transparent;padding:7px 16px;border-radius:6px;font-size:.88rem;font-weight:600;color:var(--c-ink-soft);cursor:pointer;transition:var(--t)}.seg-btn:hover{color:var(--c-ink)}.seg-btn.activo{background:var(--c-surface);color:var(--c-primary-dark);box-shadow:var(--shadow-sm)}.filtros-fila{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}.select-estado{padding:9px 12px;border:1px solid var(--c-line);border-radius:var(--r-sm);background:var(--c-surface);font-size:.9rem}.badge-tipo{background:var(--c-bg);color:var(--c-ink-soft);border:1px solid var(--c-line)}.badge-tipo-toldo{background:#fef3c7;color:#92400e;border-color:#fde68a}.badge-tipo-aire{background:#cffafe;color:#155e75;border-color:#a5f3fc}.btn-maps{white-space:nowrap}.resumen-listado{margin-top:14px;text-align:right;color:var(--c-ink-soft)}.resumen-listado strong{color:var(--c-warning)}@media (max-width: 760px){.form-grid,.detalle-grid{grid-template-columns:1fr}.navbar-inner{gap:14px;padding:0 16px}.navbar-links{order:3;flex-basis:100%}.contenido{padding:20px 16px 48px}.celda-desc{max-width:140px}.tabla thead{display:none}.tabla,.tabla tbody,.tabla tr,.tabla td{display:block;width:100%}.tabla tr{padding:8px 4px;border-bottom:2px solid var(--c-line)}.tabla td{border:none;padding:6px 16px}.col-montos,.col-acciones{text-align:left}.montos-compacto{align-items:flex-start}}