* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: monospace; background: #f5f5f5; padding: 20px; }
h1 { font-size: 18px; margin-bottom: 16px; color: #222; }
.form { background: white; padding: 16px; border: 1px solid #ddd; margin-bottom: 16px; }
.search-row { display: flex; align-items: end; gap: 16px; flex-wrap: wrap; }
.group { display: flex; gap: 8px; flex-wrap: wrap; align-items: flex-end; }
.separator { font-size: 14px; color: #888; font-style: italic; padding-bottom: 4px; }
.field { display: flex; flex-direction: column; gap: 4px; }
label { font-size: 11px; color: #666; text-transform: uppercase; }
input, select { padding: 5px; border: 1px solid #ccc; background: white; font-family: monospace; font-size: 14px; width: 180px; }
input:focus, select:focus { outline: 2px solid #222; border-color: #222; }
select:disabled { background: #eee; color: #888; cursor: not-allowed; }
.filters-row { display: flex; gap: 8px; flex-wrap: wrap; align-items: flex-end; margin-top: 16px; padding-top: 16px; border-top: 1px solid #eee; }
.filters-title { width: 100%; font-size: 11px; color: #666; text-transform: uppercase; }
button { padding: 8px 20px; background: #222; color: white; border: none; cursor: pointer; font-family: monospace; font-size: 14px; }
button:hover { background: #444; }
#status { font-size: 12px; color: #666; margin-bottom: 8px; }
#error { font-size: 13px; color: red; margin-bottom: 8px; }
table { width: 100%; border-collapse: collapse; background: white; font-size: 13px; }
th { background: #222; color: white; padding: 8px; text-align: left; white-space: nowrap; }
td { padding: 8px; border-bottom: 1px solid #eee; }
tr:hover td { background: #f9f9f9; }
.pagination { display: flex; gap: 8px; align-items: center; margin-top: 12px; font-size: 13px; }
.pagination button { padding: 6px 14px; font-size: 13px; }
.pagination button:disabled { background: #aaa; cursor: default; }

.header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
#dolar { font-size: 12px; background: white; border: 1px solid #ddd; padding: 8px 12px; color: #444; }
#tabla, #pagination { display: none; }
