:root{color-scheme:light;--kanjo-purple-base:#230535;--kanjo-purple-interactive:#6d28d9;--kanjo-interactive-hover:#5b21b6;--kanjo-interactive-active:#4c1d95;--kanjo-gold:#ffd700;--kanjo-gold-deep:#7a5b00;--kanjo-surface:#ffffff;--kanjo-canvas:#f8fafc;--kanjo-pastel:#f5f3ff;--kanjo-pastel-ink:#4c1d95;--kanjo-field-border:rgba(109,40,217,0.16);--kanjo-focus-ring:rgba(109,40,217,0.2);--kanjo-focus-ring-strong:rgba(109,40,217,0.4);--ink:#0f172a;--ink-soft:#64748b;--canvas:var(--kanjo-canvas);--surface:var(--kanjo-surface);--surface-soft:#f1f5f9;--surface-raised:var(--kanjo-surface);--line:#e2e8f0;--line-strong:#cbd5e1;--nav:var(--kanjo-purple-base);--nav-soft:#35104f;--nav-ink:#ffffff;--nav-ink-soft:#b9c2d4;--nav-ink-muted:#8e9ab0;--nav-line:rgba(255,255,255,0.1);--gold:var(--kanjo-gold);--gold-deep:var(--kanjo-gold-deep);--gold-contrast:#161106;--purple:var(--kanjo-purple-interactive);--primary:var(--kanjo-purple-interactive);--primary-ink:#ffffff;--primary-hover:var(--kanjo-interactive-hover);--focus:var(--kanjo-focus-ring-strong);--info:#1d4ed8;--green:#15803d;--green-soft:#f0fdf4;--red:#b91c1c;--red-soft:#fef2f2;--gradient-primary:linear-gradient(135deg,var(--kanjo-purple-interactive),var(--kanjo-interactive-active));--gradient-gold:linear-gradient(145deg,#f5d27a,var(--kanjo-gold-deep));--shadow-sm:0 1px 2px rgba(35,5,53,0.05);--shadow:0 10px 40px -10px rgba(35,5,53,0.08);--shadow-md:0 16px 48px -12px rgba(35,5,53,0.12);--shadow-lg:0 24px 80px -12px rgba(35,5,53,0.25);--shadow-modal:0 24px 80px -12px rgba(35,5,53,0.25);--radius-sm:8px;--radius-md:12px;--radius:16px;--radius-lg:16px;--radius-xl:24px;--radius-input:12px;--radius-card:16px;--radius-modal:24px;--font-sans:var(--font-cairo),"Cairo","Segoe UI","Helvetica Neue",Arial,system-ui,sans-serif}[data-theme=dark]{color-scheme:dark;--kanjo-surface:#1e293b;--kanjo-canvas:#0f172a;--kanjo-pastel:rgba(109,40,217,0.18);--kanjo-pastel-ink:#ddd6fe;--kanjo-field-border:rgba(167,139,250,0.24);--kanjo-focus-ring:rgba(167,139,250,0.25);--kanjo-focus-ring-strong:rgba(167,139,250,0.45);--ink:#f8fafc;--ink-soft:#94a3b8;--canvas:var(--kanjo-canvas);--surface:var(--kanjo-surface);--surface-soft:#273449;--surface-raised:#24324a;--line:#334155;--line-strong:#475569;--nav:var(--kanjo-purple-base);--nav-soft:#35104f;--nav-ink:#ffffff;--nav-ink-soft:#cbd5e1;--nav-ink-muted:#94a3b8;--nav-line:rgba(255,255,255,0.12);--gold:var(--kanjo-gold);--gold-deep:#ffd75e;--gold-contrast:#161106;--purple:#c4b5fd;--primary:var(--kanjo-purple-interactive);--primary-ink:#ffffff;--primary-hover:#7c3aed;--focus:var(--kanjo-focus-ring-strong);--info:#93c5fd;--green:#4ade80;--green-soft:rgba(74,222,128,0.12);--red:#f87171;--red-soft:rgba(248,113,113,0.12);--shadow-sm:0 1px 2px rgba(0,0,0,0.35);--shadow:0 10px 40px -10px rgba(0,0,0,0.45);--shadow-md:0 16px 48px -12px rgba(0,0,0,0.5);--shadow-lg:0 24px 80px -12px rgba(0,0,0,0.6);--shadow-modal:0 24px 80px -12px rgba(0,0,0,0.6)}[data-theme=dark] body{background:var(--canvas)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh;background:var(--canvas);color:var(--ink);font-family:var(--font-sans);font-size:15px;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}button{cursor:pointer}code{padding:2px 6px;border-radius:var(--radius-sm);background:var(--kanjo-pastel);color:var(--kanjo-pastel-ink);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.84em}h1,h2,h3,h4,p{margin:0}h1{font-size:clamp(1.9rem,3vw,2.5rem);font-weight:900;letter-spacing:-.035em;line-height:1.1}h1,h2{color:var(--kanjo-purple-base)}h2{font-size:1.1rem;letter-spacing:-.02em}h2,h3{font-weight:700}h3{font-size:.96rem}[data-theme=dark] h1,[data-theme=dark] h2{color:var(--ink)}.bi-dashboard{display:flex;flex-direction:column;gap:16px}.bi-filterbar{position:sticky;top:0;z-index:6;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.bi-filterbar-fields{display:flex;flex-wrap:wrap;gap:10px}.bi-filter{display:flex;flex-direction:column;gap:4px;min-width:140px;color:var(--ink-soft);font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.bi-filter select{padding:6px 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);color:var(--ink);font-size:.82rem;font-weight:600;text-transform:none;letter-spacing:0}.bi-filterbar-meta{display:flex;align-items:center;gap:10px}.bi-result-count{color:var(--ink-soft);font-size:.76rem;font-weight:700}.bi-widget{display:flex;flex-direction:column;gap:12px;padding:16px 18px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 8px 26px rgba(19,28,48,.04)}.bi-widget-4{grid-column:span 4}.bi-widget-5{grid-column:span 5}.bi-widget-6{grid-column:span 6}.bi-widget-7{grid-column:span 7}.bi-widget-8{grid-column:span 8}.bi-widget-12{grid-column:1/-1}.bi-widget-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.bi-widget-titles{display:flex;flex-direction:column;gap:2px}.bi-widget-titles h2{font-size:1rem;letter-spacing:-.01em}.bi-widget-meta{display:flex;align-items:center;gap:8px;padding-top:2px}.bi-widget-body{display:flex;flex-direction:column;gap:12px;min-width:0}.bi-row{grid-template-columns:repeat(12,minmax(0,1fr))}.bi-row,.bi-split{display:grid;gap:16px}.bi-split{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}.bi-split-tight{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center}.bi-split-main,.bi-split-side{min-width:0}.bi-stat-cluster{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.bi-stat-cluster-row{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:stretch}.bi-stat{display:flex;flex-direction:column;gap:3px;min-width:0;padding:10px 14px;border:0;border-radius:10px;background:transparent;color:inherit;text-align:start}.bi-stat-cluster-row>.bi-stat:first-child{padding-inline-start:0}.bi-stat-cluster-row>.bi-stat:last-child{padding-inline-end:0}.bi-stat.is-clickable{cursor:pointer;transition:background .15s ease}.bi-stat.is-clickable:hover{background:var(--surface-soft)}.bi-stat.is-clickable:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.bi-stat-label{overflow:hidden;color:var(--ink-soft);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.bi-stat-value{color:var(--ink);font-size:clamp(1.15rem,1.7vw,1.5rem);font-weight:800;letter-spacing:-.035em;line-height:1.15}.bi-stat-detail{color:var(--ink-soft);font-size:.72rem;line-height:1.35}.bi-stat-track{width:100%;height:3px;margin-top:3px;overflow:hidden;background:var(--surface-soft)}.bi-stat-fill,.bi-stat-track{display:block;border-radius:999px}.bi-stat-fill{height:100%;background:var(--purple)}.bi-stat-green .bi-stat-value{color:#15803d}.bi-stat-green .bi-stat-fill{background:#2ca36a}.bi-stat-gold .bi-stat-value{color:var(--gold-deep)}.bi-stat-gold .bi-stat-fill{background:var(--gold)}.bi-stat-red .bi-stat-value{color:#b91c1c}.bi-stat-red .bi-stat-fill{background:#d24b4b}.bi-stat-purple .bi-stat-value{color:var(--purple)}.bi-stat-purple .bi-stat-fill{background:var(--purple)}.bi-divider{align-self:stretch;width:1px;background:var(--line)}.bi-stat-cluster:not(.bi-stat-cluster-row)>.bi-divider{width:100%;height:1px}.bi-chip{display:inline-flex;align-items:center;padding:2px 7px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--ink-soft);font-size:.66rem;font-weight:800;letter-spacing:.02em;white-space:nowrap}.bi-chip-green{border-color:#bfe7d1;background:var(--green-soft);color:var(--green)}.bi-chip-gold{border-color:#f0dc9f;background:#fdf6df;color:var(--gold-deep)}.bi-chip-red{border-color:#f2caca;background:var(--red-soft);color:var(--red)}.bi-negotiation{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2.4fr);gap:16px;align-items:stretch}.bi-negotiation-summary{display:flex;flex-direction:column;gap:4px;justify-content:center;padding-inline-end:16px;border-inline-end:1px solid var(--line)}.bi-negotiation-headline{color:var(--purple);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;letter-spacing:-.05em;line-height:1}.bi-negotiation-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bi-negotiation-stage{display:flex;flex-direction:column;gap:6px;min-width:0;padding-inline-start:14px;border-inline-start:1px solid var(--line)}.bi-negotiation-stage:first-child{padding-inline-start:0;border-inline-start:0}.bi-negotiation-stage-head{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:start}.bi-negotiation-stage-head:hover .bi-stat-label{color:var(--ink)}.bi-negotiation-stage-head:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}.bi-negotiation-foot{color:var(--ink-soft);font-size:.68rem}.bi-trend-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:10px;border-top:1px dashed var(--line)}.bi-trend-strip-flat{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.bi-trend-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.bi-sparkline{flex:0 0 auto;width:140px;height:34px;direction:ltr}.bi-marketing-body{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;align-items:center}.bi-chart{display:flex;flex-direction:column;gap:10px}.bi-chart-canvas{width:100%;direction:ltr}.bi-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2px 10px;margin:0;padding:0;list-style:none}.bi-legend-item{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:5px 7px;border:1px solid transparent;border-radius:8px;background:transparent;color:inherit;font-size:.76rem;text-align:start}.bi-legend-item.is-active,.bi-legend-item:hover{border-color:var(--line);background:var(--surface-soft)}.bi-legend-dot{width:8px;height:8px;border-radius:999px}.bi-legend-label{overflow:hidden;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap}.bi-gauge-canvas{position:relative;width:100%;direction:ltr}.bi-gauge-center{position:absolute;inset:auto 0 12% 0;display:flex;flex-direction:column;align-items:center;gap:1px}.bi-gauge-center strong{font-size:1rem;letter-spacing:-.03em}.bi-gauge-center span{color:var(--ink-soft);font-size:.6rem}.bi-compliance{display:flex;flex-direction:column;gap:6px}.bi-donut{position:relative;width:100%;direction:ltr}.bi-donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;pointer-events:none}.bi-donut-center strong{font-size:1.2rem;letter-spacing:-.03em}.bi-donut-center span{color:var(--ink-soft);font-size:.62rem}.bi-compliance-list{display:flex;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none}.bi-compliance-row{display:grid;grid-template-columns:8px minmax(0,1fr) 56px auto;align-items:center;gap:8px;width:100%;padding:4px 6px;border:1px solid transparent;border-radius:8px;background:transparent;color:inherit;font-size:.72rem;text-align:start}.bi-compliance-row:hover{border-color:var(--line);background:var(--surface-soft)}.bi-compliance-label{overflow:hidden;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap}.bi-compliance-bar{display:block;height:4px;overflow:hidden;border-radius:999px;background:var(--surface-soft)}.bi-compliance-bar span{display:block;height:100%;border-radius:999px}.bi-stacked-bar{display:flex;width:100%;height:6px;overflow:hidden;border-radius:999px;background:var(--surface-soft)}.bi-stacked-segment{height:100%}.seg-published{background:#2ca36a}.seg-draft{background:var(--gold)}.seg-missing{background:#d24b4b}.bi-channel-list{display:flex;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none}.bi-channel-row{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:5px 7px;border:1px solid transparent;border-radius:8px;background:transparent;color:inherit;font-size:.74rem;text-align:start}.bi-channel-row:hover{border-color:var(--line);background:var(--surface-soft)}.bi-channel-label{overflow:hidden;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap}.bi-channel-bar{display:block;height:5px;overflow:hidden;border-radius:999px;background:var(--surface-soft)}.bi-channel-bar span{display:block;height:100%;border-radius:999px;background:var(--purple)}.bi-section{display:flex;flex-direction:column;gap:12px}.bi-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.bi-section-head h2{font-size:1rem}.bi-locked{padding:18px;border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface-soft);color:var(--ink-soft);font-size:.82rem}.slideover-backdrop{position:fixed;inset:0;z-index:80;display:flex;justify-content:flex-end;background:rgba(12,18,32,.5);backdrop-filter:blur(3px)}.slideover-panel{display:flex;flex-direction:column;width:min(920px,100%);height:100%;border-inline-start:1px solid var(--line);background:var(--surface);box-shadow:-30px 0 80px rgba(9,15,28,.3);animation:slideover-in .22s ease-out}@keyframes slideover-in{0%{transform:translateX(-32px);opacity:.6}to{transform:translateX(0);opacity:1}}.slideover-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 14px;border-bottom:1px solid var(--line)}.slideover-head h2{font-size:1.12rem}.slideover-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px;border-bottom:1px solid var(--line);background:var(--surface-soft)}.bi-row-count{color:var(--ink-soft);font-size:.78rem;font-weight:700}.slideover-body{flex:1;overflow:auto;padding:16px 22px 28px}.bi-table-wrap{min-width:0}.bi-empty{padding:22px 4px;color:var(--ink-soft);font-size:.82rem;text-align:center}@media (max-width:1100px){.bi-widget-4,.bi-widget-5{grid-column:span 6}.bi-widget-6,.bi-widget-7,.bi-widget-8{grid-column:1/-1}.bi-split{grid-template-columns:minmax(0,1fr)}}@media (max-width:820px){.bi-stat-cluster-row{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);gap:0}.bi-stat-cluster-row>.bi-stat{padding:10px 0;border-bottom:1px solid var(--line)}.bi-stat-cluster-row>.bi-stat:last-child{border-bottom:0}.bi-stat-cluster-row>.bi-divider{display:none}.bi-negotiation{grid-template-columns:minmax(0,1fr)}.bi-negotiation-summary{padding-inline-end:0;padding-bottom:12px;border-inline-end:0;border-bottom:1px solid var(--line)}.bi-marketing-body{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.bi-row{grid-template-columns:minmax(0,1fr)}.bi-widget-12,.bi-widget-4,.bi-widget-5,.bi-widget-6,.bi-widget-7,.bi-widget-8{grid-column:1/-1}.bi-negotiation-stages{grid-template-columns:minmax(0,1fr)}.bi-negotiation-stage{padding-inline-start:0;padding-top:12px;border-inline-start:0;border-top:1px solid var(--line)}.bi-negotiation-stage:first-child{padding-top:0;border-top:0}.bi-channel-row{grid-template-columns:minmax(0,1fr) auto}.bi-channel-bar{display:none}.bi-compliance-row{grid-template-columns:8px minmax(0,1fr) auto}.bi-compliance-bar{display:none}.bi-sparkline{width:100px}.slideover-panel{width:100%}}.product-thumb{overflow:hidden}.product-thumb img{width:100%;height:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover}.product-description{margin:0 0 8px;color:var(--ink-soft);font-size:.78rem;line-height:1.45}.product-sku{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;letter-spacing:.03em}.product-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.cat-queue{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:12px 16px;border:1px solid color-mix(in srgb,var(--gold) 34%,transparent);border-radius:var(--radius-lg);background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 12%,var(--surface)),var(--surface));box-shadow:var(--shadow-sm)}.cat-queue-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.cat-queue-titles{display:flex;flex-direction:column;gap:2px;min-width:0}.cat-queue-count{color:var(--gold-deep);font-size:.9rem;font-weight:800}.cat-queue-sub{color:var(--ink-soft);font-size:.74rem}.cat-queue-list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.cat-queue-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.cat-queue-item-main{display:flex;min-width:0;flex-direction:column;gap:1px}.cat-queue-item-main strong{overflow:hidden;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.cat-queue-item-meta{color:var(--ink-soft);font-size:.7rem}.cat-queue-error{color:var(--red);font-size:.7rem;font-weight:600}.cat-form{gap:18px}.cat-block,.cat-form{display:flex;flex-direction:column}.cat-block{gap:14px;padding-bottom:16px;border-bottom:1px dashed var(--line)}.cat-block:last-of-type{padding-bottom:0;border-bottom:0}.cat-field{display:flex;flex-direction:column;gap:6px;min-width:0}.cat-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.cat-label{color:var(--ink);font-size:.78rem;font-weight:700}.cat-required{color:var(--red);font-weight:700}.cat-optional,.cat-required{margin-inline-start:4px;font-size:.66rem}.cat-optional{color:var(--ink-soft);font-weight:600}.cat-input{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:.85rem}.cat-input:focus-visible{border-color:var(--line-strong);outline:2px solid var(--focus);outline-offset:1px}.cat-textarea{min-height:76px;resize:vertical}.cat-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cat-hint{margin:0;color:var(--ink-soft);font-size:.72rem;line-height:1.45}.cat-taxonomy{gap:14px}.cat-taxonomy,.cat-variant-list{display:flex;flex-direction:column}.cat-variant-list{gap:10px}.cat-variant-group{display:flex;flex-direction:column;gap:5px}.cat-variant-name{color:var(--ink-soft);font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.cat-variant-options{display:flex;flex-wrap:wrap;gap:5px}.cat-code-row{display:flex;gap:8px}.cat-code-input{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}.cat-image-field{display:flex;flex-direction:column;gap:6px}.cat-image-body{display:flex;align-items:center;gap:14px}.cat-image-preview{display:grid;flex:0 0 auto;place-items:center;width:84px;height:84px;overflow:hidden;border:1px dashed var(--line-strong);border-radius:12px;background:var(--surface-soft);color:var(--ink-soft);font-size:.66rem;text-align:center}.cat-image-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cat-image-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cat-image-size{color:var(--ink-soft);font-size:.7rem}.cat-matrix{display:flex;flex-direction:column;gap:10px}.cat-matrix-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.cat-matrix-title{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:.8rem;font-weight:800}.cat-matrix-count{min-width:22px;padding:1px 7px;border-radius:999px;background:var(--surface-soft);color:var(--purple);font-size:.7rem;font-weight:800;text-align:center}.cat-matrix-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.cat-matrix-table{width:100%;min-width:520px;border-collapse:collapse;font-size:.8rem}.cat-matrix-table thead th{position:sticky;top:0;padding:9px 12px;background:var(--surface-soft);color:var(--ink-soft);font-size:.7rem;font-weight:800;text-align:start;white-space:nowrap;border-bottom:1px solid var(--line)}.cat-matrix-table td{padding:8px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.cat-matrix-table tbody tr:last-child td{border-bottom:0}.cat-matrix-table tbody tr:hover{background:var(--surface-soft)}.cat-matrix-name{color:var(--ink);font-weight:700}.cat-matrix-sku{color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;white-space:nowrap}.cat-matrix-price{width:110px;padding:6px 9px;text-align:end}.cat-matrix-price::-webkit-inner-spin-button,.cat-matrix-price::-webkit-outer-spin-button{margin:0}.cat-matrix-cap{color:var(--gold-deep);font-weight:700}.cat-toolbar{align-items:flex-start}.product-card.is-clickable{cursor:pointer;transition:box-shadow .16s ease,transform .16s ease}.product-card.is-clickable:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.product-card.is-clickable:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.product-thumb{border:0;padding:0;font-family:inherit;cursor:pointer}.prod-detail{display:grid;grid-template-columns:160px minmax(0,1fr);gap:18px;margin-bottom:18px}.prod-detail-media{display:flex;flex-direction:column;align-items:center;gap:8px}.prod-detail-thumb{width:160px;height:160px;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);cursor:zoom-in}.prod-detail-thumb:disabled{cursor:default;color:var(--ink-soft)}.prod-detail-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.prod-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:0}.prod-detail-grid dt{color:var(--ink-soft);font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.prod-detail-grid dd{margin:2px 0 0;color:var(--ink);font-size:.86rem;font-weight:600;overflow-wrap:anywhere}.prod-detail-variants h3{margin:0 0 8px;font-size:.82rem}.prod-detail-variants ul{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.prod-detail-variants li{display:flex;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);font-size:.8rem}.prod-detail-variants li span{color:var(--ink-soft)}.lightbox{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:4vw;background:rgba(9,9,11,.86);cursor:zoom-out}.lightbox-image{max-width:100%;max-height:100%;border-radius:12px;-o-object-fit:contain;object-fit:contain;box-shadow:0 24px 70px rgba(0,0,0,.55);cursor:default}.lightbox-close{position:absolute;top:18px;inset-inline-end:20px;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:1.3rem;line-height:1;cursor:pointer}.img-qa-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;border:1px dashed var(--gold);border-radius:12px;background:var(--surface-soft)}.img-qa-bar .form-error{flex-basis:100%;margin:0}.img-qa-size{color:var(--ink-soft);font-size:.68rem;font-weight:700}@media (max-width:640px){.prod-detail{grid-template-columns:minmax(0,1fr)}.prod-detail-media{align-items:flex-start}.prod-detail-grid{grid-template-columns:minmax(0,1fr)}}.img-qa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.img-qa-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);transition:box-shadow .16s ease,transform .16s ease}.img-qa-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.img-qa-thumb{display:grid;place-items:center;width:100%;aspect-ratio:16/10;border:0;padding:0;font-family:inherit;font-size:1.4rem;font-weight:800;color:var(--ink-soft);background:var(--surface-soft);cursor:pointer}.img-qa-thumb:disabled{cursor:default}.img-qa-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.img-qa-body{display:flex;flex-direction:column;gap:10px;padding:12px 14px 14px}.img-qa-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.img-qa-head h2{margin:0;font-size:.98rem;font-weight:800;color:var(--ink)}.img-qa-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.86rem;color:var(--ink)}.img-qa-meta strong{font-size:1rem}.img-qa-card .img-qa-bar{border-style:solid;border-color:var(--line);background:var(--surface-soft)}@media (max-width:640px){.img-qa-grid{grid-template-columns:minmax(0,1fr)}.img-qa-bar{width:100%}}.cat-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:4px}.cat-actions-primary{display:flex;gap:8px}@media (max-width:720px){.cat-form-grid{grid-template-columns:minmax(0,1fr)}.cat-queue-head{align-items:flex-start;flex-direction:column}.cat-actions{align-items:stretch}.cat-actions,.cat-actions-primary{flex-direction:column-reverse}}[data-theme=dark] .cat-queue{border-color:#4c3f12;background:linear-gradient(90deg,#241d06,var(--surface))}[data-theme=dark] .cat-queue-count{color:var(--gold)}.kpi-filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:22px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--kanjo-surface);box-shadow:var(--shadow)}.kpi-filter-bar[data-readonly=true]{grid-template-columns:minmax(0,1fr)}.kpi-filter-note{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:.8rem}.kpi-stage-rail{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.kpi-stage-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--ink-soft);font-size:.76rem;font-weight:700}.kpi-stage-pill[data-active=true]{border-color:color-mix(in srgb,var(--kanjo-purple-interactive) 40%,transparent);background:var(--kanjo-pastel);color:var(--kanjo-pastel-ink)}.kpi-stage-pill code{padding:0;background:transparent;color:inherit;font-size:.68rem;font-weight:800;letter-spacing:.04em}.kpi-agent-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.kpi-panel{padding:22px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--kanjo-surface);box-shadow:var(--shadow)}.kpi-panel-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.kpi-panel-head h2{margin:0;font-size:1.05rem}.kpi-panel-head p{max-width:640px;margin-top:6px;color:var(--ink-soft);font-size:.84rem}.kpi-agent-card{display:flex;flex-direction:column;gap:18px}.kpi-agent-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.kpi-agent-identity{display:flex;align-items:center;gap:12px}.kpi-agent-avatar{display:grid;flex:0 0 auto;place-items:center;width:44px;height:44px;border-radius:999px;background:var(--kanjo-purple-base);color:var(--kanjo-gold);font-size:.95rem;font-weight:800}.kpi-agent-identity strong{display:block;font-size:.98rem}.kpi-agent-identity span{color:var(--ink-soft);font-size:.78rem}.kpi-score{display:flex;align-items:baseline;gap:6px;padding:8px 14px;border:1px solid color-mix(in srgb,var(--kanjo-purple-interactive) 28%,transparent);border-radius:var(--radius-md);background:var(--kanjo-pastel);color:var(--kanjo-pastel-ink)}.kpi-score strong{font-size:1.4rem;font-weight:900;line-height:1}.kpi-score span{font-size:.72rem;font-weight:700}.kpi-split{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:18px}.kpi-insight-block{display:flex;flex-direction:column;gap:8px}.kpi-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.kpi-metric{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);transition:border-color .18s ease,transform .18s ease}.kpi-metric:hover{border-color:color-mix(in srgb,var(--kanjo-purple-interactive) 32%,transparent);transform:translateY(-1px)}.kpi-metric-label{color:var(--ink-soft);font-size:.74rem;font-weight:700;letter-spacing:.02em}.kpi-metric-value{color:var(--kanjo-purple-base);font-size:1.32rem;font-weight:900;line-height:1.15;letter-spacing:-.02em}.kpi-metric[data-direction=lower] .kpi-metric-value{color:var(--red)}.kpi-metric-hint{color:var(--ink-soft);font-size:.7rem;line-height:1.45}.kpi-usage{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:18px;padding-top:18px;border-top:1px dashed var(--line)}.kpi-usage-item{display:flex;flex-direction:column;gap:2px}.kpi-usage-item span{color:var(--ink-soft);font-size:.7rem;font-weight:700}.kpi-usage-item strong{font-size:1rem;font-weight:800}[data-theme=dark] .kpi-metric-value{color:var(--ink)}.kpi-rank-card{display:flex;flex-direction:column;gap:14px;padding:20px;border:1px solid color-mix(in srgb,var(--kanjo-gold) 34%,transparent);border-radius:var(--radius-card);background:linear-gradient(150deg,color-mix(in srgb,var(--kanjo-gold) 12%,var(--kanjo-surface)),var(--kanjo-surface));box-shadow:var(--shadow)}.kpi-rank-label{color:var(--ink-soft);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.kpi-rank-value{display:flex;align-items:baseline;gap:8px;color:var(--kanjo-purple-base);font-weight:900}.kpi-rank-value strong{font-size:2.4rem;line-height:1;letter-spacing:-.04em}.kpi-rank-value span{color:var(--ink-soft);font-size:.85rem;font-weight:700}.kpi-rank-bar{height:8px;overflow:hidden;border-radius:999px;background:var(--surface-soft);box-shadow:inset 0 0 0 1px var(--line)}.kpi-rank-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--kanjo-purple-interactive),var(--kanjo-gold))}.kpi-rank-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:var(--ink-soft);font-size:.74rem}.kpi-rank-foot strong{color:var(--ink);font-weight:800}.kpi-top-performer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px dashed color-mix(in srgb,var(--kanjo-gold) 45%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--kanjo-gold) 8%,transparent);font-size:.78rem}.kpi-top-performer span{color:var(--ink-soft)}.kpi-top-performer strong{color:var(--kanjo-purple-base);font-weight:800}[data-theme=dark] .kpi-rank-value,[data-theme=dark] .kpi-top-performer strong{color:var(--ink)}.kpi-insights{gap:10px}.kpi-insight,.kpi-insights{display:flex;flex-direction:column}.kpi-insight{gap:4px;padding:14px 16px;border:1px solid var(--line);border-inline-start:3px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-soft)}.kpi-insight[data-tone=focus]{border-inline-start-color:color-mix(in srgb,var(--kanjo-purple-interactive) 70%,transparent);background:var(--kanjo-pastel)}.kpi-insight[data-tone=strength]{border-inline-start-color:var(--green);background:var(--green-soft)}.kpi-insight strong{color:var(--ink);font-size:.88rem;font-weight:800}.kpi-insight p{margin:0;color:var(--ink-soft);font-size:.8rem;line-height:1.55}.kpi-insight-tag{align-self:flex-start;padding:2px 8px;border-radius:999px;background:var(--kanjo-surface);color:var(--ink-soft);font-size:.64rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.kpi-insight[data-tone=focus] .kpi-insight-tag{background:color-mix(in srgb,var(--kanjo-purple-interactive) 16%,transparent);color:var(--kanjo-pastel-ink)}.kpi-insight[data-tone=strength] .kpi-insight-tag{background:color-mix(in srgb,var(--green) 16%,transparent);color:var(--green)}@media (max-width:1180px){.kpi-split{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.kpi-filter-bar{grid-template-columns:minmax(0,1fr);padding:16px}.kpi-panel{padding:18px 16px}.kpi-agent-head{align-items:flex-start;flex-direction:column}.kpi-score{align-self:flex-start}.kpi-metric-grid{grid-template-columns:minmax(0,1fr)}.kpi-stage-rail{gap:6px}}.button.button-call{border-color:#bfd7f5;background:#e8f1fd;color:#14508f;font-weight:700}.button.button-call:hover{border-color:#9dc1ee;background:#d9e8fb}[data-theme=dark] .button.button-call{border-color:#1e4674;background:#10233a;color:#81b9f7}[data-theme=dark] .button.button-call:hover{border-color:#2b5f9a;background:#142d49}.matrix-user-link{color:var(--ink);font-weight:800;text-decoration:none;border-radius:6px}.matrix-user-link:hover{color:var(--purple);text-decoration:underline;text-underline-offset:3px}.matrix-user-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.matrix-user-summary{margin-bottom:16px}