body { font: 14px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; max-width: 960px; margin: 1em auto; padding: 0 1em; color: #222; }
header { border-bottom: 1px solid #ddd; padding-bottom: 0.5em; margin-bottom: 1em; }
header h1 { font-size: 1.4em; margin: 0 0 0.3em; }
nav a { margin-right: 1em; color: #06c; text-decoration: none; }
nav a:hover { text-decoration: underline; }
.flash { padding: 0.5em 1em; border-radius: 4px; margin-bottom: 1em; }
.flash-info { background: #e8f4fd; border: 1px solid #b6daf2; }
.flash-success { background: #e6f7e6; border: 1px solid #aed8ae; }
.flash-error { background: #fde8e8; border: 1px solid #f2b6b6; }
.row { border: 1px solid #ddd; border-radius: 4px; padding: 0.8em 1em; margin-bottom: 0.8em; background: #fafafa; }
.row.added { border-left: 4px solid #06c; }
.row.removed { border-left: 4px solid #d63; }
.row.drifted { border-left: 4px solid #c93; }
.row .id { color: #888; font-family: monospace; }
.actions { margin-top: 0.5em; display: flex; gap: 0.5em; flex-wrap: wrap; }
button, .btn { padding: 0.4em 0.8em; border: 1px solid #ccc; background: #fff; border-radius: 3px; cursor: pointer; }
button.primary { background: #06c; color: #fff; border-color: #06c; }
button.danger { background: #d63; color: #fff; border-color: #d63; }
table.history { width: 100%; border-collapse: collapse; }
table.history th, table.history td { padding: 0.4em 0.8em; border-bottom: 1px solid #eee; text-align: left; }
table.history .short { font-family: monospace; color: #888; }
pre.catalog { background: #f4f4f4; padding: 1em; border-radius: 4px; overflow-x: auto; font-size: 12px; }
.save-bar { position: sticky; bottom: 0; background: #fff; border-top: 1px solid #ddd; padding: 1em 0; margin-top: 2em; display: flex; gap: 1em; }
.last-run { color: #666; margin: 0.3em 0; }
.last-run .ok { color: #2a2; }
.last-run .err { color: #c33; }
nav .user { margin-left: 1em; color: #666; }