body { font-family: system-ui, sans-serif; margin: 2rem; color: #222; max-width: 900px; }
nav { margin-bottom: 1rem; font-size: 0.9rem; }
table { border-collapse: collapse; width: 100%; margin-bottom: 1.5rem; }
th, td { border: 1px solid #ccc; padding: 0.4rem 0.6rem; text-align: left; font-size: 0.9rem; }
code { font-size: 0.85rem; background: #f5f5f5; padding: 0.1rem 0.3rem; }
pre { font-family: inherit; font-size: 0.85rem; background: #f5f5f5; padding: 0.3rem 0.5rem; white-space: pre-wrap; word-break: break-word; margin: 0; max-width: 320px; }
label { display: block; margin-bottom: 0.6rem; }
input, select, textarea { padding: 0.3rem; width: 100%; max-width: 480px; box-sizing: border-box; font-family: inherit; }
textarea { resize: vertical; }
button { padding: 0.4rem 0.9rem; margin-top: 0.5rem; cursor: pointer; }
.error { background: #fdecea; border: 1px solid #f5b5ac; color: #9a1c0b; padding: 0.6rem 0.8rem; border-radius: 4px; }
.success { background: #eaf7ec; border: 1px solid #a9d9b3; color: #1c6a2e; padding: 0.6rem 0.8rem; border-radius: 4px; }
.hint { font-size: 0.85rem; color: #555; max-width: 640px; }
.row-actions { display: flex; gap: 0.6rem; align-items: center; white-space: nowrap; }
.row-actions form { display: inline; margin: 0; }
.checkbox-label { display: flex; align-items: center; gap: 0.4rem; }
.checkbox-label input { width: auto; }