html{color-scheme:light dark;--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--tone-success-bg: light-dark(#dcf5e3, #16361f);--tone-success-fg: light-dark(#1b5e20, #a5e3b0);--tone-warn-bg: light-dark(#fff1cc, #3d2f05);--tone-warn-fg: light-dark(#7a4f00, #f5d27a);--tone-error-bg: light-dark(#fde2e1, #45191a);--tone-error-fg: light-dark(#b3261e, #f5b3ae);--tone-info-bg: light-dark(#dde9fb, #172b45);--tone-info-fg: light-dark(#0b4f9c, #a9c9f5);--tone-neutral-bg: var(--mat-sys-surface-container-high);--tone-neutral-fg: var(--mat-sys-on-surface-variant)}html,body{height:100%}body{margin:0;background:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium)}a{color:var(--mat-sys-primary)}h1{font:var(--mat-sys-headline-small);margin:0}.material-symbols-outlined,.mat-icon{font-family:Material Symbols Outlined}.shell{height:100vh}.shell-nav{width:248px;border-right:1px solid var(--mat-sys-outline-variant)}.shell-brand{display:flex;align-items:center;gap:12px;padding:20px 20px 12px;font:var(--mat-sys-title-medium);color:var(--mat-sys-primary)}.shell-toolbar{position:sticky;top:0;z-index:2;gap:8px;background:var(--mat-sys-surface);border-bottom:1px solid var(--mat-sys-outline-variant)}.shell-main{padding:24px}.menu-info{padding:8px 16px 12px}.page{display:flex;flex-direction:column;gap:16px;max-width:1400px;margin:0 auto}.page-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:48px}.section-title{font:var(--mat-sys-title-large);margin:8px 0 0}.subsection-title{font:var(--mat-sys-title-small);margin:16px 0 8px}.spacer{flex:1 1 auto}.stack{display:flex;flex-direction:column;gap:20px}.stack>.mat-mdc-form-field,.form-grid>.mat-mdc-form-field,.full.mat-mdc-form-field{width:100%}.stack-tight{display:flex;flex-direction:column;gap:4px}.row{display:flex;align-items:center;gap:12px}.grow{flex:1 1 auto;min-width:0}.full{width:100%}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px 16px;align-items:start}.toggle-field{display:flex;align-items:center;min-height:56px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:16px}.edit-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.edit-aside{position:sticky;top:88px;display:flex;flex-direction:column;gap:8px}@media(max-width:1000px){.edit-layout{grid-template-columns:1fr}.edit-aside{position:static}.two-col,.card-grid{grid-template-columns:1fr}.shell-main{padding:16px}}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.filters .mat-mdc-form-field{min-width:180px}.toolbar-row{display:flex;align-items:center;gap:12px}.compact-field{--mat-form-field-container-height: 40px;--mat-form-field-filled-label-display: none;--mat-form-field-container-vertical-padding: 8px;--mat-form-field-filled-with-label-container-padding-top: 8px;--mat-form-field-filled-with-label-container-padding-bottom: 8px}.add-product-field{min-width:320px;margin:0 8px}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 16px}.muted{color:var(--mat-sys-on-surface-variant)}.small{font:var(--mat-sys-body-small)}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nowrap{white-space:nowrap}.num{text-align:right;font-variant-numeric:tabular-nums}.strike{text-decoration:line-through}.error-text,.danger-text{color:var(--mat-sys-error)}.danger-button{--mat-button-filled-container-color: var(--mat-sys-error);--mat-button-filled-label-text-color: var(--mat-sys-on-error)}.empty{padding:24px;text-align:center;color:var(--mat-sys-on-surface-variant)}.inline-icon{font-size:18px;width:18px;height:18px;vertical-align:text-bottom}.snack-error{--mat-snack-bar-container-color: var(--mat-sys-error-container);--mat-snack-bar-supporting-text-color: var(--mat-sys-on-error-container);--mat-snack-bar-button-color: var(--mat-sys-on-error-container)}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;margin:2px 4px 2px 0;border-radius:999px;font:var(--mat-sys-label-medium);white-space:nowrap}.tone-success{background:var(--tone-success-bg);color:var(--tone-success-fg)}.tone-warn{background:var(--tone-warn-bg);color:var(--tone-warn-fg)}.tone-error{background:var(--tone-error-bg);color:var(--tone-error-fg)}.tone-info{background:var(--tone-info-bg);color:var(--tone-info-fg)}.tone-neutral{background:var(--tone-neutral-bg);color:var(--tone-neutral-fg)}.chip-icon{font-size:14px;width:14px;height:14px}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font:var(--mat-sys-label-small);text-transform:uppercase;letter-spacing:.04em}.badge-none{background:var(--tone-neutral-bg);color:var(--tone-neutral-fg)}.badge-popular{background:var(--mat-sys-primary);color:var(--mat-sys-on-primary)}.badge-sale{background:var(--tone-error-fg);color:var(--mat-sys-surface)}.badge-new{background:var(--tone-success-fg);color:var(--mat-sys-surface)}.badge-limited{background:var(--tone-warn-fg);color:var(--mat-sys-surface)}.table-card{background:var(--mat-sys-surface-container-lowest);border:1px solid var(--mat-sys-outline-variant);border-radius:12px;overflow-x:auto}.table-scroll{overflow-x:auto}tr.clickable{cursor:pointer}tr.clickable:hover{background:var(--mat-sys-surface-container)}.plain-table{width:100%;border-collapse:collapse}.plain-table th,.plain-table td{padding:8px;text-align:left;border-bottom:1px solid var(--mat-sys-outline-variant);vertical-align:middle}.plain-table th{font:var(--mat-sys-label-large);color:var(--mat-sys-on-surface-variant)}.plain-table th.num,.plain-table td.num{text-align:right}.cell-input{width:100%;min-width:90px;box-sizing:border-box;padding:6px 8px;border:1px solid var(--mat-sys-outline-variant);border-radius:6px;background:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:inherit}.cell-input:focus{outline:2px solid var(--mat-sys-primary);outline-offset:-1px}.key-value{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0}.key-value dt{color:var(--mat-sys-on-surface-variant)}.key-value dd{margin:0;word-break:break-word}.json{margin:0;padding:12px;max-height:480px;overflow:auto;border-radius:8px;background:var(--mat-sys-surface-container);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;white-space:pre-wrap;word-break:break-word}.json.compact{padding:4px 8px;max-height:160px}.checker{background-color:var(--mat-sys-surface-container);background-image:linear-gradient(45deg,var(--mat-sys-surface-container-high) 25%,transparent 25%),linear-gradient(-45deg,var(--mat-sys-surface-container-high) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--mat-sys-surface-container-high) 75%),linear-gradient(-45deg,transparent 75%,var(--mat-sys-surface-container-high) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.thumb{width:40px;height:40px;object-fit:contain;border-radius:6px;display:block}.thumb-cell{width:56px}.color-swatch{display:inline-block;width:16px;height:16px;margin-right:8px;border-radius:4px;border:1px solid var(--mat-sys-outline-variant);vertical-align:middle}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:12px}.asset-tile{display:flex;flex-direction:column;gap:4px;padding:6px;border:1px solid var(--mat-sys-outline-variant);border-radius:8px;background:none;color:inherit;cursor:pointer;text-align:left}.asset-tile:hover,.asset-tile:focus-visible{border-color:var(--mat-sys-primary);outline:none}.asset-thumb{display:grid;place-items:center;aspect-ratio:1;border-radius:6px;overflow:hidden}.asset-thumb img{max-width:100%;max-height:100%;object-fit:contain}.asset-field{display:flex;gap:12px;align-items:center}.asset-field .asset-thumb{width:72px;flex:0 0 72px}.asset-field-info{min-width:0}.asset-field-label{font:var(--mat-sys-label-large)}.asset-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.asset-card{overflow:hidden}.asset-preview{display:grid;place-items:center;height:160px}.asset-preview img{max-width:100%;max-height:160px;object-fit:contain}.product-preview{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;border:1px solid var(--mat-sys-outline-variant);background:var(--mat-sys-surface-container-low)}.product-preview img{width:100%;max-height:180px;object-fit:contain;border-radius:8px}.product-preview .badge{align-self:flex-start}.product-preview ul{margin:4px 0 0;padding-left:20px}.product-preview-title{font:var(--mat-sys-title-medium)}.product-preview-price{display:flex;align-items:baseline;gap:8px;font:var(--mat-sys-title-large)}.product-preview-price .strike{font:var(--mat-sys-body-medium)}.discount-label{font:var(--mat-sys-label-large);color:var(--tone-error-fg)}.block-editor{padding:8px 12px;border:1px solid var(--mat-sys-outline-variant);border-radius:12px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stat{padding:16px}.stat-label{font:var(--mat-sys-label-large);color:var(--mat-sys-on-surface-variant)}.stat-value{font:var(--mat-sys-headline-medium);margin:4px 0;font-variant-numeric:tabular-nums}.revenue-chart{display:grid;grid-template-columns:auto 1fr;grid-template-rows:200px auto;gap:4px 8px}.revenue-chart-scale{display:flex;flex-direction:column;justify-content:space-between;text-align:right;font-variant-numeric:tabular-nums}.revenue-chart-plot{display:flex;align-items:stretch;border-bottom:1px solid var(--mat-sys-outline);background-image:linear-gradient(to bottom,var(--mat-sys-outline-variant) 1px,transparent 1px);background-size:100% 50%}.revenue-chart-slot{flex:1 1 0;display:flex;align-items:flex-end;padding:0 1px;cursor:default}.revenue-chart-slot:hover .revenue-chart-bar{background:var(--mat-sys-on-primary-container)}.revenue-chart-bar{width:100%;max-width:24px;margin:0 auto;background:var(--mat-sys-primary);border-radius:4px 4px 0 0}.revenue-chart-axis{grid-column:2;display:flex;justify-content:space-between}.audit-title{display:flex;align-items:center;gap:8px}.request-path{margin-left:6px;word-break:break-all}.log-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}@media(max-width:900px){.log-layout{grid-template-columns:1fr}}.log-files{max-height:calc(100vh - 180px);overflow:auto}.log-content{padding:12px 16px}.log-toolbar{margin-bottom:8px}.log-viewer{height:calc(100vh - 320px);min-height:300px;overflow:auto;padding:8px 12px;border-radius:8px;background:var(--mat-sys-surface-container);font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-all}.log-error{color:var(--tone-error-fg);background:var(--tone-error-bg)}.log-warn{color:var(--tone-warn-fg)}.locale-switch{width:220px}.translation-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:var(--tone-info-bg);color:var(--tone-info-fg)}.method-badge{display:inline-block;min-width:52px;margin-right:6px;padding:1px 6px;border-radius:4px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;font-weight:700;text-align:center;background:var(--tone-neutral-bg);color:var(--tone-neutral-fg)}.method-get{background:var(--tone-info-bg);color:var(--tone-info-fg)}.method-post{background:var(--tone-success-bg);color:var(--tone-success-fg)}.method-put,.method-patch{background:var(--tone-warn-bg);color:var(--tone-warn-fg)}.method-delete{background:var(--tone-error-bg);color:var(--tone-error-fg)}.area-shop{background:light-dark(#e8e1fb,#2a2145);color:light-dark(#4b2fa3,#cbb9ff)}.area-admin{background:var(--tone-info-bg);color:var(--tone-info-fg)}.area-system{background:var(--tone-neutral-bg);color:var(--tone-neutral-fg)}.duration{font-variant-numeric:tabular-nums}.duration-fast{color:var(--tone-success-fg)}.duration-slow{color:var(--tone-warn-fg);font-weight:600}.duration-very-slow{padding:1px 6px;border-radius:4px;background:var(--tone-error-bg);color:var(--tone-error-fg);font-weight:700}tr.status-row td:first-child{box-shadow:inset 3px 0 0 var(--row-edge, transparent)}tr.status-success{--row-edge: var(--tone-success-fg)}tr.status-info{--row-edge: var(--tone-info-fg)}tr.status-warn{--row-edge: var(--tone-warn-fg);background:color-mix(in srgb,var(--tone-warn-bg) 45%,transparent)}tr.status-error{--row-edge: var(--tone-error-fg);background:color-mix(in srgb,var(--tone-error-bg) 60%,transparent)}.game-avatars{display:flex;flex-wrap:nowrap;gap:4px}.game-avatar-mini{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;object-fit:cover;background:var(--mat-sys-surface-container-high);color:#fff;font-size:10px;font-weight:700;line-height:1}.game-avatar-mini.inactive{opacity:.4;filter:grayscale(1)}.game-avatar-mini.more{color:var(--mat-sys-on-surface-variant)}.drag-cell{width:32px;padding-right:0!important}.drag-handle{cursor:grab;color:var(--mat-sys-on-surface-variant)}.cdk-drag-preview{display:table;box-sizing:border-box;border-radius:8px;background:var(--mat-sys-surface-container-high);box-shadow:0 8px 24px #00000040}.cdk-drag-placeholder{opacity:.3}.cdk-drop-list-dragging tr.mat-mdc-row:not(.cdk-drag-placeholder){transition:transform .2s cubic-bezier(0,0,.2,1)}.request-dialog-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.request-dialog-path{font-size:16px;overflow-wrap:anywhere}.request-dialog-tabs{margin-top:16px}.request-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.mat-mdc-card-content.stack,.mat-mdc-dialog-content.stack{display:flex;flex-direction:column;gap:20px}.mat-mdc-card-header+.mat-mdc-card-content{padding-top:20px}.mat-mdc-dialog-content.stack{padding-top:8px!important}.mat-mdc-card-content>.mat-mdc-form-field+.mat-mdc-form-field,.mat-mdc-card-content>.form-grid+.mat-mdc-form-field,.mat-mdc-card-content>.mat-mdc-form-field+.form-grid,.mat-mdc-card-content>.form-grid+app-asset-field{margin-top:20px}.mat-mdc-card-content.stack>*{margin-top:0}.mat-mdc-card-content>app-asset-field{display:block}.brand-mark{box-sizing:border-box;padding:2px;border-radius:50%;background:#fff}.shell-brand img,.menu-item-row .menu-check{flex:0 0 auto}.menu-section-label{padding:8px 16px 4px}.menu-item-row{display:flex;align-items:center;gap:16px;width:100%}.menu-check{margin-left:auto;font-size:20px;color:var(--mat-sys-primary)}.color-picker{width:28px;height:28px;margin:0 8px 0 12px;padding:0;border:1px solid var(--mat-sys-outline-variant);border-radius:6px;background:none;cursor:pointer;vertical-align:middle}.color-picker::-webkit-color-swatch-wrapper{padding:2px}.color-picker::-webkit-color-swatch,.color-picker::-moz-color-swatch{border:none;border-radius:4px}.color-picker:disabled{cursor:default}.button-spinner{display:inline-block;margin-right:8px;vertical-align:middle}.cell-input.ng-invalid.ng-touched{outline:2px solid var(--mat-sys-error);outline-offset:-1px}.request-cell{display:flex;align-items:center;gap:4px}.request-cell .method-badge,.request-cell mat-icon{flex-shrink:0}.request-cell .request-path{min-width:0;margin-left:2px}.outgoing-icon{color:var(--mat-sys-tertiary)}.backend-test{display:grid;gap:8px}.backend-test-checks{display:grid;gap:6px;margin:0;padding:0;list-style:none}.backend-test-checks li{display:flex;align-items:flex-start;gap:8px}.backend-test-checks mat-icon{flex-shrink:0;width:20px;height:20px;font-size:20px}.backend-test-checks .is-ok mat-icon{color:var(--mat-sys-primary)}.backend-test-checks .is-error mat-icon{color:var(--mat-sys-error)}.backend-test-checks .is-hint mat-icon{color:var(--mat-sys-on-surface-variant)}.store-link{color:var(--mat-sys-primary);text-decoration:none}.store-link:hover,.store-link:focus-visible{text-decoration:underline}.form-block-invalid{border-radius:12px;outline:2px solid var(--mat-sys-error)}