:root { font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; }
body { margin: 0; background: #f7f7f8; }
.container { max-width: 1200px; margin: 0 auto; padding: 1rem; }
.topbar { background: white; border-bottom: 1px solid #e5e7eb; }
.topbar .container { display: flex; align-items: center; justify-content: space-between; }
.topbar nav a { margin-left: 1rem; text-decoration: none; color: #2563eb; }
.topbar .welcome { margin-right: 1rem; color: #374151; }
.card { background: white; padding: 1rem; border: 1px solid #e5e7eb; border-radius: 12px; }
.card a {text-decoration: none; color: #eb3f25; font-size: 14px;}
label { display: block; margin-top: .5rem; font-weight: 600; }
input, textarea { width: 98%; margin: .25rem 0 1rem; padding: .5rem; border: 1px solid #d1d5db; border-radius: 8px; }
button { padding: .6rem 1rem; border: none; border-radius: 10px; background: #2563eb; color: white; cursor: pointer; }
button:hover { filter: brightness(.95); }
table { width: 100%; border-collapse: collapse; }
th, td { vertical-align: top; text-align: left; padding: .5rem; border-bottom: 1px solid #e5e7eb; }
a { text-decoration: none; color: #eb3f25; }
select { width: 100%; margin: .25rem 0 1rem; padding: .5rem; border: 1px solid #d1d5db; border-radius: 8px; font-size: 16px; background-color: #f9f9f9; appearance: none; }
select option { background-color: #fff; color: #333; padding: 5px; }
select option:hover { background-color: #e0e0e0; }

/* For styling the default selected option in the list */
select option[selected] { font-weight: bold; color: #007bff;}