.ctg-stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem}@media (max-width:720px){.ctg-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.ctg-stat{padding:.75rem 1rem;border-radius:10px;background:var(--theme-surface,#ffffff);border:1px solid var(--theme-border,rgba(15,23,42,.08))}[data-effective-mode=dark] .ctg-stat{background:rgba(255,255,255,.03)}.ctg-stat-val{font-size:1.4rem;font-weight:700;color:var(--theme-text,#0f172a);line-height:1.1}.ctg-stat-label{font-size:.75rem;color:var(--theme-text-muted,#64748b);margin-top:.2rem}.ctg-toolbar{display:flex;align-items:center;gap:.625rem;justify-content:flex-end;flex-wrap:wrap}.ctg-search-wrap{position:relative;flex:1;min-width:200px;max-width:400px;margin-right:auto}.ctg-search-icon{position:absolute;top:50%;left:.625rem;transform:translateY(-50%);color:var(--theme-text-muted,#94a3b8);pointer-events:none}.ctg-search-input{padding-left:1.875rem;width:100%}.ctg-toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--theme-text,#0f172a);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ctg-toggle input[type=checkbox]{margin:0;cursor:pointer}.ctg-create-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border-radius:8px;border:1px solid var(--theme-accent,#0d9488);background:var(--theme-accent,#0d9488);color:#fff;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s}.ctg-create-btn:hover{opacity:.9}.ctg-alert{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;border-radius:10px;font-size:.85rem}.ctg-alert-error{background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.25);color:#dc2626}.ctg-alert-success{background:rgba(5,150,105,.08);border:1px solid rgba(5,150,105,.25);color:#059669}.ctg-alert-close{background:none;border:none;padding:.125rem;cursor:pointer;color:currentColor;display:inline-flex;align-items:center;border-radius:4px;transition:background .2s}.ctg-alert-close:hover{background:rgba(15,23,42,.06)}.ctg-tag-list{display:flex;flex-direction:column}.ctg-tag-row{display:grid;grid-template-columns:18px 28px 1fr auto auto;align-items:center;gap:.875rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--theme-border,rgba(15,23,42,.05))}.ctg-tag-row:last-child{border-bottom:none}.ctg-color-swatch{width:24px;height:24px;border-radius:6px;border:1px solid var(--theme-border,rgba(15,23,42,.08))}.ctg-tag-info{min-width:0}.ctg-tag-name{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.95rem;font-weight:600;color:var(--theme-text,#0f172a)}.ctg-tag-desc{font-size:.8rem;color:var(--theme-text-muted,#64748b);margin-top:.25rem}.ctg-tag-desc-empty{font-style:italic;opacity:.7}.ctg-tag-count{font-size:.8rem;color:var(--theme-text-muted,#64748b);white-space:nowrap}.ctg-tag-actions{display:flex;align-items:center;gap:.375rem}.ctg-btn{padding:.375rem .75rem;border-radius:6px;border:1px solid var(--theme-border,rgba(15,23,42,.08));background:transparent;color:var(--theme-text,#0f172a);font-family:inherit;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.ctg-btn:hover{background:var(--theme-border,rgba(15,23,42,.04));border-color:var(--theme-accent,#0d9488)}.ctg-btn:disabled{opacity:.5;cursor:not-allowed}.ctg-badge{padding:.125rem .5rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ctg-badge-muted{background:rgba(15,23,42,.08);color:var(--theme-text-muted,#64748b)}.ctg-badge-accent{background:color-mix(in srgb,var(--theme-accent,#0d9488) 14%,transparent);color:var(--theme-accent,#0d9488)}[data-effective-mode=dark] .ctg-badge-muted{background:rgba(255,255,255,.08)}.ctg-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;margin:0 auto .75rem;background:color-mix(in srgb,var(--theme-accent,#0d9488) 10%,transparent);color:var(--theme-accent,#0d9488)}.ctg-color-edit{display:flex;align-items:center;gap:.5rem}.ctg-color-input{width:38px;height:38px;border-radius:8px;border:1px solid var(--theme-border,rgba(15,23,42,.08));cursor:pointer;background:transparent;padding:2px}.ctg-field-hint{font-size:.75rem;color:var(--theme-text-muted,#64748b);margin-top:.375rem;line-height:1.4}.ctg-preview-row{display:flex;align-items:center;gap:.625rem;padding-top:.5rem;border-top:1px solid var(--theme-border,rgba(15,23,42,.06));margin-top:.25rem}.ctg-preview-label{font-size:.75rem;font-weight:700;color:var(--theme-text-muted,#64748b);text-transform:uppercase;letter-spacing:.04em}.ctg-tag-pill{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:999px;font-size:.8rem;font-weight:600;border:1px solid}.ctg-reorder-hint{padding:.5rem 1.25rem .25rem;font-size:.75rem;color:var(--theme-text-muted,#64748b)}.ctg-reorder-saving{font-weight:600;color:var(--theme-accent,#0d9488)}.ctg-drag-handle{display:inline-flex;align-items:center;justify-content:center;width:18px;color:var(--theme-text-muted,#94a3b8);cursor:grab}.ctg-drag-handle:active{cursor:grabbing}.ctg-tag-row[draggable=true]{transition:transform .15s,opacity .15s,background .15s}.ctg-tag-row[draggable=false] .ctg-drag-handle{cursor:not-allowed;opacity:.4}.ctg-tag-row-dragging{opacity:.5}.ctg-tag-row-over{background:var(--theme-accent-soft,rgba(13,148,136,.08));outline:2px dashed var(--theme-accent,#0d9488);outline-offset:-2px}@media (max-width:640px){.ctg-tag-row{grid-template-columns:18px 24px 1fr;grid-template-areas:"handle swatch info" ".      .      count" ".      .      actions";row-gap:.5rem}.ctg-drag-handle{grid-area:handle}.ctg-color-swatch{grid-area:swatch}.ctg-tag-info{grid-area:info}.ctg-tag-count{grid-area:count}.ctg-tag-actions{grid-area:actions}}