:root{font-family:system-ui;color:#18212b;background:#f6f7f8}body{margin:0}nav{display:flex;gap:1rem;padding:1rem;background:#17324d;flex-wrap:wrap}nav a{color:#fff}main{max-width:70rem;margin:2rem auto;padding:1rem;background:#fff;border-radius:.5rem}form{margin:.5rem 0}.row,.grid{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}input,select,button{padding:.55rem}li{display:flex;gap:.5rem;align-items:center;padding:.4rem}.muted{opacity:.5}.error{color:#a00}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.6rem;border-bottom:1px solid #ddd;vertical-align:top}