:root{color:#1d232a;background:#f6f7f9;font-family:system-ui,sans-serif}body{margin:0}header{background:#fff;border-bottom:1px solid #dde1e6;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}header strong{margin-right:auto}header .switcher,header .switcher label{align-items:center;gap:8px;display:flex}header .who{color:#4a5562;font-size:14px}nav{background:#fff;border-bottom:1px solid #dde1e6;gap:20px;padding:8px 24px;display:flex}nav a{text-decoration:none}nav a[aria-current=page]{font-weight:600;text-decoration:underline}main:focus{outline:none}main{max-width:880px;margin:24px auto;padding:0 16px}section{background:#fff;border:1px solid #dde1e6;border-radius:8px;margin-bottom:16px;padding:16px 20px}h1{font-size:22px}h2{margin-top:0;font-size:17px}form{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px 16px;display:grid}label{color:#4a5562;gap:4px;font-size:13px;display:grid}input,select{font:inherit;border:1px solid #c2c9d1;border-radius:4px;padding:6px 8px}.actions{grid-column:1/-1;gap:8px;display:flex}button{font:inherit;color:#fff;cursor:pointer;background:#2f6fd6;border:1px solid #2457a6;border-radius:4px;padding:6px 14px}button.secondary{color:#2457a6;background:#fff}button:disabled{opacity:.5;cursor:default}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #eef0f3;padding:6px 4px}.state{background:#eef0f3;border-radius:10px;padding:2px 8px;font-size:12px}[role=alert]{color:#a3261d;grid-column:1/-1}[role=status]{color:#4a5562}a{color:#2457a6}