:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #09111f;
  color: #e9f0fb;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 10% 0%, #17335d 0, #09111f 38rem); }
header, main { width: min(1400px, calc(100% - 3rem)); margin: 0 auto; }
header { min-height: 9rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
h1, h2, p { margin-top: 0; }
h1 { margin-bottom: 0; font-size: clamp(1.7rem, 4vw, 2.6rem); }
h2 { margin-bottom: .8rem; font-size: 1.2rem; }
.eyebrow { margin-bottom: .35rem; color: #79b8ff; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; font-size: .75rem; }
.header-actions, .form-actions, .section-heading { display: flex; align-items: center; gap: .8rem; }
.section-heading { justify-content: space-between; margin-top: 2.4rem; }
.section-heading span, #identity { color: #aebcd0; font-size: .86rem; }
button { border: 0; border-radius: .55rem; padding: .7rem 1rem; background: #2b7fff; color: white; font: inherit; font-weight: 700; cursor: pointer; }
button:hover { background: #5599ff; }
button.secondary { background: #26354b; }
button.danger { background: #8f3040; padding: .4rem .65rem; }
.message { padding: .9rem 1rem; border: 1px solid #304967; border-radius: .65rem; background: #111f32; color: #c8d7eb; }
.message.error { border-color: #a94e5b; color: #ffc3ca; }
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: .8rem; }
.card { border: 1px solid #263c59; border-radius: .7rem; padding: 1rem; background: rgba(14, 28, 47, .84); }
.card span { display: block; color: #91a5be; font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; }
.card strong { display: block; margin-top: .45rem; font-size: 1.05rem; overflow-wrap: anywhere; }
.table-wrap { overflow-x: auto; border: 1px solid #263c59; border-radius: .7rem; background: rgba(11, 23, 40, .9); }
table { width: 100%; border-collapse: collapse; font-size: .86rem; }
th, td { padding: .75rem; text-align: left; border-bottom: 1px solid #22354e; vertical-align: top; }
th { color: #9eb0c8; font-size: .72rem; text-transform: uppercase; letter-spacing: .05em; }
tr:last-child td { border-bottom: 0; }
.outcome-Denied { color: #ff919f; font-weight: 700; }
.outcome-AutoApproved { color: #55d9a3; font-weight: 700; }
.outcome-Approved { color: #88bcff; font-weight: 700; }
form { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: .8rem; margin-bottom: 1rem; padding: 1rem; border: 1px solid #263c59; border-radius: .7rem; background: rgba(14, 28, 47, .84); }
label { display: grid; gap: .35rem; color: #aebcd0; font-size: .82rem; }
label.check { display: flex; align-items: center; gap: .5rem; }
label.warning { color: #ffd58a; }
input, select { width: 100%; border: 1px solid #37506f; border-radius: .45rem; padding: .65rem; background: #081322; color: #f2f6fc; font: inherit; }
input[type="checkbox"] { width: auto; }
.form-actions { align-self: end; }
@media (max-width: 760px) {
  header { align-items: flex-start; flex-direction: column; padding: 1.5rem 0; }
  .header-actions { flex-wrap: wrap; }
  .section-heading { align-items: flex-start; flex-direction: column; }
}