:root{color-scheme:light;--brand:#e0883c;--brand-soft:#fdf1e4;--brand-strong:#c9722b;--surface:#ffffff;--surface-2:#f9fafb;--sidebar:#16181d;--sidebar-2:#1e2128;--text-soft:#6b7280;--text-faint:#9ca3af;--text-inv:#e7e9ee;--text-inv-soft:#9aa0ab;--green:#16a34a;--green-soft:#e7f6ec;--red:#dc2626;--red-strong:#b91c1c;--blue:#2563eb;--blue-soft:#e8effd;--purple:#7c3aed;--purple-soft:#f1ebfe;--skeleton-base:#eceef1;--skeleton-shine:#f6f7f9;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--sidebar-w:264px;--sidebar-w-collapsed:76px;--cf-brand-primary:var(--brand);--cf-brand-subtle:var(--brand-soft);--cf-background-page:var(--surface);--cf-background-section:#f4f5f7;--cf-background-inverse:var(--sidebar);--cf-background-inverse-hover:var(--sidebar-2);--cf-text-primary:#1a1d23;--cf-text-secondary:var(--text-soft);--cf-text-inverse:#ffffff;--cf-text-inverse-soft:var(--text-inv);--cf-neutral-border:#e7e9ee;--bg:#f4f5f7;--bg-soft:var(--surface-2);--panel:var(--surface);--panel-muted:var(--surface-2);--panel-raised:var(--surface);--input-bg:var(--surface);--text:#1a1d23;--muted:var(--text-soft);--border:#e7e9ee;--border-strong:#d6d9e0;--accent:var(--brand);--accent-dark:var(--brand-strong);--accent-soft:var(--brand-soft);--accent-ring:rgba(224,136,60,0.22);--accent-contrast:#ffffff;--danger:#b42318;--danger-soft:#fff1f0;--warning:#d97706;--warning-soft:#fff7e8;--sidebar-bg:var(--sidebar);--sidebar-border:rgba(255,255,255,0.08);--sidebar-text:var(--text-inv);--sidebar-muted:var(--text-inv-soft);--shadow-sm:0 1px 2px rgba(16,24,40,0.05);--shadow-md:0 4px 12px rgba(16,24,40,0.06);--shadow-lg:0 12px 32px rgba(16,24,40,0.1);--sh-sm:var(--shadow-sm);--sh-md:var(--shadow-md);--sh-lg:var(--shadow-lg);--radius:var(--r-sm)}html[data-theme=dark]{color-scheme:dark;--brand:#e8954a;--brand-soft:#2a2118;--brand-strong:#f0a85f;--surface:#181b21;--surface-2:#1f232b;--sidebar:#0a0c0f;--sidebar-2:#161a20;--text-soft:#9aa0ab;--text-faint:#6b7280;--text-inv:#e7e9ee;--text-inv-soft:#8b919c;--skeleton-base:#20242c;--skeleton-shine:#2a2f38;--green:#22c55e;--green-soft:rgba(34,197,94,0.14);--red:#ef4444;--red-strong:#f87171;--blue-soft:rgba(37,99,235,0.14);--purple-soft:rgba(124,58,237,0.14);--cf-brand-primary:var(--brand);--cf-brand-subtle:var(--brand-soft);--cf-background-page:var(--surface);--cf-background-section:#0e1014;--cf-background-inverse:var(--sidebar);--cf-background-inverse-hover:var(--sidebar-2);--cf-text-primary:#e7e9ee;--cf-text-secondary:var(--text-soft);--cf-text-inverse:#e7e9ee;--cf-text-inverse-soft:var(--text-inv-soft);--cf-neutral-border:#262b33;--bg:#0e1014;--bg-soft:var(--surface-2);--panel:var(--surface);--panel-muted:var(--surface-2);--panel-raised:var(--surface);--input-bg:var(--surface);--text:#e7e9ee;--muted:var(--text-soft);--border:#262b33;--border-strong:#333944;--accent:var(--brand);--accent-dark:var(--brand-strong);--accent-soft:var(--brand-soft);--accent-ring:rgba(232,149,74,0.25);--accent-contrast:#ffffff;--danger:#f97066;--danger-soft:rgba(249,112,102,0.14);--warning:#f59e0b;--warning-soft:rgba(251,191,36,0.14);--sidebar-bg:var(--sidebar);--sidebar-border:rgba(255,255,255,0.08);--sidebar-text:var(--text-inv);--sidebar-muted:var(--text-inv-soft);--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.35);--shadow-lg:0 12px 32px rgba(0,0,0,0.5);--sh-sm:var(--shadow-sm);--sh-md:var(--shadow-md);--sh-lg:var(--shadow-lg)}@media (prefers-color-scheme:dark){html:not([data-theme]){color-scheme:dark;--brand:#e8954a;--brand-soft:#2a2118;--brand-strong:#f0a85f;--surface:#181b21;--surface-2:#1f232b;--sidebar:#0a0c0f;--sidebar-2:#161a20;--text-soft:#9aa0ab;--text-faint:#6b7280;--text-inv:#e7e9ee;--text-inv-soft:#8b919c;--skeleton-base:#20242c;--skeleton-shine:#2a2f38;--green:#22c55e;--green-soft:rgba(34,197,94,0.14);--red:#ef4444;--red-strong:#f87171;--blue-soft:rgba(37,99,235,0.14);--purple-soft:rgba(124,58,237,0.14);--cf-brand-primary:var(--brand);--cf-brand-subtle:var(--brand-soft);--cf-background-page:var(--surface);--cf-background-section:#0e1014;--cf-background-inverse:var(--sidebar);--cf-background-inverse-hover:var(--sidebar-2);--cf-text-primary:#e7e9ee;--cf-text-secondary:var(--text-soft);--cf-text-inverse:#e7e9ee;--cf-text-inverse-soft:var(--text-inv-soft);--cf-neutral-border:#262b33;--bg:#0e1014;--bg-soft:var(--surface-2);--panel:var(--surface);--panel-muted:var(--surface-2);--panel-raised:var(--surface);--input-bg:var(--surface);--text:#e7e9ee;--muted:var(--text-soft);--border:#262b33;--border-strong:#333944;--accent:var(--brand);--accent-dark:var(--brand-strong);--accent-soft:var(--brand-soft);--accent-ring:rgba(232,149,74,0.25);--accent-contrast:#ffffff;--danger:#f97066;--danger-soft:rgba(249,112,102,0.14);--warning:#f59e0b;--warning-soft:rgba(251,191,36,0.14);--sidebar-bg:var(--sidebar);--sidebar-border:rgba(255,255,255,0.08);--sidebar-text:var(--text-inv);--sidebar-muted:var(--text-inv-soft);--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.35);--shadow-lg:0 12px 32px rgba(0,0,0,0.5);--sh-sm:var(--shadow-sm);--sh-md:var(--shadow-md);--sh-lg:var(--shadow-lg)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.auth-card{width:min(440px,100%);padding:28px}.auth-card h1,.page-title{margin:0;font-size:28px;line-height:1.15}.muted{color:var(--muted)}.field{display:grid;grid-gap:6px;gap:6px;margin-top:16px}.field label{font-size:13px;font-weight:650}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:6px;padding:10px 12px;background:var(--input-bg);color:var(--text);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.category-edit-form input:focus,.field input:focus,.field select:focus,.field textarea:focus,.inline-form input:focus,.inline-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.button{display:inline-flex;justify-content:center;align-items:center;min-height:40px;padding:9px 14px;border-radius:6px;border:1px solid transparent;background:var(--accent);color:var(--accent-contrast);font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.button:hover{background:var(--accent-dark);transform:translateY(-1px)}.button.secondary{background:var(--panel-raised);color:var(--text);border-color:var(--border)}.button.danger{background:var(--danger);color:var(--cf-text-inverse)}.button:disabled{opacity:.55;cursor:not-allowed}.form-error{margin-top:12px;color:var(--danger);font-size:14px}.success{color:var(--accent);font-size:14px;font-weight:700}.app-shell{grid-template-columns:264px minmax(0,1fr);background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 10%,transparent),transparent 34rem),var(--bg)}.app-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.app-shell.sidebar-collapsed .sidebar{display:none}.sidebar{gap:22px;overflow:auto;background:linear-gradient(180deg,var(--sidebar-bg),var(--cf-background-inverse-hover));color:var(--sidebar-text);padding:18px;border-right:1px solid var(--sidebar-border)}.brand{display:flex;gap:10px;align-items:center;font-size:20px;font-weight:800;margin-bottom:2px}.brand-mark{display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.08);color:var(--accent)}.brand span,.brand strong{display:block;line-height:1.05}.brand span{color:var(--sidebar-muted);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.nav{display:grid;grid-gap:6px;gap:6px}.logout-button,.nav a{gap:10px;border:0;width:100%;text-align:left;color:color-mix(in srgb,var(--sidebar-text) 82%,transparent);border-radius:6px;cursor:pointer;font-weight:750;transition:background .16s ease,color .16s ease,transform .16s ease}.logout-button:hover,.nav a.active,.nav a:hover{background:rgba(255,255,255,.09);color:var(--sidebar-text)}.nav a.active{box-shadow:inset 3px 0 0 var(--accent)}.logout-button:hover,.nav a:hover{transform:translateX(2px)}.sidebar-user{display:grid;grid-gap:4px;gap:4px;margin-top:auto;border:1px solid var(--sidebar-border);border-radius:8px;background:rgba(255,255,255,.06)}.sidebar-user span{color:var(--sidebar-muted);font-size:12px;font-weight:800;text-transform:uppercase}.sidebar-user strong{color:var(--sidebar-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{padding:22px 28px 32px}.sidebar-toggle{border:1px solid var(--border);border-radius:6px;background:var(--panel-raised);color:var(--text);padding:8px 11px;cursor:pointer}.topbar{gap:10px;min-height:54px;margin:-22px -28px 22px;padding:10px 28px;background:color-mix(in srgb,var(--bg) 88%,transparent)}.topbar-title{color:var(--muted);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.icon-button,.theme-toggle,.topbar-title{display:inline-flex;gap:8px;align-items:center}.icon-button,.theme-toggle{justify-content:center;border-radius:6px;background:var(--panel-raised);color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .16s ease,transform .16s ease,background .16s ease}.icon-button{width:38px}.theme-toggle{padding:8px 12px;font-weight:800}.icon-button:hover,.theme-toggle:hover{border-color:var(--accent);transform:translateY(-1px)}.compact-header{margin-bottom:0}.compact-header h2,.compact-header p{margin:0}.grid{display:grid;grid-gap:16px;gap:16px}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-layout,.pattern-detail-layout{display:grid;grid-gap:16px;gap:16px;align-items:start}.catalog-layout{grid-template-columns:minmax(0,1fr) 360px}.pattern-detail-layout{grid-template-columns:minmax(0,1fr) 380px}.span-2{grid-column:span 2}.panel{padding:18px}.stat{display:grid;grid-gap:6px;gap:6px}.stat strong{font-size:30px}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.badge{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.stack{display:grid;grid-gap:14px;gap:14px}.stack.compact{gap:8px}.inline-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.inline-form input,.inline-form select{min-width:160px;border:1px solid var(--border);border-radius:6px;padding:8px 10px}.compact-error{margin:0;font-size:12px}.notice,.row-card{border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--panel-muted)}.notice code{display:block;margin-top:8px;word-break:break-all;font-size:12px}.row-card{display:flex;justify-content:space-between;gap:12px}.row-card p{margin:4px 0 0}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:12px;gap:12px}.file-card{display:grid;grid-gap:8px;gap:8px;border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--panel-muted)}.file-card img,.file-placeholder{width:100%;aspect-ratio:1;border-radius:6px;border:1px solid var(--border);background:var(--bg-soft)}.file-card img{display:block;object-fit:cover}.file-placeholder{place-items:center;color:var(--muted);font-size:16px;font-weight:800}.dropzone,.file-placeholder{display:grid;text-align:center}.dropzone{place-items:center;grid-gap:10px;gap:10px;min-height:190px;border:2px dashed var(--border);border-radius:8px;padding:24px}.dropzone.dragging{border-color:var(--accent);background:var(--accent-soft)}.dropzone input{width:min(420px,100%)}.dropzone-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.dropzone-actions input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.range-field{display:grid;grid-template-columns:minmax(160px,1fr) 96px auto;grid-gap:8px;gap:8px;align-items:center}.range-field input{min-width:0}.settings-preview-sample{display:grid;place-items:center;min-height:180px;max-width:100%;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);color:var(--muted);font-weight:800}.ai-provider-card,.ai-provider-settings{display:grid;grid-gap:12px;gap:12px}.ai-provider-card{padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--panel-muted)}.ai-provider-card h3{margin:0 0 4px;font-size:16px}.switch-row{display:inline-flex;gap:8px;align-items:center;font-weight:700}.import-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:10px;gap:10px}.import-result-grid>div{display:grid;grid-gap:4px;gap:4px;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--panel)}.result-list{display:grid;grid-gap:8px;gap:8px}.result-list h3{margin:0;font-size:15px}.result-list a,.result-list div{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--panel)}.result-list span{display:grid;grid-gap:3px;gap:3px}.result-list small{color:var(--muted)}.error-list div{border-color:rgba(180,35,24,.35)}.import-report-panel{margin-bottom:16px}.import-report-card{overflow:hidden;margin-bottom:16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--sh-sm)}.import-report-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:14px 16px;cursor:pointer;list-style:none}.import-report-head::-webkit-details-marker{display:none}.import-report-card[open] .import-report-head{border-bottom:1px solid var(--border)}.import-report-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px}.import-report-icon.ok{background:var(--green-soft);color:var(--green)}.import-report-icon.error{background:var(--danger-soft);color:var(--danger)}.import-report-title{display:grid;grid-gap:3px;gap:3px;min-width:0}.import-report-title strong{color:var(--text);font-size:15px}.import-report-title small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.import-report-chevron{color:var(--muted);transition:transform .18s ease}.import-report-card[open] .import-report-chevron{transform:rotate(180deg)}.import-report-body{display:grid;grid-gap:14px;gap:14px;padding:14px 16px 16px}.import-report-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.import-report-stat{display:grid;grid-gap:5px;gap:5px;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--surface-2)}.import-report-stat span{color:var(--muted);font-size:12px;font-weight:700}.import-report-stat strong{color:var(--text);font-size:23px;line-height:1}.import-report-stat.ok{border-color:color-mix(in srgb,var(--green) 24%,var(--border));background:var(--green-soft)}.import-report-stat.warn{border-color:color-mix(in srgb,var(--brand) 26%,var(--border));background:var(--warning-soft)}.import-report-stat.err{border-color:color-mix(in srgb,var(--danger) 28%,var(--border));background:var(--danger-soft)}.import-report-empty{display:inline-flex;gap:8px;align-items:center;margin:0;color:var(--green);font-weight:750}.import-report-section{display:grid;grid-gap:9px;gap:9px}.import-report-section h3{margin:0;color:var(--text);font-size:14px}.import-report-matches,.import-report-rows{display:grid;grid-gap:8px;gap:8px}.import-report-matches a,.import-report-row{display:grid;grid-gap:8px;gap:8px;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--surface-2)}.import-report-matches a span,.import-report-row>div:first-child,.import-report-row>span{display:grid;grid-gap:3px;gap:3px}.import-report-matches small,.import-report-row small{color:var(--muted)}.import-report-row.warn{border-color:color-mix(in srgb,var(--brand) 24%,var(--border));background:var(--warning-soft)}.import-report-row.err{border-color:color-mix(in srgb,var(--danger) 26%,var(--border));background:var(--danger-soft)}.import-report-matches a{grid-template-columns:minmax(0,1fr) auto;color:var(--text)}.selection-status-menu.import-ai-menu{min-width:260px}.selection-status-menu.import-ai-menu label{display:grid;grid-gap:6px;gap:6px;padding:4px;color:var(--text);font-size:12px;font-weight:800}.selection-status-menu.import-ai-menu .select{width:100%;min-width:0;height:36px;font-size:13px}.duplicate-match-list,.duplicate-report-list{display:grid;grid-gap:8px;gap:8px}.duplicate-report-list h3{margin:0;font-size:15px}.duplicate-report-item{display:grid;grid-gap:10px;gap:10px;border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--panel)}.duplicate-report-item>div:first-child{display:grid;grid-gap:4px;gap:4px}.duplicate-report-item small{color:var(--muted)}.duplicate-report-item.exact{border-color:rgba(180,35,24,.35)}.duplicate-report-item.warning{border-color:rgba(180,112,24,.35)}.duplicate-match-list a{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--panel)}.duplicate-match-list span{display:grid;grid-gap:3px;gap:3px}.color-term-chip{width:28px;height:28px;border:1px solid var(--border);border-radius:999px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.75)}.color-term-chip.selected{outline:3px solid var(--accent-ring);border-color:var(--accent)}.color-term-chip.compact{width:18px;height:18px;flex:0 0 auto}.color-term-chip.empty{background:linear-gradient(135deg,transparent 45%,var(--border) 48%,var(--border) 52%,transparent 55%)}.color-dropdown,.color-picker{position:relative}.color-picker-trigger{width:100%;display:inline-flex;justify-content:space-between;gap:8px;align-items:center;min-height:42px;border:1px solid var(--border);border-radius:6px;padding:8px 10px;background:var(--panel);cursor:pointer;text-align:left}.color-selection-summary{display:flex;flex-wrap:wrap;gap:6px}.color-selection-chip{display:inline-flex;gap:6px;align-items:center;min-width:0}.color-picker-menu{top:calc(100% + 6px);right:0;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:6px;gap:6px;max-height:300px;border-radius:8px;background:var(--panel);box-shadow:var(--shadow-lg)}.color-picker-menu.compact-menu{grid-template-columns:1fr}.color-picker-option{gap:8px;min-width:0;border:1px solid transparent;border-radius:6px;padding:7px 8px;background:var(--panel);text-align:left}button.color-picker-option{width:100%;color:var(--text)}.color-picker-option input{width:auto;min-width:0;margin:0}.color-picker-option.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark);font-weight:800}.pattern-card-grid{grid-gap:14px;gap:14px}.catalog-workspace{grid-template-columns:300px minmax(0,1fr);grid-gap:16px;gap:16px}.category-panel{top:20px;min-width:0;overflow:hidden}.category-panel p{overflow-wrap:anywhere}.category-root-drop{display:grid;grid-gap:8px;gap:8px;border:1px dashed transparent;border-radius:8px;padding:8px}.category-root-drop.drag-over{border-color:var(--accent);background:var(--accent-soft)}.category-edit-form{display:grid;grid-gap:6px;gap:6px;width:100%}.category-edit-fields{display:grid;grid-template-columns:minmax(0,1fr) 74px;grid-gap:6px;gap:6px}.category-edit-actions{display:flex;flex-wrap:wrap;gap:6px}.category-edit-form input{min-width:0;border:1px solid var(--border);border-radius:6px;padding:7px 8px}.category-edit-actions button{flex:1 1 72px;min-width:0}.danger-link{color:var(--danger)}.category-checkbox-tree{overflow:auto;border:1px solid var(--border);border-radius:8px;padding:8px;background:var(--panel-muted)}.category-checkbox-row,.category-checkbox-tree{display:grid;grid-gap:4px;gap:4px}.category-checkbox-row label{display:flex;gap:8px;align-items:center;min-height:30px;color:var(--text);line-height:1.25}.category-checkbox-row input[type=checkbox]{flex:0 0 auto;width:16px;min-width:16px;height:16px;margin:0;padding:0;accent-color:var(--accent)}.category-checkbox-row span{min-width:0;color:var(--text);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-checkbox-row small{color:var(--muted);font-weight:800}.pattern-card{display:grid;background:var(--panel)}.pattern-card.selected{box-shadow:0 0 0 2px var(--accent-ring)}.pattern-select{display:inline-flex;gap:6px;align-items:center;border-radius:999px;padding:6px 9px;background:rgba(255,255,255,.92);font-size:12px;font-weight:700}.pattern-preview-thumb{border-radius:8px 8px 0 0}.pattern-preview-thumb .file-placeholder,.pattern-preview-thumb img{border-bottom:1px solid var(--border)}.pattern-hover-preview{width:360px;padding:10px;border-radius:8px;background:var(--panel);box-shadow:var(--shadow-lg)}.pattern-hover-preview img{display:block;aspect-ratio:1;border:1px solid var(--border);border-radius:6px;background:var(--bg-soft)}.pattern-hover-preview span{display:block;margin-top:8px;font-size:13px;font-weight:700}.pattern-card-body{display:grid;grid-gap:8px;gap:8px;padding:12px}.pattern-card-body p{margin:0}.category-chip{display:inline-flex;overflow:hidden;border:1px solid var(--border);border-radius:999px;padding:4px 7px;color:var(--muted);font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.compact-text{font-size:12px}.pattern-detail-preview{position:-webkit-sticky;position:sticky;top:20px}.pattern-detail-preview img,.pattern-detail-preview>.file-placeholder{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--border);background:var(--bg-soft)}.pattern-detail-preview p{margin:0}.ai-draft-card,.ai-draft-list{display:grid;grid-gap:10px;gap:10px}.ai-draft-card{border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--panel-muted)}.ai-draft-card-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ai-draft-card p,.ai-draft-card-header p{margin:0}.ai-draft-fields{display:grid;grid-gap:10px;gap:10px}.ai-draft-fields>div{display:grid;grid-template-columns:140px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start}.ai-draft-fields dt{color:var(--muted);font-size:12px;font-weight:800;margin:0;text-transform:uppercase}.ai-draft-fields dd{margin:0;min-width:0}.role-editor{border:1px solid var(--border);border-radius:8px;padding:14px;background:var(--panel-muted)}.role-editor-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.role-editor-header p{margin:4px 0 0}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:8px;gap:8px;padding:12px;border:1px solid var(--border);border-radius:8px}.checkbox-grid legend{padding:0 6px;font-size:13px;font-weight:700}.checkbox-grid label{display:flex;gap:8px;align-items:center;font-size:13px}pre{max-width:420px;overflow:auto;border-radius:6px;padding:10px;font-size:12px}.ai-draft-card,.ai-provider-card,.auth-card,.category-checkbox-tree,.color-picker-menu,.duplicate-match-list a,.duplicate-report-item,.file-card,.import-result-grid>div,.notice,.panel,.pattern-card,.pattern-hover-preview,.result-list a,.result-list div,.role-editor,.row-card{background:var(--panel);border-color:var(--border)}.ai-draft-card,.ai-provider-card,.file-card,.panel,.pattern-card,.role-editor{box-shadow:var(--shadow-sm)}.panel:hover,.pattern-card:hover{box-shadow:var(--shadow-md)}.category-edit-form input,.color-picker-option,.color-picker-trigger,.field input,.field select,.field textarea,.inline-form input,.inline-form select{background:var(--input-bg);color:var(--text);border-color:var(--border)}.button.secondary:hover{border-color:var(--accent);background:var(--surface-2);color:var(--brand-strong)}.table{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.table th{background:var(--panel-muted)}.table tr:hover td{background:color-mix(in srgb,var(--accent-soft) 42%,transparent)}.badge{background:var(--accent-soft);color:var(--accent)}.ai-provider-card,.category-checkbox-tree,.file-card,.notice,.role-editor,.row-card{background:var(--panel-muted)}.file-card img,.file-placeholder,.pattern-detail-preview img,.pattern-detail-preview>.file-placeholder,.pattern-hover-preview img,.pattern-preview-thumb .file-placeholder,.pattern-preview-thumb img,.settings-preview-sample{background:var(--bg-soft);border-color:var(--border)}.dropzone{background:var(--panel-muted);border-color:var(--border-strong)}.category-root-drop.drag-over,.color-picker-option.selected,.dropzone.dragging{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.category-chip{background:var(--panel-muted)}.duplicate-report-item.exact{background:var(--danger-soft)}.duplicate-report-item.warning{background:var(--warning-soft)}.color-picker-option:hover,.color-picker-trigger:hover{border-color:var(--accent)}.color-picker-menu,.pattern-hover-preview{box-shadow:var(--shadow-lg)}.color-term-chip{border-color:var(--border-strong);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--panel) 70%,transparent)}.color-term-chip.selected{outline-color:var(--accent-ring)}.pattern-card-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.pattern-card{transition:border-color .16s ease,box-shadow .16s ease}.pattern-card:hover{transform:none}.pattern-card.selected{box-shadow:0 0 0 2px var(--accent-ring),var(--shadow-md)}.pattern-select{background:color-mix(in srgb,var(--panel) 88%,transparent)}.pattern-preview-thumb{background:var(--bg-soft)}.pattern-card-body{gap:10px}.category-panel,.pattern-detail-preview{top:76px}.category-checkbox-row label,.category-checkbox-row span{color:var(--text)}.category-checkbox-row label:hover{color:var(--accent)}.ai-draft-fields>div{padding:10px;border:1px solid var(--border);border-radius:6px;background:var(--panel)}pre{background:var(--panel-muted);color:var(--text);border:1px solid var(--border)}.eyebrow{margin:0 0 6px;color:var(--accent);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.asset-hero{align-items:flex-end;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 92%,transparent),color-mix(in srgb,var(--panel-muted) 96%,transparent)),var(--panel);box-shadow:var(--shadow-sm)}.asset-hero h1,.asset-hero p{margin-top:0}.asset-hero .page-title{font-size:clamp(28px,3vw,44px);letter-spacing:-.02em}.asset-hero-actions,.asset-hero-stats{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.asset-hero-stats span{display:grid;min-width:104px;grid-gap:2px;gap:2px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--panel-raised);box-shadow:var(--shadow-sm)}.asset-hero-stats.compact span{min-width:96px;padding:8px 10px}.asset-hero-stats strong{font-size:22px;line-height:1}.asset-hero-stats small{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.asset-browser,.import-dashboard{display:grid;grid-gap:14px;gap:14px}.asset-browser-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-end}.asset-browser-header h2,.asset-browser-header p{margin:0}.catalog-filter-actions{padding-top:2px}.catalog-workspace{grid-template-columns:292px minmax(0,1fr);gap:14px}.asset-grid-area{min-width:0}.asset-grid-shell{padding:16px;border-radius:var(--radius);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-soft) 72%,transparent),color-mix(in srgb,var(--bg) 96%,transparent)),var(--bg-soft);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--panel) 62%,transparent)}.pattern-card-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:18px}.pattern-card{padding:8px;border-radius:8px;background:var(--panel-raised);box-shadow:var(--shadow-sm);overflow:visible}.pattern-card.selected,.pattern-card:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring),var(--shadow-md)}.pattern-preview-thumb{border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:8px;background:var(--panel);box-shadow:var(--shadow-sm);transition:box-shadow .16s ease,border-color .16s ease}.pattern-card.selected .pattern-preview-thumb,.pattern-card:hover .pattern-preview-thumb{border-color:var(--accent);box-shadow:var(--shadow-sm)}.pattern-preview-thumb .file-placeholder,.pattern-preview-thumb img{aspect-ratio:1;border-bottom:0}.pattern-status-pill{right:8px;bottom:8px;max-width:calc(100% - 16px);overflow:hidden;border:1px solid rgba(255,255,255,.24);padding:4px 7px;background:rgba(10,17,16,.72);font-weight:900;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.pattern-select,.pattern-status-pill{color:var(--cf-text-inverse);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pattern-select{top:8px;left:8px;background:rgba(10,17,16,.68);border-color:rgba(255,255,255,.22)}.pattern-select input{accent-color:var(--accent)}.pattern-card-body{padding:10px 2px 2px;gap:5px}.pattern-title-link{font-weight:850;line-height:1.18}.pattern-subtitle{margin:0;overflow:hidden;color:var(--muted);line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.category-badges{gap:4px}.category-chip{max-width:100%;padding:3px 6px;background:color-mix(in srgb,var(--panel) 84%,transparent);font-size:11px}.category-panel{top:72px;max-height:calc(100vh - 88px);padding:14px;background:color-mix(in srgb,var(--panel) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.category-panel-head p{margin-bottom:0;font-size:12px}.category-root-drop>span{font-size:12px}.asset-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.asset-metrics .stat{padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--panel);box-shadow:var(--shadow-sm)}.asset-metrics .stat strong{font-size:26px}.empty-state{margin:0;padding:18px;border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--panel-muted);color:var(--muted);font-weight:750;text-align:center}.pattern-detail-layout{grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:18px}.detail-editor,.detail-inspector{min-width:0}.pattern-detail-preview{top:72px;padding:14px;background:color-mix(in srgb,var(--panel) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pattern-detail-preview img,.pattern-detail-preview>.file-placeholder{border:0;border-radius:8px;background:var(--cf-background-inverse);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 60%,transparent)}.pattern-detail-preview h2{margin:0}.detail-hero{margin-bottom:18px}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.main{padding:18px}.topbar{margin:-18px -18px 18px;padding:10px 18px}.catalog-layout,.grid.cols-3,.grid.cols-4,.grid.two-cols,.pattern-detail-layout{grid-template-columns:1fr}.span-2{grid-column:auto}.role-editor-header,.row-card{display:grid}.catalog-workspace,.import-result-grid,.range-field{grid-template-columns:1fr}.category-panel{position:static}.result-list a,.result-list div{display:grid;grid-template-columns:1fr;text-align:left}.pattern-detail-preview{position:static}}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh;background:var(--bg);transition:grid-template-columns .28s cubic-bezier(.4,0,.2,1)}.app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-w-collapsed) minmax(0,1fr)}.app-shell.sidebar-collapsed .sidebar,.sidebar{display:flex}.sidebar{position:-webkit-sticky;position:sticky;top:0;flex-direction:column;width:auto;height:100vh;overflow:visible;gap:0;padding:22px 16px;background:var(--sidebar);color:var(--text-inv);border-right:0}.brand{gap:12px;padding:6px 8px 22px;margin:0;font-size:16px}.brand-mark{width:38px;height:38px;flex:0 0 auto;border:0;border-radius:10px;background:linear-gradient(135deg,var(--brand),#f0a85f);color:#fff;box-shadow:0 4px 14px rgba(224,136,60,.35)}.brand-text,.nav-text,.user-text{overflow:hidden;white-space:nowrap;transition:opacity .2s ease,width .2s ease}.brand-text strong{color:#fff;font-size:16px;font-weight:700;letter-spacing:-.2px}.brand-text span{color:var(--text-inv-soft);font-size:10px;font-weight:600;letter-spacing:2px}.nav{display:block}.nav-label{font-size:10px;font-weight:700;letter-spacing:1.5px;padding:14px 12px 8px;overflow:hidden}.logout-button,.nav a,.nav-label{color:var(--text-inv-soft);white-space:nowrap}.logout-button,.nav a{position:relative;display:flex;align-items:center;gap:12px;min-height:42px;margin-bottom:2px;padding:10px 12px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;font-size:14px;font-weight:500;box-shadow:none;transform:none}.logout-button:hover,.nav a:hover{background:var(--sidebar-2);color:var(--text-inv);transform:none}.nav a.active{background:var(--sidebar-2);color:#fff;font-weight:600;border-color:rgba(255,255,255,.06);box-shadow:inset 3px 0 0 var(--brand)}.nav a.active svg{color:var(--brand)}.sidebar-footer{margin-top:auto;padding-top:16px}.sidebar-footer .logout-button{width:100%;margin-bottom:8px}.sidebar-user{display:flex;align-items:center;gap:12px;margin-top:0;padding:12px;border:0;border-radius:var(--r-md);background:var(--sidebar-2);overflow:hidden}.avatar{width:36px;height:36px;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,var(--brand),#f0a85f);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}.user-text{display:grid;grid-gap:2px;gap:2px;min-width:0;line-height:1.15}.user-text span,.user-text strong{display:block}.sidebar-user span{color:var(--text-inv-soft);font-size:10px;letter-spacing:1px}.sidebar-user strong{color:#fff;font-size:13px}.app-shell.sidebar-collapsed .sidebar{padding:22px 12px}.app-shell.sidebar-collapsed .brand{justify-content:center;padding:6px 0 22px}.app-shell.sidebar-collapsed .brand-text,.app-shell.sidebar-collapsed .logout-button span,.app-shell.sidebar-collapsed .nav-text,.app-shell.sidebar-collapsed .user-text{opacity:0;width:0;overflow:hidden}.app-shell.sidebar-collapsed .nav-label{opacity:0;height:0;padding:0}.app-shell.sidebar-collapsed .logout-button,.app-shell.sidebar-collapsed .nav a{justify-content:center;gap:0;padding:11px}.app-shell.sidebar-collapsed .sidebar-user{justify-content:center;padding:10px}.app-shell.sidebar-collapsed .logout-button[data-tip]:hover:after,.app-shell.sidebar-collapsed .nav a[data-tip]:hover:after{content:attr(data-tip);position:absolute;left:calc(100% + 14px);top:50%;z-index:80;transform:translateY(-50%);padding:7px 11px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:var(--sidebar-2);color:#fff;box-shadow:var(--sh-lg);font-size:12.5px;font-weight:600;pointer-events:none}.main{min-width:0;padding:0}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:60;display:flex;align-items:center;min-height:60px;height:60px;gap:14px;margin:0;padding:0 28px;border-bottom:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.topbar-title{color:var(--text-soft);font-size:13px;font-weight:600;letter-spacing:1.5px}.icon-button,.theme-toggle{min-height:36px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-soft);box-shadow:none}.icon-button:hover,.theme-toggle:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-strong);transform:none}.theme-toggle{margin-left:auto;border-radius:999px;padding:7px 14px 7px 12px;color:var(--text);font-size:13px;font-weight:600}.theme-toggle svg{color:var(--brand)}.main>.asset-browser,.main>.detail-content,.main>.page-head{width:min(1500px,calc(100% - 56px));margin-left:auto;margin-right:auto}.main>.detail-content,.main>.page-head{margin-top:28px}.main>.asset-browser{padding-bottom:80px}.content{width:100%;max-width:none;margin:0 auto;padding:28px 14px}.catalog-page-content,.import-batch-page-content{padding-bottom:80px}.import-page-content .import-dashboard{display:grid;grid-gap:14px;gap:14px}.import-batch-page-content>.panel,.import-page-content .panel,.page-head{margin-bottom:24px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;border:1px solid var(--border);border-radius:var(--r-xl);background:radial-gradient(900px 200px at 0 0,var(--brand-soft),transparent),var(--surface);box-shadow:var(--sh-sm)}.eyebrow{color:var(--brand-strong);font-size:11px;font-weight:700;letter-spacing:2px}.page-head h1{margin:6px 0;font-size:30px;letter-spacing:-.6px}.page-head p{max-width:520px;color:var(--text-soft);font-size:14px}.stats{display:flex;gap:14px}.stat{min-width:110px;padding:14px 18px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-sm)}.stat .num{font-size:26px;font-weight:700;letter-spacing:-.5px}.stat .lbl{margin-top:2px;color:var(--text-faint);font-size:10px;font-weight:700;letter-spacing:1.2px}.stats .stat:first-child{border:0;color:#fff;background:linear-gradient(135deg,var(--brand),#f0a85f)}.stats .stat:first-child .lbl{color:rgba(255,255,255,.85)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-head h2{margin:0;font-size:19px;letter-spacing:-.3px}.panel-head p{margin:4px 0 0;color:var(--text-soft);font-size:13.5px}.btn-ghost,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);cursor:pointer;font-size:13px;font-weight:600;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.btn-ghost{padding:0 18px}.btn-outline{min-height:42px;padding:0 22px;font-size:14px}.btn-ghost:hover,.btn-outline:hover{border-color:var(--brand);background:var(--surface-2);color:var(--brand-strong)}.btn-ghost:disabled,.btn-outline:disabled{opacity:.55;cursor:not-allowed;transform:none}.dz-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 16px;border-radius:16px;background:var(--brand-soft);color:var(--brand-strong)}.dropzone h3{margin:0;font-size:17px;letter-spacing:-.2px}.dz-sub{max-width:540px;margin:8px auto 20px;color:var(--text-soft);font-size:13.5px}.dz-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.hidden-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.form-block{margin-top:24px}.form-block label{display:block;margin-bottom:8px;color:var(--text);font-size:13px;font-weight:600}.progress-meta{display:flex;justify-content:space-between;gap:16px}@keyframes spin{to{transform:rotate(1turn)}}.progress-track{height:10px;overflow:hidden;border-radius:999px;background:var(--border)}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),#f0a85f);transition:width .25s ease}.progress-fill.done{background:linear-gradient(90deg,var(--green),#4ade80)}.progress-meta{margin-top:10px;color:var(--text-soft);font-size:12.5px}.batch-list{display:flex;flex-direction:column;gap:12px}.batch-info{flex:1 1 180px;min-width:180px}.batch-info strong{display:block;color:var(--text);font-size:15px;letter-spacing:-.2px}.batch-info span{color:var(--text-soft);font-size:12.5px}.batch-metrics{display:flex;gap:28px}.metric{min-width:60px;text-align:center}.metric .m-num{font-size:20px;font-weight:700;letter-spacing:-.3px}.metric .m-lbl{margin-top:2px;color:var(--text-faint);font-size:10.5px;font-weight:600;letter-spacing:.4px}.metric.warn .m-num{color:var(--brand-strong)}.metric.ok .m-num{color:var(--green)}.batch-delete-action{flex:0 0 auto}.batch-del{min-height:56px;border:0;border-radius:var(--r-sm);padding:0 22px;background:var(--red);color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:background .15s ease,opacity .15s ease}.batch-del:hover:not(:disabled){background:var(--red-strong)}.batch-del:disabled{opacity:.6;cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.import-page-content{gap:20px}.import-page-content .page-head{align-items:flex-end;margin-bottom:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.import-page-content .page-head .stat{min-width:120px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--sh-sm)}.import-page-content .page-head .stat small{display:block;color:var(--text-soft);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.import-page-content .page-head .stat strong{display:block;margin-top:2px;color:var(--text);font-size:22px;line-height:1}.import-page-content .metric.warn .m-num,.import-page-content .page-head .stat.warn strong{color:var(--brand-strong)}.import-dashboard{display:grid;grid-gap:20px;gap:20px}.import-card,.import-page-content .board{overflow:hidden;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-sm)}.import-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--border)}.import-head .left{display:flex;align-items:center;gap:12px;min-width:0}.import-head .ic{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:var(--r-sm);background:var(--brand-soft);color:var(--brand-strong)}.import-head h2{margin:0;color:var(--text);font-size:16px}.import-head .sub{margin:2px 0 0;color:var(--text-soft);font-size:12px}.import-collapse svg{transition:transform .16s ease}.import-collapse svg.is-collapsed{transform:rotate(-90deg)}.import-body{display:grid;grid-gap:16px;gap:16px;padding:16px}.import-card .dropzone{display:grid;place-items:center;grid-gap:10px;gap:10px;min-height:180px;padding:24px;border:2px dashed var(--border-strong);border-radius:var(--r-md);background:var(--panel-muted);text-align:center;transition:border-color .15s ease,background .15s ease}.import-card .dropzone.drag-over{border-color:var(--brand);background:var(--brand-soft)}.import-card .dropzone.has-files{align-items:center;justify-items:center;padding-bottom:18px}.import-card .dz-icon{width:48px;height:48px;margin:0 0 4px;border-radius:12px;background:var(--surface);color:var(--brand);box-shadow:var(--sh-sm)}.dz-title{margin:0;color:var(--text);font-size:15px;font-weight:800}.dz-desc{margin:0 0 4px;color:var(--text-soft);font-size:13px}.dz-formats{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.dz-formats span{padding:3px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-soft);font-size:10px;font-weight:800;letter-spacing:.04em}.selected-files-wrap{display:grid;grid-gap:10px;gap:10px}.dropzone .selected-files-wrap{justify-self:stretch;width:100%;min-width:0;margin-top:10px;padding-top:14px;border-top:1px solid var(--border);text-align:left}.selected-files-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.selected-files-head h3{margin:0;color:var(--text);font-size:14px}.selected-files-head .summary{color:var(--text-soft);font-size:12px;font-weight:500}.selected-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));grid-auto-flow:row;grid-gap:12px;gap:12px;align-items:start;min-width:0;width:100%}.selected-grid .file-card{display:grid;grid-template-rows:auto minmax(54px,auto);grid-gap:8px;gap:8px;min-width:0;overflow:hidden;padding:8px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);isolation:isolate}.selected-grid .file-card>div:last-child{min-width:0}.selected-grid .file-card .thumb{position:relative;display:grid;place-items:center;overflow:hidden;width:100%;min-width:0;aspect-ratio:1;border-radius:6px;background:var(--panel-muted);contain:paint}.selected-grid .file-card .thumb img{display:block;width:100%;max-width:100%;height:100%;max-height:100%;object-fit:cover}.selected-grid .file-card .ph{color:var(--text-faint);font-size:10px;font-weight:800;letter-spacing:.08em}.selected-grid .file-card .ext{position:absolute;right:4px;bottom:4px;padding:1px 5px;border-radius:4px;background:rgba(0,0,0,.62);color:#fff;font-size:9px;font-weight:800}.selected-grid .file-card .remove{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:6px;background:rgba(255,255,255,.92);color:#4b5563;cursor:pointer;font-size:18px;line-height:1}.selected-grid .file-card .remove:hover:not(:disabled){background:var(--red);color:#fff}.selected-grid .file-card .name{overflow:hidden;color:var(--text);font-size:12px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.selected-grid .file-card .path,.selected-grid .file-card .size{overflow:hidden;color:var(--text-faint);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.selected-grid .file-card .size{color:var(--text-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.field .hint{color:var(--text-faint);font-size:11px}.import-submit-field .btn{width:100%;justify-content:center}.progress-card{display:grid;grid-gap:12px;gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--brand-soft)}.progress-card .progress-head{display:flex;align-items:center;gap:12px}.progress-card .spinner{width:28px;height:28px;flex:0 0 28px;border:3px solid color-mix(in srgb,var(--brand) 30%,transparent);border-top-color:var(--brand);border-radius:999px;animation:spin .8s linear infinite}.progress-card .spinner.done{border-color:var(--green);animation:none}.progress-card .t{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-size:14px;font-weight:800}.progress-card .d{margin-top:2px;color:var(--text-soft);font-size:12px}.progress-card .progress-track{height:8px;border-radius:999px;background:color-mix(in srgb,var(--brand) 20%,transparent)}.progress-card .progress-meta{display:flex;justify-content:space-between;gap:12px;margin-top:0;color:var(--text-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.import-page-content .board-head{padding:16px;border-bottom:1px solid var(--border)}.import-page-content .board-head h2{margin:0;color:var(--text);font-size:16px}.import-page-content .board-head p{margin:4px 0 0;color:var(--text-soft);font-size:13px}.board-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border)}.board-search{position:relative;flex:1 1 360px;min-width:200px}.board-filters .select{width:auto;min-width:180px;flex:0 0 auto}.board-search .ic{position:absolute;left:10px;top:50%;color:var(--text-faint);pointer-events:none;transform:translateY(-50%)}.board-search input{width:100%;min-height:36px;padding:8px 10px 8px 32px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--panel-muted);color:var(--text);font-size:13px}.board-search input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--accent-ring)}.import-page-content .batch-list{display:grid;grid-gap:10px;gap:10px;padding:12px}.import-page-content .batch-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px;padding:14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.import-page-content a.batch-card{grid-template-columns:minmax(0,1fr) auto auto;text-decoration:none}.import-page-content .batch-card:hover{border-color:var(--brand);box-shadow:var(--sh-md)}.import-page-content .batch-card.muted{border-style:dashed;background:var(--panel-muted)}.batch-card-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px;min-width:0;color:inherit;text-decoration:none}.import-page-content .batch-info{min-width:0}.import-page-content .batch-info strong{display:block;overflow:hidden;color:var(--text);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.import-page-content .batch-info .date,.import-page-content .batch-info .desc{margin-top:2px;color:var(--text-soft);font-size:12px}.import-page-content .batch-info .desc{color:var(--text-faint)}.import-page-content .batch-metrics{display:flex;flex-wrap:wrap;gap:10px}.import-page-content .metric{min-width:64px;text-align:center}.import-page-content .metric .m-num{color:var(--text);font-size:18px;font-weight:800;line-height:1}.import-page-content .metric .m-lbl{margin-top:3px;color:var(--text-soft);font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.import-page-content .metric.ok .m-num{color:var(--green)}.import-page-content .batch-actions{display:flex;gap:6px}.import-page-content .batch-delete-action{flex:0 0 auto}.import-page-content .batch-del{display:grid;place-items:center;width:34px;height:34px;min-height:0;padding:0;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text-soft);cursor:pointer}.import-page-content .batch-del:hover:not(:disabled){border-color:var(--red);background:var(--danger-soft);color:var(--red)}.import-page-content .empty{padding:48px 24px;border:2px dashed var(--border-strong);border-radius:12px;color:var(--text-soft);text-align:center}.import-page-content .empty .ic{margin-bottom:8px}.import-page-content .empty h3{margin:0 0 6px;color:var(--text)}.import-page-content .empty p{margin:0}.section-title{margin-bottom:16px}.section-title h2{margin:0;font-size:19px;letter-spacing:-.3px}.section-title span{color:var(--text-soft);font-size:13px}.filters{display:block;margin-bottom:24px;padding:20px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-sm)}.filter-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr 1fr 1fr;grid-gap:16px;gap:16px}.field input,.field select,.field textarea,.input,.select,.textarea{width:100%;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-size:14px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.input,.select{height:42px;padding:0 14px}.textarea{min-height:80px;padding:11px 14px;line-height:1.55;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.input-search{position:relative}.input-search svg{position:absolute;left:13px;top:11px;color:var(--text-faint)}.input-search .input{padding-left:40px}.filter-foot{display:flex;align-items:center;gap:16px;margin-top:16px}.btn-reset{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 18px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-size:13px;font-weight:600}.btn-reset:hover{background:var(--surface-2);border-color:var(--brand);color:var(--brand-strong)}.catalog-workspace{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:24px;gap:24px;align-items:start;min-height:58vh}.catalog-workspace.import-workspace{grid-template-columns:auto minmax(0,1fr)}.category-panel{position:-webkit-sticky;position:sticky;top:84px;width:clamp(var(--category-panel-min-width,300px),var(--category-panel-measured-width,320px),min(560px,44vw));max-width:min(560px,44vw);max-height:calc(100vh - 104px);overflow:auto;padding:20px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-sm)}.category-panel.manage{overflow-x:visible}.category-panel-width-sizer{position:fixed;top:0;left:-10000px;z-index:-1;display:flex;flex-direction:column;align-items:flex-start;visibility:hidden;pointer-events:none;white-space:nowrap}.category-panel-width-row{display:flex;align-items:center;gap:8px;width:max-content;min-height:38px;padding:8px 10px;border:1px solid transparent}.category-width-grip{flex:0 0 14px;width:14px;height:14px}.category-width-name{color:var(--text);font-size:14px;font-weight:600;line-height:1.25}.category-width-code{border:1px solid var(--border);border-radius:5px;padding:3px 7px;color:var(--text-soft);font-size:10px;font-weight:700;letter-spacing:.5px}.category-width-count{min-width:22px;height:22px;display:grid;place-items:center;border-radius:6px;padding:0 6px;font-size:11px;font-weight:700}.category-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.category-panel h2{margin:0;font-size:16px;letter-spacing:-.2px}.category-panel-head p{margin:6px 0 16px;color:var(--text-soft);font-size:12.5px}.category-new-button{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:34px;border:1px solid var(--border);border-radius:var(--r-sm);padding:7px 10px;background:var(--surface);color:var(--brand-strong);font-size:12px;font-weight:700;cursor:pointer}.category-new-button:hover{border-color:var(--brand);background:var(--brand-soft)}.category-root-drop{display:block;margin:0 0 12px;padding:0;border:0}.cat-all,.category-root-drop>.button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:42px;border:0;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--brand),#f0a85f);color:#fff;box-shadow:0 4px 12px rgba(224,136,60,.3)}.cat-all.secondary,.category-root-drop>.button.secondary{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);box-shadow:none}.category-root-drop>span{display:block;margin-top:10px;font-size:11.5px;text-align:center}.cat-list{display:flex;flex-direction:column;gap:4px;min-height:20px}.cat-row{position:relative;display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 10px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;cursor:-webkit-grab;cursor:grab;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.cat-row.selected,.cat-row:hover{background:var(--surface-2)}.cat-row.selected{box-shadow:inset 3px 0 0 var(--brand)}.cat-row:active{cursor:-webkit-grabbing;cursor:grabbing}.cat-row.dragging{opacity:.4}.cat-row.assign-target,.cat-row.nest-target{border-color:var(--brand);background:var(--brand-soft)}.cat-row.child:before{content:"";position:absolute;left:-10px;top:50%;width:8px;height:1px;background:var(--border-strong)}.cat-row.editing{display:block;cursor:default}.cat-grip{display:grid;place-items:center;flex:0 0 auto;color:var(--text-faint)}.cat-name{flex:1 1 auto;min-width:0;color:var(--text);font-size:14px;font-weight:600;line-height:1.25}.cat-code,.cat-name,.category-code{overflow:visible;overflow-wrap:anywhere;text-overflow:clip;white-space:normal}.cat-code,.category-code{max-width:min(160px,42%);flex:0 1 auto;border:1px solid var(--border);border-radius:5px;padding:3px 7px;background:var(--surface-2);color:var(--text-soft);font-size:10px;font-weight:700;letter-spacing:.5px}.category-panel.manage .cat-code{max-width:min(180px,42%)}.cat-num,.category-count{flex:0 0 auto;min-width:22px;height:22px;display:grid;place-items:center;border-radius:6px;padding:0 6px;background:var(--brand-soft);color:var(--brand-strong);font-size:11px;font-weight:700}.cat-num.zero{background:var(--surface-2);color:var(--text-faint)}.cat-mini{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-soft);cursor:pointer}.cat-mini:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.cat-mini:disabled{opacity:.45;cursor:not-allowed}.cat-assign{flex:0 0 auto;border:1px solid var(--border);border-radius:6px;padding:5px 9px;background:var(--surface);color:var(--text-soft);cursor:pointer;font-size:11px;font-weight:700}.cat-assign:hover:not(:disabled){border-color:var(--brand);color:var(--brand-strong)}.cat-assign:disabled{opacity:.45;cursor:not-allowed}.cat-edit{flex:0 0 auto;border:1px solid var(--border);border-radius:6px;padding:4px 10px;background:var(--surface);color:var(--text-soft);cursor:pointer;font-size:12px;font-weight:600}.cat-edit:hover{border-color:var(--brand);color:var(--brand-strong)}.category-context-menu{position:fixed;z-index:130;display:grid;grid-gap:4px;gap:4px;width:240px;padding:6px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--sh-lg)}.category-context-menu button{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;border:0;border-radius:6px;padding:8px 9px;background:transparent;color:var(--text);cursor:pointer;font-size:12px;font-weight:700;text-align:left}.category-context-menu button svg{flex:0 0 auto;color:var(--text-soft)}.category-context-menu button:focus-visible,.category-context-menu button:hover:not(:disabled){outline:none;background:var(--surface-2);color:var(--brand-strong)}.category-context-menu button:focus-visible svg,.category-context-menu button:hover:not(:disabled) svg{color:var(--brand)}.category-context-menu button:disabled{opacity:.45;cursor:not-allowed}.drop-line{height:2px;margin:1px 6px;border-radius:2px;background:var(--brand);box-shadow:0 0 6px var(--brand)}.category-dialog-backdrop{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:64px 24px 24px;background:rgba(17,24,39,.36)}.category-dialog{display:grid;grid-gap:14px;gap:14px;width:min(520px,100%);max-height:calc(100dvh - 88px);overflow:auto;border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;background:var(--surface);box-shadow:var(--sh-lg)}.category-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.category-dialog-head span,.category-dialog-head strong{display:block}.category-dialog-head strong{color:var(--text);font-size:18px;letter-spacing:-.2px}.category-dialog-head span{margin-top:3px;color:var(--text-soft);font-size:12px}.category-dialog-head button{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text-soft);cursor:pointer}.category-dialog-actions{display:flex;justify-content:flex-end;gap:10px}.category-parent-select{width:100%}.asset-grid-shell{min-height:520px;padding:20px;border:1px solid var(--border);border-radius:var(--r-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 74%,transparent),color-mix(in srgb,var(--bg) 96%,transparent)),var(--surface-2)}.pattern-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:20px;gap:20px;align-items:start}.pattern-card{position:relative;display:block;overflow:hidden;padding:0;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.pattern-card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--sh-lg)}.pattern-card.selected{box-shadow:0 0 0 3px var(--brand-soft),var(--sh-md)}.pattern-preview-thumb{position:relative;display:block;overflow:hidden;border:0;border-radius:0;background:linear-gradient(135deg,#fde2ec,#cfe3ff,#ffe7c2);box-shadow:none}.pattern-preview-thumb .file-placeholder,.pattern-preview-thumb img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border:0;border-radius:0;transition:transform .4s ease}.pattern-card:hover .pattern-preview-thumb img{transform:scale(1.05)}.pattern-status-pill{position:absolute;left:12px;right:auto;bottom:12px;max-width:calc(100% - 24px);padding:5px 10px;border:0;border-radius:999px;background:rgba(22,24,29,.85);color:#fff;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pattern-list-status.muted,.pattern-status-pill.muted{background:rgba(31,41,55,.82);color:#ffffff}.pattern-list-status.purple,.pattern-status-pill.purple{background:var(--purple-soft);color:var(--purple)}.pattern-list-status.amber,.pattern-status-pill.amber{background:var(--warning-soft);color:var(--warning)}.pattern-list-status.blue,.pattern-status-pill.blue{background:var(--blue-soft);color:var(--blue)}.pattern-list-status.green,.pattern-status-pill.green{background:var(--green-soft);color:var(--green)}.pattern-list-status.red,.pattern-status-pill.red{background:var(--danger-soft);color:var(--danger)}.pattern-select{top:12px;left:12px;z-index:2;border:0;background:rgba(22,24,29,.78);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pattern-card-body{display:block;padding:14px 16px 16px}.pattern-title-link{display:block;overflow:hidden;color:var(--text);font-size:14.5px;font-weight:600;letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap}.pattern-subtitle{margin-top:2px;color:var(--text-faint);font-family:ui-monospace,monospace;font-size:12px}.category-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.cat-chip,.category-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;border:0;border-radius:6px;padding:4px 10px;background:var(--brand-soft);color:var(--brand-strong);font-size:11.5px;font-weight:600}.pattern-hover-preview{position:fixed;z-index:1000;max-width:calc(100vw - 32px);padding:14px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:0 24px 70px rgba(16,24,40,.25);pointer-events:none}.pattern-hover-preview img{width:100%;aspect-ratio:1/1;border:0;border-radius:var(--r-md);object-fit:cover}.pattern-hover-preview span{margin-top:10px;font-size:13.5px}.pattern-card.selected{border-color:var(--brand);box-shadow:0 0 0 2px var(--accent-ring),var(--sh-md)}.pattern-card.selected .pattern-select,.pattern-card:hover .pattern-select,.pattern-select:focus-visible{opacity:1;pointer-events:auto}.pattern-select{position:absolute;top:10px;left:10px;z-index:3;display:grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid var(--border);border-radius:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--brand);cursor:pointer;font:inherit;line-height:0;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .15s ease,background .15s ease,border-color .15s ease,color .15s ease}.pattern-card.selected .pattern-select{border-color:var(--brand);background:var(--brand);color:#fff}.pattern-select-icon{display:grid;place-items:center;width:100%;height:100%;line-height:0}.pattern-select-icon svg{display:block}.selection-bar{position:fixed;left:50%;bottom:24px;z-index:1200;display:flex;align-items:center;gap:8px;max-width:min(calc(100vw - 32px),720px);padding:10px 14px;border-radius:999px;background:var(--text);color:var(--surface);box-shadow:var(--sh-lg);opacity:0;pointer-events:none;transform:translateX(-50%) translateY(20px);transition:opacity .2s ease,transform .2s ease}.selection-bar.show{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.selection-bar .count{margin-right:4px;padding-right:8px;border-right:1px solid color-mix(in srgb,var(--surface) 22%,transparent);font-weight:800;white-space:nowrap}.selection-bar button{display:inline-flex;align-items:center;gap:6px;min-height:32px;border:0;border-radius:999px;padding:7px 12px;background:color-mix(in srgb,var(--surface) 12%,transparent);color:var(--surface);cursor:pointer;font-size:12px;font-weight:650}.selection-bar button:hover:not(:disabled){background:color-mix(in srgb,var(--surface) 22%,transparent)}.selection-bar button.danger{background:var(--red);color:#fff}.selection-bar button:disabled{cursor:not-allowed;opacity:.6}.selection-bar .dismiss{width:28px;height:28px;padding:0;display:grid;place-items:center}.selection-status-control{position:relative;display:inline-flex}.selection-status-menu{position:absolute;left:0;bottom:calc(100% + 10px);display:grid;grid-gap:6px;gap:6px;min-width:170px;padding:8px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:var(--sh-lg)}.selection-status-menu:after{content:"";position:absolute;left:22px;bottom:-6px;width:12px;height:12px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);transform:rotate(45deg)}.selection-menu-separator{height:1px;margin:2px 0;background:var(--border)}.selection-status-menu button{justify-content:flex-start;min-height:34px;width:100%;border-radius:10px;background:transparent;color:var(--text);font-size:13px}.selection-status-menu button:hover:not(:disabled){background:var(--brand-soft);color:var(--brand-strong)}.detail-content{padding-bottom:110px}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.detail-head h1{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:0;font-size:26px;letter-spacing:-.5px}.detail-head p{margin:6px 0 0;color:var(--text-soft);font-size:14px}.head-actions{flex-shrink:0;gap:10px;align-items:flex-start}.head-actions,.workflow-actions{display:flex;flex-wrap:wrap;justify-content:flex-end}.workflow-actions{gap:8px}.workflow-actions .form-error{flex-basis:100%;margin:0}.sku-badge{border:1px solid var(--border-strong);border-radius:7px;padding:5px 10px;background:var(--surface);color:var(--text-soft);font-family:ui-monospace,monospace}.sku-badge,.status-badge{font-size:12px;font-weight:700}.status-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 12px;background:var(--green-soft);color:var(--green);letter-spacing:.5px}.badge-soft.muted,.status-badge.muted{background:var(--surface-2);color:var(--text-soft)}.badge-soft.purple,.status-badge.purple{background:var(--purple-soft);color:var(--purple)}.badge-soft.amber,.status-badge.amber{background:var(--warning-soft);color:var(--warning)}.badge-soft.blue,.status-badge.blue{background:var(--blue-soft);color:var(--blue)}.badge-soft.green,.status-badge.green{background:var(--green-soft);color:var(--green)}.badge-soft.red,.status-badge.red{background:var(--danger-soft);color:var(--danger)}.status-badge.archived{background:var(--surface-2);color:var(--text-soft)}.json-status .dot,.save-info .dot,.status-badge .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);cursor:pointer;font-size:13.5px;font-weight:600}.btn:hover{background:var(--surface-2)}.btn-primary{border:0;box-shadow:0 4px 12px rgba(224,136,60,.3)}.btn-primary,.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--brand),#f0a85f);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 6px 18px rgba(224,136,60,.4);transform:translateY(-1px)}.btn-ghost-danger{color:#dc2626}.btn-ghost-danger:hover{background:#fef2f2;border-color:#fca5a5}.btn.disabled,.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border)}.tab{position:relative;display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border:0;background:transparent;color:var(--text-soft);cursor:pointer;font-size:14px;font-weight:600}.tab.active{color:var(--brand-strong)}.tab.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:var(--brand)}.tab .count{border:1px solid var(--border);border-radius:999px;padding:1px 7px;background:var(--surface-2);color:var(--text-soft);font-size:11px;font-weight:700}.tab-panel{display:none}.tab-panel.active{display:block}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:24px;gap:24px;align-items:start}.detail-card{overflow:hidden;margin-bottom:20px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-sm)}.card-head{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--border);background:var(--surface-2)}.card-head .ic{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--brand-soft);color:var(--brand-strong)}.card-head h3{margin:0;font-size:15px}.card-head .sub{color:var(--text-faint);font-size:12px}.card-body{padding:22px}.card-body.no-padding{padding:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.detail-metadata-form .field{margin-top:0;margin-bottom:18px}.field .help{margin-top:6px;color:var(--text-faint);font-size:12px}.kv .mono,.mono{font-family:ui-monospace,monospace;letter-spacing:.3px}.category-checkbox-tree{max-height:260px;border-radius:var(--r-sm);background:var(--surface-2)}.detail-color-picker{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;width:auto;max-width:100%}.detail-color-picker>.add-color{display:inline-flex;width:auto;max-width:100%;justify-content:flex-start;min-height:0;gap:8px;flex-wrap:wrap;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;color:inherit;cursor:pointer}.detail-color-picker>.add-color:hover{background:transparent;box-shadow:none;transform:none}.detail-color-picker>.color-picker-menu{width:min(460px,calc(100vw - 48px))}.color-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border-strong);border-radius:999px;padding:7px 12px 7px 8px;background:var(--surface);color:var(--text);font-size:13px;font-weight:600}.swatch{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.color-picker-menu{position:absolute;z-index:40;top:calc(100% + 8px);left:0;width:min(380px,100%);max-height:320px;overflow:auto;display:grid;grid-gap:4px;gap:4px;padding:8px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-lg)}.color-picker-option{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--r-sm);cursor:pointer;font-size:13px;font-weight:600}.color-picker-option.selected,.color-picker-option:hover{background:var(--brand-soft);color:var(--brand-strong)}.json-editor{width:100%;min-height:160px;border:1px solid #2a2e37;border-radius:var(--r-sm);padding:16px;background:#1e2128;color:#e7e9ee;font-family:ui-monospace,SF Mono,monospace;font-size:13px;line-height:1.7;resize:vertical;-moz-tab-size:2;tab-size:2;white-space:pre-wrap}.json-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.json-status{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:12px;font-weight:600}.kv{display:grid;grid-template-columns:200px 1fr}.kv-row{display:contents}.kv-row>div{padding:12px 16px;border-bottom:1px solid var(--border);font-size:13.5px}.kv-row .k{background:var(--surface-2);color:var(--text-soft);font-weight:600}.kv-row .v{font-weight:500}.badge-soft{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px;background:var(--surface-2);color:var(--text-soft);font-size:12px;font-weight:600}.badge-soft.green{background:var(--green-soft);color:var(--green)}.badge-soft.blue{background:var(--blue-soft);color:var(--blue)}.sync-note{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--blue) 24%,var(--border));border-radius:var(--r-md);background:var(--blue-soft)}.sync-note svg{margin-top:1px;color:var(--blue)}.sync-note .t{color:color-mix(in srgb,var(--blue) 70%,var(--text));font-size:13.5px;font-weight:600}.sync-note .d{color:color-mix(in srgb,var(--blue) 48%,var(--text-soft));font-size:13px}.publish-action,.woo-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:var(--border)}.tl-item{position:relative;padding-bottom:24px}.tl-dot{position:absolute;left:-30px;top:2px;width:20px;height:20px;display:grid;place-items:center;border:2px solid var(--border-strong);border-radius:50%;background:var(--surface)}.tl-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--border-strong)}.tl-dot.create{border-color:var(--green)}.tl-dot.create:after{background:var(--green)}.tl-dot.edit{border-color:var(--brand)}.tl-dot.edit:after{background:var(--brand)}.tl-dot.status{border-color:var(--blue)}.tl-dot.status:after{background:var(--blue)}.tl-head{display:flex;align-items:center;gap:10px;margin-bottom:3px}.tl-title{font-size:14px;font-weight:600}.tl-time{color:var(--text-faint);font-size:12px}.tl-meta{color:var(--text-soft);font-size:13px}.preview-sticky{position:-webkit-sticky;position:sticky;top:84px}.preview-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-md)}.preview-label{padding:16px 18px 0;color:var(--brand-strong);font-size:11px;font-weight:700;letter-spacing:2px}.preview-card h3{margin:0;padding:4px 18px 14px;font-size:17px}.preview-img{position:relative;display:block;width:100%;aspect-ratio:1/1;overflow:hidden;border:0;background:linear-gradient(135deg,#fde2ec,#cfe3ff,#ffe7c2);cursor:zoom-in}.preview-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.preview-img:hover img{transform:scale(1.03)}.preview-empty{display:grid;place-items:center;color:var(--text-soft)}.zoom-hint{position:absolute;inset:0;display:grid;place-items:center;opacity:0;background:rgba(22,24,29,.25)}.preview-img:hover .zoom-hint{opacity:1}.zoom-hint span{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 14px;background:rgba(22,24,29,.85);color:#fff;font-size:12px;font-weight:600}.preview-meta{padding:16px 18px}.file-row{display:flex;align-items:center;gap:12px}.file-ic{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text-soft)}.file-name{color:var(--text);font-size:13.5px;font-weight:600;word-break:break-word}.file-sub{color:var(--text-faint);font-size:12px}.preview-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;padding:0 18px 18px}.preview-actions .btn{width:100%;min-height:38px}.preview-divider{height:1px;margin:0 18px;background:var(--border)}.palette-block{padding:16px 18px 20px}.palette-block .t{margin-bottom:12px;color:var(--text-faint);font-size:11px;font-weight:700;letter-spacing:1.5px}.palette{display:flex;gap:8px}.palette .p{position:relative;flex:1 1;height:44px;border-radius:8px}.palette .p span{position:absolute;left:0;right:0;bottom:4px;color:rgba(255,255,255,.95);font-size:9px;font-weight:700;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.4)}.save-bar{position:fixed;left:var(--sidebar-w);right:0;bottom:0;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-shell.sidebar-collapsed .save-bar{left:var(--sidebar-w-collapsed)}.orders-page-content{display:grid;grid-gap:24px;gap:24px}.orders-board{display:grid;grid-gap:14px;gap:14px}.order-card{display:grid;grid-gap:16px;gap:16px;padding:22px;color:var(--text);text-decoration:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-sm);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.order-card:hover{border-color:color-mix(in srgb,var(--brand) 38%,var(--border));box-shadow:var(--sh-md);transform:translateY(-1px)}.order-card.error{border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.order-card.warn{border-color:color-mix(in srgb,var(--brand) 26%,var(--border))}.order-card-main,.order-item-title{display:flex;gap:12px;align-items:center;min-width:0}.order-card-main p,.order-item-title p{margin:0;color:var(--muted);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.order-card-main h2,.order-item-title h2{margin:2px 0 0;font-size:clamp(1.25rem,2vw,1.75rem)}.order-status-dot{width:12px;height:12px;flex:0 0 auto;border-radius:999px;background:var(--muted);box-shadow:0 0 0 5px color-mix(in srgb,var(--muted) 16%,transparent)}.order-status-dot.ok{background:var(--green);box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 16%,transparent)}.order-status-dot.active,.order-status-dot.warn{background:var(--brand);box-shadow:0 0 0 5px color-mix(in srgb,var(--brand) 16%,transparent)}.order-status-dot.error{background:var(--danger);box-shadow:0 0 0 5px color-mix(in srgb,var(--danger) 16%,transparent)}.order-card-meta,.order-detail-actions,.order-job-foot,.order-metrics,.order-reprocess{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.order-card-meta span,.order-job-foot,.order-metrics span{color:var(--muted);font-size:.92rem}.order-metrics span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-weight:750}.orders-empty{display:grid;place-items:center;grid-gap:8px;gap:8px;min-height:280px;color:var(--muted);text-align:center}.orders-empty strong{color:var(--text);font-size:1.15rem}.order-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.order-summary-card{display:grid;grid-gap:6px;gap:6px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}.order-summary-card svg{color:var(--brand)}.order-summary-card span{color:var(--muted);font-weight:750}.order-summary-card strong{font-size:2rem}.order-item-list{display:grid;grid-gap:16px;gap:16px}.order-item-card{display:grid;grid-gap:18px;gap:18px;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-sm)}.order-item-card.error{border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.order-item-card.ok{border-color:color-mix(in srgb,var(--green) 28%,var(--border))}.order-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.order-job-badge{flex:0 0 auto;padding:7px 11px;border-radius:999px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);font-size:.8rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.order-job-badge.ok{color:var(--green);background:color-mix(in srgb,var(--green) 11%,var(--surface));border-color:color-mix(in srgb,var(--green) 30%,var(--border))}.order-job-badge.active,.order-job-badge.warn{color:var(--brand);background:color-mix(in srgb,var(--brand) 11%,var(--surface));border-color:color-mix(in srgb,var(--brand) 30%,var(--border))}.order-job-badge.error{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--surface));border-color:color-mix(in srgb,var(--danger) 30%,var(--border))}.order-item-body{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);grid-gap:16px;gap:16px}.order-item-error,.order-job-foot,.order-param-grid,.order-pattern-box{padding:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg)}.order-pattern-box{display:grid;grid-gap:10px;gap:10px;align-content:start}.order-pattern-box>span{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.86rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.order-pattern-box a{display:grid;grid-gap:3px;gap:3px;color:var(--text);text-decoration:none}.order-pattern-box .order-pattern-link{grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}.order-pattern-thumb{position:relative;display:block;width:96px;aspect-ratio:1/1;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-sm)}.order-pattern-thumb .file-placeholder,.order-pattern-thumb img{width:100%;height:100%;object-fit:cover}.order-pattern-thumb .file-placeholder{display:grid;place-items:center;color:var(--muted);background:var(--surface);font-size:.65rem;font-weight:900;letter-spacing:.08em}.order-pattern-info{display:grid;grid-gap:4px;gap:4px;min-width:0}.order-pattern-info small,.order-pattern-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-pattern-box a:hover strong{color:var(--brand)}.order-pattern-box .missing,.order-pattern-box small{color:var(--muted)}.order-param-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.order-param-grid span{display:grid;grid-gap:4px;gap:4px;color:var(--muted);font-size:.88rem}.order-param-grid strong{color:var(--text);font-size:1rem}.order-item-error{display:flex;gap:8px;align-items:center;color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,var(--surface));border-color:color-mix(in srgb,var(--danger) 28%,var(--border));font-weight:800}.order-action-message{color:var(--muted);font-weight:700}@media (max-width:900px){.order-item-body,.order-param-grid,.order-summary-grid{grid-template-columns:1fr}.order-item-head{display:grid}}.save-info{display:flex;align-items:center;gap:8px;color:var(--text-soft);font-size:13px}.save-info .dot{color:var(--brand)}.save-actions{display:flex;gap:12px}.lightbox{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:40px;background:rgba(12,14,18,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lb-stage,.lightbox.open{display:flex}.lb-stage{position:relative;flex-direction:column;align-items:center;gap:16px;max-width:90vw;max-height:86vh}.lb-img-wrap{overflow:hidden;max-height:74vh;border-radius:var(--r-md);box-shadow:0 30px 80px rgba(0,0,0,.5)}.lb-img-wrap img{display:block;max-width:86vw;max-height:74vh;object-fit:contain;transform-origin:center}.lb-bar{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 10px;background:rgba(30,33,40,.9)}.lb-btn{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}.lb-zoom-val{min-width:52px;color:#fff;font-size:13px;font-weight:600;text-align:center}.lb-caption{color:rgba(255,255,255,.7);font-size:13px}.lb-close{position:absolute;top:-50px;right:0;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}.lb-sep{width:1px;height:22px;background:rgba(255,255,255,.15)}.topbar{gap:12px;padding:0 24px;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-spacer{flex:1 1}.breadcrumb{display:flex;align-items:center;flex:1 1 auto;gap:6px;font-size:14px}.breadcrumb,.breadcrumb a,.breadcrumb span{min-width:0;overflow:hidden;color:var(--text-soft)}.breadcrumb a,.breadcrumb span{text-overflow:ellipsis;text-decoration:none;white-space:nowrap}.breadcrumb a:hover{color:var(--brand-strong)}.breadcrumb .current,.breadcrumb strong{min-width:0;overflow:hidden;color:var(--text);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.breadcrumb .sep{color:var(--text-faint)}.theme-toggle{margin-left:0}.btn-sm{min-height:36px;padding:0 12px;font-size:13px}.btn-ghost{background:var(--surface);color:var(--text)}.catalog-page-content{display:flex;flex-direction:column;gap:20px}.catalog-page-content .page-head{align-items:flex-end;margin-bottom:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.catalog-page-content .eyebrow{margin:0 0 6px;color:var(--brand);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.catalog-page-content .page-title{margin:0;color:var(--text);font-size:28px;letter-spacing:-.01em}.catalog-page-content .page-desc{max-width:620px;margin:6px 0 0;color:var(--text-soft);font-size:14px}.catalog-page-content .stats{gap:10px}.catalog-page-content .stat,.catalog-page-content .stats .stat:first-child{min-width:120px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--sh-sm);color:var(--text)}.catalog-page-content .stat small,.catalog-page-content .stats .stat:first-child small{display:block;color:var(--text-soft);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.catalog-page-content .stat strong{display:block;margin-top:2px;font-size:22px;line-height:1.05;letter-spacing:-.3px}.app-page-content{display:flex;flex-direction:column;gap:20px;padding-bottom:80px}.app-page-content .page-head{align-items:flex-end;margin-bottom:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.app-page-content .eyebrow{margin:0 0 6px;color:var(--brand);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.app-page-content .eyebrow a{color:inherit;text-decoration:none}.app-page-content .eyebrow a:hover{color:var(--brand-strong)}.app-page-content .page-title{margin:0;color:var(--text);font-size:28px;letter-spacing:-.01em}.app-page-content .page-desc{max-width:620px;margin:6px 0 0;color:var(--text-soft);font-size:14px}.app-page-content .page-head-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px}.app-page-content .page-head .stats{gap:10px}.app-page-content .page-head .stat,.app-page-content .page-head .stats .stat:first-child{min-width:120px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--sh-sm);color:var(--text)}.app-page-content .page-head .stat small,.app-page-content .page-head .stats .stat:first-child small{display:block;color:var(--text-soft);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.app-page-content .page-head .stat strong{display:block;margin-top:2px;font-size:22px;line-height:1.05;letter-spacing:-.3px}.catalog-filter-bar{position:-webkit-sticky;position:sticky;top:60px;z-index:40;display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:10px;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--sh-sm)}.catalog-filter-bar .catalog-search{position:relative;flex:1 1 320px;min-width:240px}.catalog-filter-bar .ic-search{position:absolute;left:12px;top:50%;color:var(--text-faint);pointer-events:none;transform:translateY(-50%)}.catalog-filter-bar .catalog-search input{width:100%;min-height:40px;padding:10px 36px 10px 38px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:14px}.catalog-filter-bar .catalog-search input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--accent-ring)}.catalog-filter-bar .spinner{position:absolute;right:12px;top:50%;display:none;width:16px;height:16px;border:2px solid var(--border-strong);border-top-color:var(--brand);border-radius:50%;transform:translateY(-50%)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:6px 8px 6px 10px;border:1px solid transparent;border-radius:999px;background:var(--brand-soft);font-size:12px;font-weight:700}.chip,.chip:hover{color:var(--brand-strong)}.chip:hover{border-color:color-mix(in srgb,var(--brand) 24%,transparent)}.chip .swatch{width:12px;height:12px;border:1px solid rgba(0,0,0,.15);border-radius:999px}.catalog-filter-bar .count{margin-left:auto;color:var(--text-soft);font-size:13px;white-space:nowrap}.filter-advanced{display:none;flex:1 0 100%;align-items:flex-end;gap:12px;padding-top:4px}.catalog-filter-bar.open .filter-advanced{display:flex}.catalog-filter-bar .filter-advanced .field{min-width:180px}.catalog-filter-bar .filter-advanced .field:has(.color-dropdown){min-width:220px}.catalog-filter-bar .color-picker-menu{z-index:90}.catalog-result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.catalog-result-count{color:var(--text-soft);font-size:13px;white-space:nowrap}.catalog-result-count strong{color:var(--text);font-weight:800}.bulk-selection-tools{display:flex;align-items:center;justify-content:flex-start;gap:8px}.bulk-selection-tools .button{gap:7px;min-height:36px;padding:8px 12px;box-shadow:none;font-size:13px}.bulk-selection-tools .button svg{flex:0 0 auto}.catalog-result-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.catalog-control{display:inline-flex;align-items:center;gap:7px;color:var(--text-soft);font-size:12px;font-weight:800;white-space:nowrap}.catalog-control .select{width:auto;min-width:150px;height:36px;padding:0 32px 0 12px;font-size:13px}.catalog-control.compact .select{min-width:82px}.catalog-view-toggle{display:flex;gap:4px;align-items:center;border:1px solid var(--border);border-radius:8px;padding:3px;background:var(--surface)}.catalog-view-toggle a{display:grid;place-items:center;width:30px;height:28px;border-radius:5px;color:var(--text-soft)}.catalog-view-toggle a.active,.catalog-view-toggle a:hover{background:var(--brand-soft);color:var(--brand-strong)}.asset-grid-shell.list-mode{padding:12px}.pattern-list{display:grid;grid-gap:8px;gap:8px}.pattern-list-item{display:grid;grid-template-columns:auto 64px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;min-width:0;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--panel-raised);box-shadow:var(--shadow-sm)}.pattern-list-item.not-selectable{grid-template-columns:64px minmax(0,1fr) auto}.pattern-list-item.selected,.pattern-list-item:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring),var(--shadow-sm)}.pattern-list-select{display:grid;place-items:center;width:32px;height:32px;min-height:0;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:transparent;cursor:pointer}.pattern-list-select[aria-pressed=true]{border-color:var(--brand);background:var(--brand);color:#fff}.pattern-list-thumb{display:block;overflow:hidden;width:64px;height:64px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:8px;background:var(--panel)}.pattern-list-thumb .file-placeholder,.pattern-list-thumb img{display:grid;place-items:center;width:100%;height:100%;object-fit:cover;color:var(--text-faint);font-size:10px;font-weight:900}.pattern-list-main{display:grid;grid-gap:5px;gap:5px;min-width:0}.pattern-list-status{max-width:150px;overflow:hidden;border:1px solid var(--border);border-radius:999px;padding:5px 8px;background:var(--surface);color:var(--text-soft);font-size:10px;font-weight:900;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.pattern-list-status.muted{background:var(--surface-2);color:var(--text-soft)}.pattern-list-status.purple{background:var(--purple-soft);color:var(--purple)}.pattern-list-status.amber{background:var(--warning-soft);color:var(--warning)}.pattern-list-status.blue{background:var(--blue-soft);color:var(--blue)}.pattern-list-status.green{background:var(--green-soft);color:var(--green)}.pattern-list-status.red{background:var(--danger-soft);color:var(--danger)}.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:10px}.catalog-pagination .page-link{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:13px;font-weight:750}.catalog-pagination a.page-link:hover{border-color:var(--brand);color:var(--brand-strong)}.catalog-pagination .page-link.active{border-color:var(--brand);background:var(--brand);color:#fff}.catalog-pagination .page-link.disabled,.catalog-pagination .page-link.dots{color:var(--text-faint);cursor:default}.catalog-pagination .page-link.dots{border-color:transparent;background:transparent}@media (max-width:1100px){.filter-grid{grid-template-columns:1fr 1fr}.catalog-workspace,.catalog-workspace.import-workspace,.detail-layout{grid-template-columns:1fr}.stats{display:none}.category-panel,.preview-sticky{position:static;width:100%;max-width:none;max-height:none}}@media (max-width:900px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar{position:static;height:auto}.app-shell.sidebar-collapsed .sidebar{display:none}.main>.asset-browser,.main>.detail-content,.main>.page-head{width:min(100% - 32px,1500px)}.content{padding:16px}.app-page-content,.catalog-page-content,.import-batch-page-content{padding-bottom:64px}.topbar{padding:0 16px}.breadcrumb .full,.breadcrumb .sep{display:none}.app-page-content .page-head,.catalog-page-content .page-head{align-items:flex-start}.app-page-content .page-head-actions{justify-content:flex-start}.catalog-filter-bar{position:static;padding:10px}.catalog-result-toolbar{align-items:flex-start;flex-direction:column}.catalog-result-controls{justify-content:flex-start;width:100%}.catalog-control{flex:1 1 180px;align-items:flex-start;flex-direction:column;gap:5px}.catalog-control .select{width:100%;min-width:0}.import-report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.import-report-matches a{grid-template-columns:1fr}.pattern-list-item,.pattern-list-item.not-selectable{grid-template-columns:auto 52px minmax(0,1fr);gap:10px}.pattern-list-item.not-selectable{grid-template-columns:52px minmax(0,1fr)}.pattern-list-thumb{width:52px;height:52px}.pattern-list-status{grid-column:3;justify-self:start}.pattern-list-item.not-selectable .pattern-list-status{grid-column:2}.catalog-filter-bar .catalog-search,.catalog-filter-bar .count{flex-basis:100%;margin-left:0}.catalog-filter-bar .filter-advanced{display:none;grid-template-columns:1fr}.catalog-filter-bar.open .filter-advanced,.detail-head,.page-head{display:grid}.filter-grid,.grid-2{grid-template-columns:1fr}.tabs{overflow-x:auto}.kv{grid-template-columns:140px 1fr}.app-shell.sidebar-collapsed .save-bar,.save-bar{left:0;display:grid}}.tag-checkbox-list,.tag-proposal-list{display:grid;grid-gap:8px;gap:8px}.tag-checkbox-row{display:flex;gap:8px;padding:8px 10px}.tag-checkbox-row,.tag-proposal-row{align-items:center;border:1px solid var(--border);border-radius:8px}.tag-proposal-row{display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:10px}.tag-proposal-check,.tag-proposal-check-static{align-items:flex-start;display:flex;gap:8px;min-width:0}.tag-proposal-check{cursor:pointer}.tag-proposal-check input{flex:0 0 auto;margin-top:3px}.tag-proposal-check-text{display:inline-flex;flex-wrap:wrap;gap:4px;min-width:0}.tag-picker{position:relative}.tag-picker-trigger{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);display:flex;gap:10px;justify-content:space-between;min-height:44px;padding:8px 10px;text-align:left;width:100%}.tag-admin-list,.tag-picker-chips,.tag-picker-selected{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.tag-chip{align-items:center;background:var(--panel-muted);border:1px solid var(--border);border-radius:999px;color:var(--text);display:inline-flex;gap:6px;line-height:1.2;max-width:100%;padding:5px 9px;word-break:break-word}.category-chip.archived,.tag-chip.archived{opacity:.62}.tag-chip small{color:var(--muted);font-size:11px;text-transform:uppercase}.tag-chip.removable{cursor:pointer}.tag-picker-menu{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);display:grid;grid-gap:8px;gap:8px;left:0;margin-top:6px;max-height:320px;overflow:auto;padding:8px;position:absolute;right:0;z-index:20}.tag-picker-options{display:grid;grid-gap:4px;gap:4px}.tag-picker-option{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--text);display:flex;justify-content:space-between;min-height:34px;padding:7px 8px;text-align:left}.tag-picker-option.selected,.tag-picker-option:hover{background:var(--panel-muted)}.tag-picker-selected{margin-top:8px}.tag-admin-row{align-items:center;border:1px solid var(--border);border-radius:8px;display:flex;gap:8px;justify-content:space-between;padding:8px}.settings-page{max-width:none}.settings-tabs{position:-webkit-sticky;position:sticky;top:60px;z-index:30;display:flex;gap:2px;overflow-x:auto;margin:0 -14px;padding:4px 14px 0;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-bottom:2px solid transparent;color:var(--text-soft);font-size:14px;font-weight:750;text-decoration:none;white-space:nowrap}.settings-tab:hover{color:var(--text)}.settings-tab.active{border-bottom-color:var(--brand);color:var(--brand-strong)}.settings-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 7px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text-soft);font-size:11px;font-weight:800}.settings-tab.active .settings-tab-count{border-color:color-mix(in srgb,var(--brand) 26%,var(--border));background:var(--brand-soft);color:var(--brand-strong)}.settings-tab-panel{display:grid;grid-gap:16px;gap:16px}.settings-section{overflow:hidden;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-sm)}.settings-section-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--border)}.settings-section-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--brand-soft);color:var(--brand-strong)}.settings-section-icon.blue{background:var(--blue-soft);color:var(--blue)}.settings-section-icon.green{background:var(--green-soft);color:var(--green)}.settings-section-icon.purple{background:var(--purple-soft);color:var(--purple)}.settings-section-icon.red{background:var(--danger-soft);color:var(--danger)}.settings-section-head h2{margin:0;color:var(--text);font-size:15px;letter-spacing:0}.settings-section-head p{margin:2px 0 0;color:var(--text-soft);font-size:12px}.settings-section-action{justify-self:end}.settings-section-body{display:grid;grid-gap:18px;gap:18px;padding:20px}.settings-profile-grid,.settings-role-grid,.settings-theme-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.settings-secret-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.settings-secret-grid,.woo-secret-groups{display:grid;grid-gap:16px;gap:16px}.woo-secret-group{display:grid;grid-gap:12px;gap:12px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface)}.woo-secret-group h4{margin:0 0 4px;font-size:15px}.woo-secret-group p{margin:0}.woo-help-list,.woo-secret-group p{color:var(--text-soft);font-size:12px;line-height:1.45}.woo-help-list{display:grid;grid-gap:5px;gap:5px;margin:10px 0 0;padding-left:18px}.woo-help-list li::marker{color:var(--brand);font-weight:800}.woo-secret-field{min-width:0;margin-top:0}.woo-clear-secret{display:inline-flex;width:-moz-fit-content;width:fit-content;max-width:100%;align-items:center;gap:8px;color:var(--text-soft);font-size:12px;font-weight:750;line-height:1.2}.woo-clear-secret input{width:16px;height:16px;flex:0 0 auto}.settings-readonly-field{display:grid;grid-gap:5px;gap:5px;min-width:0;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.settings-readonly-field span{color:var(--text-soft);font-size:12px;font-weight:800}.settings-readonly-field strong{overflow:hidden;color:var(--text);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.settings-readonly-field small{color:var(--text-faint);font-size:11px}.settings-preferences-form,.settings-security-form{display:grid;grid-gap:16px;gap:16px}.settings-theme-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-theme-card{position:relative;display:grid;grid-gap:8px;gap:8px;min-width:0;padding:14px;border:2px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;transition:border-color .15s ease,background .15s ease}.settings-theme-card:hover{border-color:var(--border-strong)}.settings-theme-card.selected{border-color:var(--brand);background:var(--brand-soft)}.settings-theme-card input{position:absolute;opacity:0;pointer-events:none}.settings-theme-check{position:absolute;top:10px;right:10px;display:none;place-items:center;width:20px;height:20px;border-radius:999px;background:var(--brand);color:#fff}.settings-theme-card.selected .settings-theme-check{display:grid}.settings-theme-preview{height:48px;border:1px solid var(--border);border-radius:6px}.settings-theme-preview.light{background:linear-gradient(135deg,#fff 50%,#f4f5f7 0)}.settings-theme-preview.dark{background:linear-gradient(135deg,#181b21 50%,#0e1014 0)}.settings-theme-preview.system{background:linear-gradient(135deg,#fff 50%,#181b21 0)}.settings-theme-card strong{color:var(--text);font-size:13px}.settings-theme-card small{color:var(--text-soft);font-size:11px;line-height:1.35}.settings-range-field{gap:8px}.settings-page .settings-preview-sample{min-height:88px;border:1px dashed var(--border-strong);border-radius:8px;background:var(--panel-muted);color:var(--text-soft);font-size:12px}.settings-save-button{width:-moz-fit-content;width:fit-content}.settings-radio-cards{display:grid;grid-gap:10px;gap:10px}.settings-radio-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start;padding:14px;border:2px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;transition:border-color .15s ease,background .15s ease}.settings-radio-card:hover{border-color:var(--border-strong)}.settings-radio-card.selected{border-color:var(--brand);background:var(--brand-soft)}.settings-radio-card input{width:18px;height:18px;margin-top:2px;accent-color:var(--brand)}.settings-radio-card strong{display:block;color:var(--text);font-size:14px}.settings-radio-card small{display:block;margin-top:4px;color:var(--text-soft);font-size:12px;line-height:1.4}.settings-kv-list,.settings-page .tag-management,.settings-page .tag-proposal-list{display:grid;grid-gap:10px;gap:10px}.settings-kv-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,1.6fr);grid-gap:12px;gap:12px;align-items:start;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.settings-kv-row strong{color:var(--text);font-size:13px}.settings-kv-row small{display:block;margin-top:3px;color:var(--text-faint);font-size:11px}.settings-kv-row pre{width:100%;max-width:none;margin:0;white-space:pre-wrap;word-break:break-word}.settings-page .ai-provider-settings{gap:14px}.settings-page .ai-provider-card{border-radius:var(--r-md);background:var(--panel-muted)}.settings-page .ai-provider-card .compact-header{align-items:flex-start}.settings-page .tag-admin-list{display:grid;grid-gap:8px;gap:8px;margin-top:8px}.settings-page .tag-proposal-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.settings-role-grid{align-items:start}.settings-role-card{display:grid;grid-gap:12px;gap:12px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}.settings-role-head{display:flex;gap:10px;align-items:center}.settings-role-badge{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--brand-soft);color:var(--brand-strong);font-size:13px;font-weight:900}.settings-role-head h3{margin:0;color:var(--text);font-size:15px}.settings-role-desc,.settings-role-head p{margin:2px 0 0;color:var(--text-soft);font-size:12px}.settings-permission-list{display:flex;flex-wrap:wrap;gap:6px}.settings-permission-chip{display:inline-flex;gap:4px;align-items:center;max-width:100%;padding:4px 8px;border-radius:6px;background:var(--green-soft);color:var(--green);font-size:11px;font-weight:800}@media (max-width:760px){.settings-tabs{top:56px;margin:0 -12px;padding-inline:12px}.settings-kv-row,.settings-page .tag-proposal-row,.settings-section-head{grid-template-columns:1fr}.settings-section-action,.settings-section-icon{justify-self:start}.settings-profile-grid,.settings-role-grid,.settings-theme-cards{grid-template-columns:1fr}.settings-section-body{padding:16px}}.access-page{max-width:none}.access-tabs{position:-webkit-sticky;position:sticky;top:60px;z-index:30;display:flex;gap:2px;overflow-x:auto;margin:0 -14px;padding:4px 14px 0;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none}.access-tabs::-webkit-scrollbar{display:none}.access-tab{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-bottom:2px solid transparent;color:var(--text-soft);font-size:14px;font-weight:750;white-space:nowrap}.access-tab:hover{color:var(--text)}.access-tab.active{border-bottom-color:var(--brand);color:var(--brand-strong)}.access-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 7px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text-soft);font-size:11px;font-weight:800}.access-tab.active .access-tab-count{border-color:color-mix(in srgb,var(--brand) 26%,var(--border));background:var(--brand-soft);color:var(--brand-strong)}.access-tab-panel{display:grid;grid-gap:16px;gap:16px}.access-roles-layout,.access-users-layout{display:grid;grid-template-columns:360px minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}.access-role-list,.access-side-stack{display:grid;grid-gap:16px;gap:16px}.access-card,.access-role-editor,.access-table-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-sm)}.access-card-head{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--border)}.access-card-head.brand{background:var(--brand-soft)}.access-card-head h2,.access-table-head h2{margin:0;color:var(--text);font-size:15px;letter-spacing:0}.access-card-head p,.access-table-head p{margin:2px 0 0;color:var(--text-soft);font-size:12px}.access-card-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--brand);color:#fff}.access-card-icon.green{background:var(--green-soft);color:var(--green)}.access-card-icon.purple{background:var(--purple-soft);color:var(--purple)}.access-card-icon.amber{background:var(--warning-soft);color:var(--warning)}.access-card-body{display:grid;grid-gap:14px;gap:14px;padding:16px}.access-card-body .field{margin-top:0}.access-invite-link{display:grid;grid-gap:8px;gap:8px;padding:12px;border:1px solid color-mix(in srgb,var(--green) 42%,var(--border));border-radius:8px;background:var(--green-soft)}.access-invite-link strong{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:12px}.access-invite-link code{padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:12px;white-space:normal;word-break:break-all}.access-invite-list{display:grid;grid-gap:10px;gap:10px}.access-invite-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.access-invite-row strong,.access-user-cell strong{display:block;color:var(--text);font-size:13px}.access-invite-row small,.access-user-cell small{display:block;margin-top:2px;color:var(--text-soft);font-size:12px}.access-avatar,.access-invite-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);font-size:12px;font-weight:900}.access-table-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--border)}.access-table-controls{display:grid;grid-template-columns:auto max-content max-content;grid-gap:8px;gap:8px;justify-content:flex-end;align-items:center;max-width:100%}.access-search{position:relative;width:clamp(280px,32vw,520px);min-width:0}.access-search svg{position:absolute;top:50%;left:10px;color:var(--text-faint);transform:translateY(-50%)}.access-search input,.access-table-controls select,.access-user-role-form select{min-height:38px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:13px}.access-search input{width:100%;padding:8px 10px 8px 34px}.access-table-controls select{width:148px;padding:0 12px}.access-users-table{width:100%;border-collapse:collapse}.access-users-table td,.access-users-table th{padding:12px 16px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.access-users-table th{background:var(--surface-2);color:var(--text-soft);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.access-users-table tr:last-child td{border-bottom:0}.access-users-table tbody tr:hover{background:color-mix(in srgb,var(--brand-soft) 36%,transparent)}.access-user-cell{display:flex;gap:10px;align-items:center;min-width:220px}.access-role-pill{max-width:100%;padding:4px 9px;background:var(--brand-soft);color:var(--brand-strong);font-weight:800}.access-role-pill,.access-status{display:inline-flex;align-items:center;border-radius:999px;font-size:11px}.access-status{gap:6px;padding:4px 10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.access-status span{width:6px;height:6px;border-radius:999px;background:currentColor}.access-status.active{background:var(--green-soft);color:var(--green)}.access-status.disabled{background:var(--surface-2);color:var(--text-soft)}.access-status.invited{background:var(--warning-soft);color:var(--warning)}.access-date{color:var(--text-soft);font-size:12px}.access-user-actions,.access-user-role-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.access-user-role-form select{max-width:150px;padding:0 10px}.access-empty-state{display:grid;grid-gap:4px;gap:4px;padding:24px;color:var(--text-soft)}.access-empty-state strong{color:var(--text)}.access-create-role .access-permission-grid{max-height:260px;overflow:auto}.access-role-editor{background:var(--surface)}.access-role-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-gap:12px;gap:12px;align-items:center;padding:16px;cursor:pointer;list-style:none}.access-role-summary::-webkit-details-marker{display:none}.access-role-editor[open] .access-role-summary{border-bottom:1px solid var(--border)}.access-role-badge-lg{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--brand-soft);color:var(--brand-strong);font-size:14px;font-weight:900}.access-role-title{display:grid;grid-gap:3px;gap:3px;min-width:0}.access-role-title>span{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.access-role-title strong{color:var(--text);font-size:15px}.access-role-title em{padding:2px 8px;border-radius:6px;background:var(--surface-2);color:var(--text-soft);font-size:10px;font-style:normal;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.access-role-title small{overflow:hidden;color:var(--text-soft);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.access-role-stats{display:grid;justify-items:center;color:var(--text-soft)}.access-role-stats strong{color:var(--text);font-size:18px;line-height:1}.access-role-stats small{margin-top:3px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.access-role-chevron{color:var(--text-soft);transition:transform .15s ease}.access-role-editor[open] .access-role-chevron{transform:rotate(180deg)}.access-role-editor-body{display:grid;grid-gap:14px;gap:14px;padding:16px}.access-role-editor-body .field{margin-top:0}.access-permission-chips{display:flex;flex-wrap:wrap;gap:6px}.access-permission-chip{display:inline-flex;max-width:100%;padding:4px 8px;border-radius:6px;background:var(--green-soft);color:var(--green);font-size:11px;font-weight:800}.access-permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:8px;gap:8px;margin:0;padding:12px;border:1px solid var(--border);border-radius:8px}.access-permission-grid legend{padding:0 6px;color:var(--text-soft);font-size:12px;font-weight:800}.access-permission-item{display:flex;gap:9px;align-items:center;min-width:0;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:12px;font-weight:650;cursor:pointer}.access-permission-item:hover{border-color:var(--border-strong)}.access-permission-item.checked,.access-permission-item:has(input:checked){border-color:color-mix(in srgb,var(--green) 42%,var(--border));background:var(--green-soft)}.access-permission-item input{flex:0 0 auto;accent-color:var(--green)}.access-permission-item span{overflow:hidden;text-overflow:ellipsis}.access-role-save{justify-self:start}@media (max-width:1100px){.access-roles-layout,.access-users-layout{grid-template-columns:1fr}}@media (max-width:760px){.access-tabs{top:56px;margin:0 -12px;padding-inline:12px}.access-table-controls,.access-table-head{grid-template-columns:1fr}.access-table-controls{justify-content:stretch}.access-search,.access-table-controls select{width:100%}.access-users-table,.access-users-table tbody,.access-users-table td,.access-users-table th,.access-users-table thead,.access-users-table tr{display:block}.access-users-table thead{display:none}.access-users-table tr{padding:12px 16px;border-bottom:1px solid var(--border)}.access-users-table tr:last-child{border-bottom:0}.access-users-table td{display:grid;grid-template-columns:118px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start;padding:8px 0;border:0}.access-users-table td:before{content:attr(data-label);color:var(--text-soft);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.access-user-cell{min-width:0}.access-invite-row{grid-template-columns:auto minmax(0,1fr)}.access-invite-row .access-role-pill{grid-column:2;justify-self:start}.access-role-summary{grid-template-columns:auto minmax(0,1fr) auto}.access-role-stats{display:none}.access-role-title small{white-space:normal}.access-permission-grid{grid-template-columns:1fr}}.audit-page,.dashboard-page{max-width:none}.dashboard-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.dashboard-stat-card{position:relative;display:grid;grid-gap:7px;gap:7px;min-width:0;overflow:hidden;padding:18px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-sm);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}a.dashboard-stat-card:hover{border-color:var(--brand);box-shadow:var(--sh-md)}.dashboard-stat-icon{position:absolute;top:-10px;right:-10px;display:grid;place-items:center;width:72px;height:72px;border-radius:999px;opacity:.12}.dashboard-legend i.brand,.dashboard-stat-icon.brand,.dashboard-status-seg.brand{background:var(--brand)}.dashboard-legend i.blue,.dashboard-stat-icon.blue,.dashboard-status-seg.blue{background:var(--blue)}.dashboard-legend i.green,.dashboard-stat-icon.green,.dashboard-status-seg.green{background:var(--green)}.dashboard-legend i.red,.dashboard-stat-icon.red,.dashboard-status-seg.red{background:var(--danger)}.dashboard-legend i.amber,.dashboard-status-seg.amber{background:var(--warning)}.dashboard-legend i.purple,.dashboard-status-seg.purple{background:var(--purple)}.dashboard-legend i.muted,.dashboard-status-seg.muted{background:var(--text-soft)}.dashboard-stat-label{color:var(--text-soft);font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.dashboard-stat-card strong{color:var(--text);font-size:32px;line-height:1.05;letter-spacing:-.02em}.dashboard-stat-trend{color:var(--text-soft);font-size:12px;font-weight:750}.dashboard-stat-trend.up{color:var(--green)}.dashboard-main-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);align-items:start}.dashboard-main-grid,.dashboard-side-stack{display:grid;grid-gap:20px;gap:20px}.dashboard-bottom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;align-items:start}.audit-card,.dashboard-section{overflow:hidden;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-sm)}.dashboard-section-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--border)}.dashboard-section-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--brand-soft);color:var(--brand-strong)}.dashboard-section-icon.blue{background:var(--blue-soft);color:var(--blue)}.dashboard-section-icon.green{background:var(--green-soft);color:var(--green)}.dashboard-section-icon.amber{background:var(--warning-soft);color:var(--warning)}.dashboard-section-icon.red{background:var(--danger-soft);color:var(--danger)}.dashboard-section-icon.purple{background:var(--purple-soft);color:var(--purple)}.dashboard-section-head h2{margin:0;color:var(--text);font-size:15px;letter-spacing:0}.dashboard-section-head p{margin:2px 0 0;color:var(--text-soft);font-size:12px}.dashboard-section-action{justify-self:end}.dashboard-section-body{padding:16px}.dashboard-section-body,.dashboard-timeline{display:grid;grid-gap:14px;gap:14px}.dashboard-timeline-item{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start}.audit-avatar,.dashboard-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--brand);color:#fff;font-size:11px;font-weight:900}.audit-avatar.system,.dashboard-avatar.system{border:1px solid var(--border);background:var(--surface-2);color:var(--text-soft)}.dashboard-timeline-item.failure .dashboard-avatar{background:var(--danger)}.dashboard-timeline-head{display:flex;flex-wrap:wrap;gap:7px;align-items:baseline}.dashboard-timeline-head strong{color:var(--text);font-size:13px}.dashboard-timeline-head span{color:var(--brand-strong);font-size:13px;font-weight:750}.dashboard-timeline-item p{margin:2px 0 0;color:var(--text-soft);font-size:12px;line-height:1.4}.dashboard-timeline-item small{display:block;margin-top:3px;color:var(--text-faint);font-size:11px}.dashboard-action-grid,.dashboard-attention-list,.dashboard-bar-chart{display:grid;grid-gap:10px;gap:10px}.dashboard-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-action-card,.dashboard-attention-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;min-width:0;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);transition:border-color .15s ease,background .15s ease}.dashboard-action-card{grid-template-columns:auto minmax(0,1fr);padding:14px}a.dashboard-action-card:hover,a.dashboard-attention-item:hover{border-color:var(--brand)}.dashboard-attention-item.urgent{border-color:color-mix(in srgb,var(--danger) 36%,var(--border));background:var(--danger-soft)}.dashboard-attention-item.warn{border-color:color-mix(in srgb,var(--warning) 36%,var(--border));background:var(--warning-soft)}.dashboard-action-icon,.dashboard-attention-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--surface);color:var(--text-soft)}.dashboard-action-icon{width:38px;height:38px}.dashboard-action-icon.brand{background:var(--brand-soft);color:var(--brand-strong)}.dashboard-action-icon.green{background:var(--green-soft);color:var(--green)}.dashboard-action-icon.blue{background:var(--blue-soft);color:var(--blue)}.dashboard-action-icon.purple{background:var(--purple-soft);color:var(--purple)}.dashboard-action-icon.amber{background:var(--warning-soft);color:var(--warning)}.dashboard-action-card strong,.dashboard-attention-item strong{display:block;color:var(--text);font-size:13px}.dashboard-action-card small,.dashboard-attention-item small{display:block;margin-top:2px;color:var(--text-soft);font-size:12px}.dashboard-attention-item b{color:var(--text);font-size:18px}.dashboard-status-dist{display:flex;gap:3px;height:40px;overflow:hidden;border-radius:8px}.dashboard-status-seg{display:flex;align-items:center;justify-content:center;min-width:0;color:#fff;font-size:11px;font-weight:900}.dashboard-legend{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:2px}.dashboard-legend span{display:inline-flex;gap:6px;align-items:center;color:var(--text-soft);font-size:12px}.dashboard-legend i{width:10px;height:10px;border-radius:3px}.dashboard-bar-row{display:grid;grid-template-columns:minmax(86px,.9fr) minmax(0,1fr) 48px;grid-gap:10px;gap:10px;align-items:center}.dashboard-bar-row span{overflow:hidden;color:var(--text-soft);font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.dashboard-bar-row div{height:22px;overflow:hidden;border-radius:6px;background:var(--surface-2)}.dashboard-bar-row i{display:block;height:100%;border-radius:6px}.dashboard-bar-row i.tone-0,.dashboard-bar-row i.tone-brand{background:linear-gradient(90deg,var(--brand),var(--brand-strong))}.dashboard-bar-row i.tone-1{background:linear-gradient(90deg,var(--green),#4ade80)}.dashboard-bar-row i.tone-2{background:linear-gradient(90deg,var(--blue),#60a5fa)}.dashboard-bar-row i.tone-3{background:linear-gradient(90deg,var(--purple),#a78bfa)}.dashboard-bar-row i.tone-4{background:linear-gradient(90deg,var(--warning),#fbbf24)}.dashboard-bar-row b{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;text-align:right}.audit-empty,.dashboard-empty{display:grid;grid-gap:5px;gap:5px;padding:24px;border:1px dashed var(--border-strong);border-radius:10px;color:var(--text-soft);text-align:center}.audit-empty strong,.dashboard-empty strong{color:var(--text)}.audit-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--surface-2)}.audit-search{position:relative;flex:1 1 240px}.audit-search svg{position:absolute;top:50%;left:10px;color:var(--text-faint);transform:translateY(-50%)}.audit-filters select,.audit-search input{min-height:38px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:13px}.audit-search input{width:100%;padding:8px 10px 8px 34px}.audit-filters select{padding:0 12px}.audit-list{display:grid;grid-gap:8px;gap:8px;padding:8px}.audit-row{display:grid;grid-template-columns:112px minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:start;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);transition:border-color .15s ease}.audit-row:hover{border-color:var(--brand)}.audit-row.failure{border-left:3px solid var(--danger)}.audit-time{display:grid;grid-gap:3px;gap:3px;color:var(--text-soft);font-size:11px;line-height:1.35}.audit-time strong{color:var(--text);font-size:12px}.audit-main{display:flex;gap:10px;min-width:0}.audit-body{min-width:0}.audit-action-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.audit-action-row strong{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.audit-action-row span{padding:2px 7px;border-radius:5px;background:var(--surface-2);font-weight:800}.audit-action-row span,.audit-body p{color:var(--text-soft);font-size:12px}.audit-body p{margin:4px 0 0;line-height:1.4}.audit-body p.audit-error{color:var(--danger);font-weight:750}.audit-body small{display:block;margin-top:3px;color:var(--text-faint);font-size:11px}.audit-right{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.audit-result{display:inline-flex;gap:4px;align-items:center;height:24px;padding:0 8px;border-radius:6px;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.audit-result.success{background:var(--green-soft);color:var(--green)}.audit-result.failure{background:var(--danger-soft);color:var(--danger)}.audit-ip{height:24px;padding:5px 8px 0;border-radius:6px;background:var(--surface-2);color:var(--text-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.audit-json{margin-top:8px}.audit-json summary{width:-moz-fit-content;width:fit-content;cursor:pointer;color:var(--brand-strong);font-size:11px;font-weight:800}.audit-json pre{max-height:220px;margin:8px 0 0;overflow:auto;white-space:pre-wrap;word-break:break-word}.queue-page{display:grid;grid-gap:20px;gap:20px;max-width:none}.queue-page,.queue-page>*{width:100%;min-width:0}.queue-head-actions{display:flex;gap:8px;align-items:center}.queue-action-btn,.queue-icon-btn,.queue-refresh-toggle{display:inline-flex;gap:7px;align-items:center;min-height:38px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:12px;font-weight:800;cursor:pointer}.queue-refresh-toggle{padding:0 12px}.queue-action-btn{padding:0 12px;white-space:nowrap}.queue-action-btn.danger{border-color:color-mix(in srgb,var(--danger) 26%,var(--border));color:var(--danger)}.queue-action-btn:hover,.queue-icon-btn:hover,.queue-refresh-toggle:hover{border-color:var(--brand);color:var(--brand-strong)}.queue-action-btn.danger:hover{border-color:var(--danger);color:var(--danger)}.queue-refresh-toggle.on .queue-live-dot{background:var(--green);animation:queue-pulse 1.5s infinite}.queue-live-dot{width:8px;height:8px;border-radius:999px;background:var(--text-faint)}.queue-icon-btn{justify-content:center;width:38px;padding:0;border-radius:8px}.queue-action-btn:disabled,.queue-icon-btn:disabled{cursor:wait;opacity:.7}.queue-icon-btn .spin{animation:queue-spin .9s linear infinite}.queue-notice{display:flex;gap:8px;align-items:center;padding:10px 12px;border:1px solid color-mix(in srgb,var(--danger) 30%,var(--border));border-radius:8px;background:var(--danger-soft);color:var(--danger);font-size:13px;font-weight:750}.queue-notice.success{border-color:color-mix(in srgb,var(--green) 30%,var(--border));background:var(--green-soft);color:var(--green)}.queue-notice.warning{border-color:color-mix(in srgb,var(--warning) 34%,var(--border));background:var(--warning-soft);color:var(--warning)}.queue-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:16px;gap:16px;min-width:0}.queue-stat-card{position:relative;display:grid;grid-gap:6px;gap:6px;min-width:0;overflow:hidden;padding:16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-sm);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.queue-stat-card.selected,.queue-stat-card:hover{border-color:var(--brand);box-shadow:var(--sh-md)}.queue-stat-card.selected{outline:2px solid color-mix(in srgb,var(--brand) 22%,transparent)}.queue-stat-icon{position:absolute;top:-10px;right:-10px;display:grid;place-items:center;width:62px;height:62px;border-radius:999px;opacity:.14}.queue-badge.purple,.queue-stat-icon.purple{background:var(--purple-soft);color:var(--purple)}.queue-badge.blue,.queue-stat-icon.blue{background:var(--blue-soft);color:var(--blue)}.queue-badge.brand,.queue-stat-icon.brand{background:var(--brand-soft);color:var(--brand-strong)}.queue-badge.green,.queue-stat-icon.green{background:var(--green-soft);color:var(--green)}.queue-badge.amber,.queue-stat-icon.amber{background:var(--warning-soft);color:var(--warning)}.queue-badge.muted,.queue-stat-icon.muted{background:var(--surface-2);color:var(--text-soft)}.queue-stat-label{color:var(--text-soft);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.queue-stat-card strong{color:var(--text);font-size:30px;line-height:1.05}.queue-stat-desc{color:var(--text-soft);font-size:12px}.queue-breakdown{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}.queue-breakdown-item{display:inline-flex;gap:4px;align-items:center;color:var(--text-soft);font-size:11px;font-weight:800}.queue-breakdown-item i{width:7px;height:7px;border-radius:999px;background:currentColor}.queue-breakdown-item.active{color:var(--blue)}.queue-breakdown-item.muted,.queue-breakdown-item.waiting{color:var(--text-soft)}.queue-breakdown-item.retrying{color:var(--warning)}.queue-breakdown-item.failed{color:var(--danger)}.queue-breakdown-item.completed{color:var(--green)}.queue-filter-row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;min-width:0}.queue-filter-tabs{display:flex;gap:2px;max-width:100%;overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:none}.queue-filter-tabs::-webkit-scrollbar{display:none}.queue-filter-tab{display:inline-flex;gap:7px;align-items:center;min-height:42px;padding:0 14px;border-bottom:2px solid transparent;color:var(--text-soft);font-size:13px;font-weight:800;white-space:nowrap}.queue-filter-tab:hover{color:var(--text)}.queue-filter-tab.active{border-bottom-color:var(--brand);color:var(--brand-strong)}.queue-filter-tab span{padding:2px 7px;border-radius:999px;background:var(--surface-2);color:var(--text-soft);font-size:10px;font-weight:900}.queue-filter-tab.active span{background:var(--brand-soft);color:var(--brand-strong)}.queue-list-meta{color:var(--text-soft);font-size:12px;font-weight:750}.queue-jobs-wrap{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-sm)}.queue-table{width:100%;border-collapse:collapse}.queue-table td,.queue-table th{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.queue-table th{background:var(--surface-2);color:var(--text-soft);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.queue-table tbody tr:hover{background:color-mix(in srgb,var(--brand-soft) 36%,transparent)}.queue-table tbody tr.selected{background:color-mix(in srgb,var(--brand-soft) 58%,transparent)}.queue-table tr.expanded{background:var(--brand-soft)}.queue-table tr:last-child td{border-bottom:0}.queue-expand{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text-soft);cursor:pointer;transition:transform .15s ease,border-color .15s ease,color .15s ease}.queue-select-cell{width:44px}.queue-row-check{width:17px;height:17px;accent-color:var(--brand);cursor:pointer}.queue-row-check:disabled{cursor:not-allowed}.queue-expand.expanded,.queue-expand:hover{border-color:var(--brand);color:var(--brand-strong)}.queue-expand.expanded svg{transform:rotate(90deg)}.queue-badge,.queue-status-badge{display:inline-flex;gap:6px;align-items:center;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.queue-status-badge i{width:6px;height:6px;border-radius:999px;background:currentColor}.queue-status-badge.active{background:var(--blue-soft);color:var(--blue)}.queue-status-badge.waiting{background:var(--surface-2);color:var(--text-soft)}.queue-status-badge.retrying{background:var(--warning-soft);color:var(--warning)}.queue-status-badge.failed{background:var(--danger-soft);color:var(--danger)}.queue-status-badge.completed{background:var(--green-soft);color:var(--green)}.queue-stuck-pill{display:inline-flex;margin-left:6px;padding:4px 8px;border-radius:999px;background:var(--warning-soft);color:var(--warning);font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.queue-job-cell,.queue-target-cell,.queue-time-cell{display:grid;grid-gap:2px;gap:2px;min-width:0}.queue-job-cell strong{overflow:hidden;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.queue-job-cell span,.queue-target-cell span,.queue-time-cell span{overflow:hidden;color:var(--text-soft);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.queue-target-cell a,.queue-target-cell strong{overflow:hidden;color:var(--text);font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.queue-target-cell a{color:var(--brand-strong)}.queue-target-cell a:hover{text-decoration:underline}.queue-attempts,.queue-time-cell strong{color:var(--text);font-size:12px}.queue-attempts{font-weight:900}.queue-attempts,.queue-duration{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.queue-duration{color:var(--text-soft);font-size:12px;font-weight:800;white-space:nowrap}.queue-actions-head{text-align:right}.queue-row-actions{display:flex;gap:5px;justify-content:flex-end}.queue-row-action{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text-soft);cursor:pointer}.queue-row-action:hover:not(:disabled){border-color:var(--brand);color:var(--brand-strong)}.queue-row-action.success:hover:not(:disabled){border-color:var(--green);background:var(--green-soft);color:var(--green)}.queue-row-action.danger:hover:not(:disabled){border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.queue-row-action:disabled{cursor:not-allowed;opacity:.55}.queue-selection-bar{max-width:min(calc(100vw - 32px),820px)}.queue-detail-row td{padding:0;background:var(--panel-muted)}.queue-detail{display:grid;grid-gap:14px;gap:14px;padding:16px 18px}.queue-error-box{display:grid;grid-gap:5px;gap:5px;padding:10px 12px;border-left:3px solid var(--danger);border-radius:7px;background:var(--danger-soft);color:var(--danger);font-size:12px}.queue-detail-title,.queue-error-box strong{margin:0;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.queue-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:10px;gap:10px}.queue-detail-grid div{display:grid;grid-gap:3px;gap:3px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.queue-detail-grid span{color:var(--text-soft);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.queue-detail-grid strong{overflow:hidden;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.queue-detail pre{max-height:280px;margin:8px 0 0;overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:11px;white-space:pre-wrap;word-break:break-word}.queue-empty{display:grid;place-items:center;grid-gap:8px;gap:8px;min-height:220px;padding:32px;color:var(--text-soft);text-align:center}.queue-empty strong{color:var(--text);font-size:16px}@keyframes queue-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes queue-spin{to{transform:rotate(1turn)}}@media (max-width:1100px){.dashboard-bottom-grid,.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main-grid{grid-template-columns:1fr}.queue-table td,.queue-table th{padding-inline:10px}}@media (max-width:760px){.dashboard-action-grid,.dashboard-bottom-grid,.dashboard-stat-grid{grid-template-columns:1fr}.dashboard-section-head{grid-template-columns:auto minmax(0,1fr)}.dashboard-section-action{grid-column:1/-1;justify-self:start}.audit-filters{align-items:stretch}.audit-filters .btn,.audit-filters select,.audit-search{width:100%}.audit-row{grid-template-columns:1fr;gap:8px}.audit-right{justify-content:flex-start}.dashboard-bar-row{grid-template-columns:minmax(74px,.9fr) minmax(0,1fr) 42px}.queue-action-btn,.queue-head-actions,.queue-refresh-toggle{width:100%}.queue-stat-grid{grid-template-columns:1fr}.queue-refresh-toggle{justify-content:center}.queue-head-actions{flex-wrap:wrap}.queue-action-btn{justify-content:center}.queue-icon-btn{flex:1 1}.queue-filter-row{align-items:stretch}.queue-filter-tabs,.queue-list-meta{width:100%}.queue-table,.queue-table tbody,.queue-table td,.queue-table th,.queue-table thead,.queue-table tr{display:block}.queue-table thead{display:none}.queue-table tbody{display:grid;grid-gap:10px;gap:10px;padding:10px}.queue-table tr{border:1px solid var(--border);border-radius:10px;background:var(--surface)}.queue-table td{display:grid;grid-template-columns:104px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start;padding:9px 12px;border-bottom:0}.queue-table td:before{content:attr(data-label);color:var(--text-soft);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.queue-expand,.queue-select-cell .queue-row-check{justify-self:start}.queue-row-actions{justify-content:flex-start}.queue-selection-bar{flex-wrap:wrap;justify-content:center;border-radius:18px}.queue-detail-row{margin-top:-10px;border-top:0}.queue-detail-row td{display:block;padding:0}.queue-detail-row td:before{content:none}.queue-detail{padding:12px}.queue-detail-grid{grid-template-columns:1fr}}@media (max-width:520px){.import-report-stats{grid-template-columns:1fr}}