*{box-sizing:border-box}body{margin:0;background:#eef3f9;color:#182b43;font:16px system-ui,Arial}header{background:linear-gradient(115deg,#102b4c,#285b90);color:white;padding:22px max(18px,calc((100vw - 1000px)/2))}h1{margin:0;font-size:26px}header p{margin:6px 0}main{max-width:1000px;margin:20px auto;padding:0 12px}.panel{background:white;border:1px solid #dce4ed;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 4px 18px #102b4c0b}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:flex;flex-direction:column;gap:6px;font-weight:600}input,select{padding:12px;border:1px solid #b9c8da;border-radius:9px;font:inherit;width:100%}button{background:#225a98;color:white;border:0;border-radius:9px;padding:11px 16px;font-weight:650;cursor:pointer}button:disabled{opacity:.6}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.muted{background:#64748b}.success{background:#137b62}nav{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}nav button{background:#e7eff8;color:#224567}nav button.active{background:#225a98;color:white}.entry{display:grid;grid-template-columns:1fr 140px 155px 45px;gap:8px;align-items:end;margin:10px 0;padding:10px;background:#f5f8fc;border-radius:10px}.entry .remove{background:#b53c48}#estado{min-height:24px;font-weight:600;white-space:pre-wrap}@media(max-width:650px){.grid{grid-template-columns:1fr}.entry{grid-template-columns:1fr 1fr}.entry label:first-child{grid-column:span 2}}
.service-fields{display:flex;flex-direction:column;gap:6px}.servicio-clave{max-width:220px}.service-fields .concepto{background:#eef5fc}
