:root { --borde: #d0d5dd; --texto: #1d2939; --alerta: #b42318; --ok: #027a48; }
* { box-sizing: border-box; }
body { margin: 0; font: 15px/1.5 system-ui, sans-serif; color: var(--texto); }
nav { display: flex; gap: 1rem; padding: .75rem 1rem; border-bottom: 1px solid var(--borde); }
nav .derecha { margin-left: auto; }
main { max-width: 60rem; margin: 0 auto; padding: 1.5rem 1rem; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: .5rem; border-bottom: 1px solid var(--borde); text-align: left; }
.alerta { padding: .75rem; border-left: 3px solid var(--alerta); background: #fef3f2; }
.ok { padding: .75rem; border-left: 3px solid var(--ok); background: #ecfdf3; }
label { display: block; margin: .75rem 0 .25rem; font-weight: 600; }
input, select { padding: .5rem; border: 1px solid var(--borde); border-radius: 4px; width: 100%; max-width: 24rem; }
button { padding: .5rem 1rem; border: 0; border-radius: 4px; background: var(--texto); color: #fff; cursor: pointer; }
button.peligro { background: var(--alerta); }