body{font-family:system-ui,sans-serif;margin:0;background:#f5f5f5;color:#222}header{display:flex;justify-content:space-between;align-items:center;background:#1f2937;color:white;padding:1rem 1.5rem}nav a{color:white;margin-left:1rem}main{padding:1.5rem}.card{background:white;padding:1rem;border-radius:.75rem;box-shadow:0 1px 4px #0002}.grid{display:grid;grid-template-columns:1fr 22rem;gap:1rem}.toolbar{display:flex;justify-content:space-between;align-items:center}table{width:100%;border-collapse:collapse;background:white}th,td{padding:.6rem;border-bottom:1px solid #ddd;text-align:left}label{display:block;margin:.7rem 0}input{width:100%;box-sizing:border-box;padding:.5rem}button{padding:.5rem .8rem;margin:.2rem;cursor:pointer}.error{color:#b91c1c}.inactive{opacity:.6}#message{white-space:pre-wrap;color:#166534}fieldset{border:1px solid #ddd;border-radius:.5rem}