.page-header{display:flex;margin-bottom:var(--spacing-3);justify-content:space-between;align-items: center;gap:var(--spacing-3)}.categories-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-4);margin-bottom:var(--spacing-4);box-shadow:var(--shadow-card,0 1px 3px #0000000d)}.categories-form-actions{margin-top:var(--spacing-3)}.categories-list{display:flex;gap:var(--spacing-2);flex-direction:column}.categories-overflow-row{display:flex;align-items: center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text)}.categories-overflow-row:hover{border-color:var(--color-primary)}.categories-overflow-swatch{border:1px solid var(--color-border);border-radius:50%;flex-shrink:0;width:12px;height:12px}.categories-overflow-name{flex:auto;font-weight:600}.categories-overflow-vis{font-size:var(--font-size-sm);color:var(--color-muted);flex:none}.categories-overflow-slug{font-size:var(--font-size-sm);color:var(--color-muted);font-family:var(--font-mono,monospace);flex:none}.categories-manage-row{display:flex;align-items: center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap}.categories-row-group{display:flex;align-items: center;gap:var(--spacing-2);flex-wrap:nowrap}.categories-row-text{flex:240px;min-width:0}.categories-row-text .categories-input-name{flex:1 1 0;min-width:8ch}.categories-row-pickers{flex:0 auto}.categories-row-actions{flex:none;margin-left:auto}.categories-input{font:inherit;padding:var(--spacing-1)var(--spacing-2);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.categories-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light,#0000000d)}.categories-card .categories-input{width:100%}.categories-input-slug{font-family:var(--font-mono,monospace);width:14ch}.categories-input-color{font-family:var(--font-mono,monospace);width:10ch}.categories-color-cell{display:flex;align-items: center;gap:var(--spacing-2)}.categories-color-swatch{border:1px solid var(--color-border);border-radius:50%;flex-shrink:0;width:18px;height:18px}.categories-color-input{display:flex;align-items: center;gap:var(--spacing-2)}.categories-manage-row .categories-color-input{flex:none}.categories-manage-row .categories-color-input input.categories-color-text{flex:0 0 12ch;width:12ch}.categories-color-input input.categories-color-picker{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;overflow:hidden;border-radius:50%;flex:0 0 32px;width:32px;height:32px;padding:0}.categories-color-input input.categories-color-picker::-webkit-color-swatch-wrapper{padding:0}.categories-color-input input.categories-color-picker::-webkit-color-swatch{border:none;border-radius:50%}.categories-color-input input.categories-color-picker::-moz-color-swatch{border:none;border-radius:50%}.categories-color-input.is-empty input.categories-color-picker{background-color:var(--color-surface);background-image:linear-gradient(45deg,var(--color-border)25%,transparent 25%,transparent 75%,var(--color-border)75%),linear-gradient(45deg,var(--color-border)25%,transparent 25%,transparent 75%,var(--color-border)75%);background-position:0 0,4px 4px;background-size:8px 8px}.categories-color-input.is-empty input.categories-color-picker::-webkit-color-swatch{opacity:0}.categories-color-input.is-empty input.categories-color-picker::-moz-color-swatch{opacity:0}.categories-color-input input.categories-color-text{font-family:var(--font-mono,monospace);font-size:var(--font-size-base);padding:var(--spacing-1)var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);flex:auto}.categories-color-input input.categories-color-text:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light,#0000000d)}.categories-color-clear{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);cursor:pointer;display:inline-flex;border-radius:50%;flex:0 0 28px;justify-content:center;align-items: center;width:28px;height:28px;padding:0;font-size:18px;line-height:1}.categories-color-clear:hover{background:var(--color-overlay);color:var(--color-text)}.btn-danger{padding:var(--spacing-1)var(--spacing-3);font-size:var(--font-size-sm);color:#b42318;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #b42318;font-weight:600}.btn-danger:hover:not(:disabled){background:#fee4e2}.modal-backdrop{position:fixed;display:flex;z-index:100;background:#0006;justify-content:center;align-items: center;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--spacing-4);overflow:auto;box-shadow:var(--shadow-popover,0 8px 24px #0003);width:90vw;max-width:520px;max-height:90vh}.categories-member-modal h2{margin-top:0}.categories-member-list{display:flex;gap:var(--spacing-1);overflow:auto;margin:var(--spacing-3)0;padding:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;max-height:50vh}.categories-member-row{display:flex;align-items: center;gap:var(--spacing-2);padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius-sm)}.categories-member-row:hover{background:var(--color-overlay)}.categories-member-name{flex:auto}.categories-member-handle{font-size:var(--font-size-sm);color:var(--color-muted);font-family:var(--font-mono,monospace);flex:none}