:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #111923; color: #e3ecf4; }
body { margin: 0; padding: 2rem 1rem; }
main { max-width: 52rem; margin: auto; }
form { max-width: 24rem; }
label { display: block; margin: 1rem 0; }
input { display: block; box-sizing: border-box; width: 100%; padding: .6rem; margin-top: .4rem; }
button { padding: .6rem 1rem; cursor: pointer; }
table { width: 100%; border-collapse: collapse; margin-top: 1rem; }
th, td { padding: .75rem; border-bottom: 1px solid #516170; text-align: left; }
[data-estado="ok"] { color: #90dcad; }
[data-estado="viejo"] { color: #ffd482; }
[data-estado="sin_datos"] { color: #d3d7df; }
[hidden] { display: none !important; }