:root { --sea:#1E97CC; --deep:#0E5F8F; --deeper:#0A4568; --sand:#F4DCA7; --cream:#FFF8EE; --red:#D93A3D; --ink:#17364A; --line:#E8DCC6;
  --display:"Avenir Next","Segoe UI",system-ui,sans-serif; --body:system-ui,"Segoe UI",sans-serif; --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace; }
* { box-sizing:border-box; }
body { margin:0; background:var(--cream); color:var(--ink); font:16px/1.5 var(--body); }
header { display:flex; justify-content:space-between; align-items:center; padding:14px 24px; background:var(--deeper); color:white; }
.brand { color:white; text-decoration:none; font:700 20px var(--display); }
.brand span { font-weight:400; opacity:.75; }
.who { display:flex; gap:12px; align-items:center; }
.who .link { color:#BFE6F8; }
main { max-width:880px; margin:0 auto; padding:28px 20px 48px; }
h1,h2,h3 { font-family:var(--display); line-height:1.15; }
h1 { font-size:30px; margin:0 0 4px; } h2 { font-size:20px; margin:0; } h3 { font-size:16px; margin:20px 0 8px; }
a { color:var(--deep); }
.card { background:white; border:1px solid var(--line); border-radius:14px; padding:20px 22px; margin:18px 0; }
.card.narrow { max-width:460px; margin:48px auto; }
.head { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.crumbs { margin:0 0 6px; font-size:14px; }
.muted { color:#5B7385; } .small { font-size:13px; }
.stack { display:flex; flex-direction:column; gap:10px; margin:18px 0; }
.inline { display:flex; gap:10px; align-items:flex-end; flex-wrap:wrap; margin:0; }
.grow { flex:1; min-width:200px; }
label { display:flex; flex-direction:column; gap:4px; font-size:14px; font-weight:600; }
input, select { font:inherit; padding:8px 10px; border:1px solid #C9BBA3; border-radius:8px; background:white; color:var(--ink); }
input:focus, select:focus, button:focus-visible, .button:focus-visible { outline:3px solid #8EDDFB; outline-offset:1px; }
button, .button { font:600 15px var(--body); padding:9px 16px; border-radius:9px; border:1px solid #C9BBA3; background:white; color:var(--ink); cursor:pointer; text-decoration:none; display:inline-block; text-align:center; }
.primary { background:var(--sea); border-color:var(--sea); color:white; }
.primary:hover { background:var(--deep); }
.wide { width:100%; }
button.danger { background:var(--red); border-color:var(--red); color:white; }
.link { background:none; border:none; padding:0; color:var(--deep); font-weight:600; }
.link.danger { color:var(--red); background:none; }
table { width:100%; border-collapse:collapse; }
th { text-align:left; font-size:13px; color:#5B7385; font-weight:600; padding:6px 8px; border-bottom:1px solid var(--line); }
td { padding:10px 8px; border-bottom:1px solid var(--line); vertical-align:top; }
tr:last-child td { border-bottom:none; }
td form { margin:0; }
.right { text-align:right; } .nowrap { white-space:nowrap; }
code { font:13px var(--mono); background:#F3EEE4; padding:1px 5px; border-radius:5px; }
.dot { display:inline-block; width:9px; height:9px; border-radius:50%; background:#B8B0A2; margin-right:6px; }
.dot.on { background:#2E9D5B; }
.badge { font-size:12px; font-weight:700; background:#E4F4FB; color:var(--deep); padding:2px 8px; border-radius:20px; margin-left:8px; }
.list { list-style:none; padding:0; margin:0 0 14px; }
.list li { display:flex; justify-content:space-between; align-items:center; padding:8px 0; border-bottom:1px solid var(--line); gap:10px; }
.list li form { margin:0; }
.notice { background:#FFF3D1; border:1px solid #F0D58A; border-radius:10px; padding:12px 14px; margin-bottom:16px; }
.notice p { margin:0 0 8px; }
.copy { width:100%; font:13px var(--mono); }
.danger-zone summary { cursor:pointer; font-weight:700; color:var(--red); }
footer { text-align:center; font-size:13px; color:#5B7385; padding:0 20px 32px; }
@media (max-width:640px) { th:nth-child(3), td:nth-child(3) { display:none; } }