:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:#123a63;--navy-dark:#0b2947;--steel:#426b8f;--background:#f3f6f8;--surface:#fbfcfd;--border:#ccd6df;--text:#17212b;--muted:#596775;--error:#b42318;--success:#24723d}*{box-sizing:border-box}body{background:var(--background);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.topbar{background:var(--navy-dark);color:#fff;justify-content:space-between;align-items:center;min-height:64px;padding:0 28px;display:flex}.brand{letter-spacing:.04em;font-size:1.2rem;font-weight:750}.topbar nav{align-items:center;gap:18px;display:flex}.topbar a{text-decoration:none}.nav-action{color:inherit;background:0 0;border:0;padding:0}.main{width:min(1080px,100% - 40px);margin:36px auto 64px}.narrow{width:min(640px,100% - 40px);margin:56px auto}.page-heading{margin-bottom:24px}.page-heading h1{margin:0 0 8px;font-size:2rem}.page-heading p{color:var(--muted);margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:18px;padding:22px;box-shadow:0 3px 12px #17212b0d}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.stack{gap:16px;display:grid}.field{gap:7px;display:grid}.field label,legend{font-weight:650}.field input[type=text],.field input[type=email],.field input[type=password]{background:#fff;border:1px solid #9eacb8;border-radius:8px;width:100%;padding:11px 12px}.field input[type=color]{background:0 0;border:0;width:62px;height:40px;padding:0}.color-row{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.feature-list{border:0;gap:10px;margin:0;padding:0;display:grid}.check-row{align-items:center;gap:10px;display:flex}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.button,button.button{border:1px solid var(--navy);background:var(--navy);color:#fff;border-radius:999px;padding:10px 18px;font-weight:700;text-decoration:none}.button.secondary{color:var(--navy);background:0 0}.button.danger{background:var(--error);border-color:var(--error)}.button:disabled{opacity:.5;cursor:not-allowed}.meta{grid-template-columns:max-content 1fr;gap:8px 18px;margin:0;display:grid}.meta dt{color:var(--muted)}.meta dd{overflow-wrap:anywhere;margin:0;font-weight:600}.notice{background:#e8eef4;border-radius:9px;padding:12px 14px}.notice.error{color:#7a271a;background:#fef0ed;border:1px solid #f6b9ae}.notice.success{color:#175c2e;background:#eaf7ee;border:1px solid #abd8b8}.validation-list{margin:8px 0 0;padding-left:22px}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 8px}.muted{color:var(--muted)}.section-nav{flex-wrap:wrap;gap:8px;margin:-6px 0 24px;display:flex}.section-nav a{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-weight:700;text-decoration:none}.badge{color:var(--navy-dark);text-transform:capitalize;background:#e8eef4;border-radius:999px;padding:4px 9px;font-size:.82rem;font-weight:750;display:inline-block}.badge.inactive,.badge.pending{color:#6b3f00;background:#fff2cc}.inline-form{grid-template-columns:minmax(180px,1fr) minmax(100px,150px) minmax(100px,150px) auto;align-items:end;gap:10px;display:grid}.inline-form input,.inline-form select,.table input,.table select{background:#fff;border:1px solid #9eacb8;border-radius:8px;padding:9px 10px}.compact-form{grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:12px;display:grid}.directory-entry-form{grid-template-columns:minmax(210px,1fr) 90px 120px minmax(180px,auto) auto;align-items:center;gap:10px;display:grid}.stable-id{color:var(--muted);overflow-wrap:anywhere;font-size:.78rem}.table-scroll{overflow-x:auto}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--steel);font-size:.75rem;font-weight:800}.demo-banner{color:#593d00;background:#fff2cc;border-bottom:1px solid #e0c269;padding:9px 28px;font-weight:650}@media (max-width:600px){.topbar{padding:0 16px}.main{width:min(100% - 24px,1080px);margin-top:22px}.meta{grid-template-columns:1fr;gap:3px}.inline-form,.compact-form,.directory-entry-form{grid-template-columns:1fr}}
