:root {
  color-scheme: light;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: #f3f5f9;
}
* { box-sizing: border-box; }
body, html { margin: 0; padding: 0; min-height: 100%; }
.app-shell { max-width: 1080px; margin: 0 auto; padding: 0 16px; }
header { display: flex; justify-content: space-between; align-items: center; padding: 18px 0; }
.brand { font-weight: 700; letter-spacing: -.02em; }
nav button { margin-left: 10px; padding: 8px 12px; border: none; background: #1f6feb; color: white; cursor: pointer; border-radius: 8px; }
main { background: white; padding: 24px; border-radius: 18px; box-shadow: 0 10px 35px rgba(15, 23, 42, .08); min-height: 520px; }
h1 { margin-top: 0; }
.form-card { max-width: 520px; margin: 0 auto; }
.form-card label { display: block; margin: 16px 0 8px; font-weight: 600; }
.form-card input, .form-card select, .form-card textarea { width: 100%; padding: 12px 14px; border: 1px solid #d2d6dc; border-radius: 12px; }
.form-card button { margin-top: 20px; padding: 12px 18px; border: none; background: #1f6feb; color: white; width: 100%; border-radius: 12px; cursor: pointer; }
.page-grid { display: grid; gap: 20px; max-width: 960px; }
.card { padding: 18px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 16px; }
small { color: #475569; }
.message { margin-top: 16px; padding: 14px 18px; border-radius: 12px; background: #f0f9ff; color: #0f172a; }
footer { margin: 24px 0 40px; color: #64748b; font-size: 0.95rem; }
.link-button { color: #1f6feb; background: none; border: none; padding: 0; cursor: pointer; font: inherit; }
.nav-pill { padding: 8px 16px; border-radius: 999px; background: #eef2ff; color: #3730a3; border: 1px solid #c7d2fe; cursor: pointer; }
.table { width: 100%; border-collapse: collapse; }
.table th, .table td { text-align: left; padding: 12px 8px; border-bottom: 1px solid #e2e8f0; }
.table th { background: #f8fafc; }