:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #101622; color: #eef3fb; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at top right, #1d3155, transparent 36rem), #101622; }
.topbar { min-height: 72px; display: flex; justify-content: space-between; align-items: center; padding: 0 6vw; border-bottom: 1px solid #2b3850; background: rgba(16,22,34,.88); }
.brand { color: #fff; font-weight: 800; text-decoration: none; letter-spacing: -.03em; font-size: 1.15rem; }.brand span { color: #72d5b2; font-weight: 600; }
.page-shell { width: min(1120px, 88vw); margin: 0 auto; padding: 64px 0; }
.login-card, .empty-state { width: min(440px, 100%); margin: 48px auto; padding: 36px; border: 1px solid #33425d; border-radius: 18px; background: #172033; box-shadow: 0 20px 80px rgba(0,0,0,.24); }
h1, h2, p { margin-top: 0; } h1 { letter-spacing: -.045em; margin-bottom: .55rem; } h2 { font-size: 1.22rem; margin-bottom: .55rem; } p { color: #b9c5d8; line-height: 1.55; }
.eyebrow { text-transform: uppercase; letter-spacing: .11em; font-size: .72rem; font-weight: 700; color: #72d5b2; }.dashboard-heading { display: flex; gap: 2rem; justify-content: space-between; align-items: end; margin-bottom: 30px; }.dashboard-heading p { margin-bottom: 0; }.count { padding: .5rem .8rem; border-radius: 999px; background: #243653; color: #cfe0ff; white-space: nowrap; }
form { display: grid; gap: .6rem; } label { color: #dce6f6; font-weight: 600; font-size: .9rem; margin-top: .7rem; } label span { color: #95a6c0; font-weight: 400; } input, textarea { width: 100%; color: #eff5ff; border: 1px solid #455575; background: #101827; padding: .75rem; border-radius: 8px; font: inherit; } input:focus, textarea:focus { outline: 3px solid rgba(114,213,178,.34); border-color: #72d5b2; }
button { border: 0; border-radius: 8px; padding: .75rem 1rem; margin-top: 1rem; color: #0d1824; background: #72d5b2; font: inherit; font-weight: 750; cursor: pointer; }.link-button { margin: 0; color: #d9e3f3; background: transparent; padding: .4rem; }.reject { background: #f5a0a5; }.approve { background: #72d5b2; }
.users-section { margin: 0 0 42px; padding: 24px; border: 1px solid #33425d; border-radius: 16px; background: #172033; }.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 18px; }.section-heading h2 { margin: .25rem 0 0; }.muted { margin-bottom: 0; }.table-wrap { overflow-x: auto; } table { width: 100%; border-collapse: collapse; min-width: 700px; } th, td { padding: .8rem; text-align: left; border-bottom: 1px solid #33425d; } th { color: #9eb0cb; font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; } td { color: #e3ebf8; }.pitch-list { display: grid; gap: 18px; }.pitch-card { display: grid; grid-template-columns: 1.2fr 1fr; gap: 24px; border: 1px solid #33425d; border-radius: 16px; background: #172033; padding: 24px; }.pitch-card__body small { color: #9eb0cb; }.pitch-card__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.pitch-card__actions form { align-content: start; }.pitch-card__actions button { width: 100%; }.alert { padding: .9rem 1rem; border-radius: 8px; }.alert-success { color: #c6f4df; background: #164435; }.alert-error, .validation { color: #ffbdc1; background: #4a2630; }.validation:empty { display: none; }
@media (max-width: 760px) { .page-shell { padding-top: 36px; }.dashboard-heading, .pitch-card { display: block; }.count { display: inline-block; margin-top: 1rem; }.pitch-card__actions { grid-template-columns: 1fr; margin-top: 1.5rem; }.topbar { padding: 0 6vw; } }