```css id="3y8n2k"
body {
    font-family: Arial;
    background: #f4f4f4;
    padding: 40px;
    margin: 0;
}

/* contenedor centrado */
.container {
    width: fit-content;
    margin: 0 auto;
}

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #122949;
    color: white;
    padding: 12px 20px;
    border-radius: 6px 6px 0 0;
}

.crear {
    background: #4CAF50;
    color: white;
    padding: 8px 12px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
}

/* tabla compacta */
table {
    background: white;
    width: auto;
    border-collapse: collapse;
    table-layout: auto;
    margin: 0 auto;
}

th {
    background: #122949;
    color: white;
    text-align: center;
    border: 2px solid #122949;
    padding: 6px 10px;
    white-space: nowrap;
}

td {
    text-align: center;
    padding: 6px 10px;
    white-space: nowrap;
}

/* inputs filtros */
thead input {
    width: 100%;
    padding: 2px;
    font-size: 12px;
}

/* botones */
.boton {
    padding: 4px 6px;
    border-radius: 4px;
    color: white;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
}

.editar { background: #2196F3; }
.eliminar { background: #e53935; }

/* ajuste cabecera filtros */
#tablaUsuarios thead tr:nth-child(1) th { padding-bottom: 0; }
#tablaUsuarios thead tr:nth-child(2) th { padding-top: 0; }
```