body { font-family: Inter, Arial, sans-serif; margin: 0; background: #f6f7fb; }
.header { background: #111827; color: #fff; padding: 1rem; position: sticky; top: 0; }
.header input { width: 60%; padding: .7rem; border-radius: 8px; border: none; margin-right: .5rem; }
.header button { padding: .7rem 1.2rem; border-radius: 8px; border: none; background: #2563eb; color: white; }
.layout {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 1rem;
    padding: 1rem;
}
aside { background: white; border-radius: 12px; padding: 1rem; }
main { background: white; border-radius: 12px; padding: 1rem; }
.job-card { border-bottom: 1px solid #e5e7eb; padding: .8rem 0; }
.job-card h3 em, .job-card p em { background: #fef08a; font-style: normal; }
.meta { color: #4b5563; }
.spinner { margin: 1rem 0; }
.hidden { display: none; }
.autocomplete { background: white; color: black; position: absolute; max-width: 400px; z-index: 10; }
.autocomplete div { padding: .4rem .6rem; cursor: pointer; }
.toolbar { display: flex; gap: .5rem; margin-bottom: .8rem; }
#pagination button { margin-right: .25rem; }
#pagination .active { background: #1d4ed8; color: #fff; }