:root { --ink:#202b33; --muted:#62717a; --brand:#275d72; --line:#d7e0e4; --paper:#f5f7f8; }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:var(--paper); font-family:system-ui,-apple-system,Segoe UI,sans-serif; line-height:1.5; }
a { color:var(--brand); } .nav { background:#173f51; color:#fff; display:flex; justify-content:space-between; align-items:center; padding:.85rem max(1rem,calc((100% - 1200px)/2)); gap:1rem; } .nav a { color:#fff; text-decoration:none; margin-left:1rem; }
.container { width:min(1200px,calc(100% - 2rem)); margin:0 auto; } .section { padding:2rem 0; } .panel { background:#fff; border:1px solid var(--line); border-radius:6px; padding:1.2rem; }
.table-wrap { overflow-x:auto; background:#fff; border:1px solid var(--line); } table { width:100%; border-collapse:collapse; min-width:850px; } th,td { padding:.7rem; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; } th { background:#e8eff2; }
.toolbar, .form-grid { display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); align-items:end; } label { display:grid; gap:.35rem; font-weight:650; } input,select,textarea { width:100%; padding:.65rem .75rem; border:1px solid #b9c8cf; border-radius:4px; font:inherit; } textarea { min-height:100px; }
button,.button { border:0; border-radius:4px; background:var(--brand); color:#fff; cursor:pointer; font:inherit; font-weight:700; padding:.6rem .85rem; text-decoration:none; display:inline-block; } button.secondary,.button.secondary { background:#e6eef1; color:var(--ink); } button.danger { background:#ad3b3b; } .actions { display:flex; gap:.5rem; flex-wrap:wrap; }
.message { min-height:1.5rem; } .error { color:#a22222; } .success { color:#1d6c42; } .registration-list { list-style:none; padding:0; display:grid; gap:.45rem; } .registration-list li { padding:.55rem; background:#f2f6f7; }
@media(max-width:700px){ .nav { align-items:flex-start; flex-direction:column; } .nav a { margin-left:0; margin-right:1rem; } }