* { box-sizing: border-box; }
          body {
            font-family: "Segoe UI", sans-serif;
            margin: 0;
            min-height: 100vh;
            color: #f5f2ea;
            background: #151b22;
          }
          .wrap {
            min-height: 100vh;
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            padding: 0;
          }
          .admin-shell {
            position: relative;
            width: 100%;
            max-width: 100%;
            margin: 0;
            padding: 0;
          }
          .admin-header-bar {
            position: absolute;
            top: 24px;
            left: 292px;
            right: 28px;
            z-index: 20;
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 16px;
          }
          .admin-shell.admin-sidebar-collapsed-shell .admin-header-bar {
            left: 108px;
          }
          .admin-header {
            margin: 0;
            font-size: 20px;
            letter-spacing: 0.5px;
            display: inline-flex;
            align-items: center;
            gap: 10px;
          }
          .admin-lang-switch {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 6px;
            border-radius: 999px;
            background: #1b222b;
            box-shadow: 0 10px 24px rgba(0,0,0,0.18);
          }
          .admin-lang-btn {
            width: 42px;
            height: 42px;
            border: 0;
            border-radius: 999px;
            background: transparent;
            color: #f5f2ea;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            line-height: 1;
            cursor: pointer;
            transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
          }
          .admin-lang-btn:hover {
            transform: translateY(-1px);
            background: rgba(242, 139, 58, 0.1);
          }
          .admin-lang-btn.active {
            background: rgba(242, 139, 58, 0.16);
          }
          .admin-lang-btn:focus-visible {
            outline: 2px solid rgba(242, 139, 58, 0.42);
            outline-offset: 2px;
          }
          .admin-ui-language-setting .admin-lang-switch {
            flex: 0 0 auto;
            align-self: center;
          }
          .admin-header-company {
            display: inline-flex;
            align-items: center;
            padding: 4px 10px;
            border-radius: 999px;
            border: 1px solid rgba(242, 139, 58, 0.55);
            background: rgba(242, 139, 58, 0.14);
            color: #ffb36b;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 0.25px;
            text-transform: uppercase;
          }
          .admin-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 18px;
          }
          .admin-layout {
            display: grid;
            grid-template-columns: 266px minmax(0, 1fr);
            gap: 0;
            align-items: stretch;
            width: 100%;
            border: 1px solid rgba(106, 86, 53, 0.54);
            border-width: 0 1px 0 0;
            border-radius: 0;
            min-height: 100vh;
            background: #171d24;
            box-shadow: 0 24px 52px rgba(0,0,0,0.26);
            overflow: hidden;
            transition: grid-template-columns 0.2s ease;
          }
          .admin-sidebar {
            --admin-nav-row-height: 64px;
            --admin-nav-icon-box: 40px;
            --admin-nav-collapsed-icon-box: 44px;
            position: relative;
            align-self: stretch;
            display: grid;
            align-content: start;
            grid-auto-rows: max-content;
            gap: 8px;
            background: #1b222b;
            border: 0;
            border-right: 1px solid rgba(255,255,255,0.07);
            border-radius: 0;
            padding: 24px 0 20px 16px;
          }
          .admin-sidebar-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            padding: 0 16px 18px 2px;
            margin: 0 0 18px;
            border-bottom: 0;
            z-index: 2;
          }
          .admin-sidebar-brand {
            min-width: 0;
            display: flex;
            align-items: center;
            gap: 10px;
            color: #fff7ef;
            white-space: nowrap;
          }
          .admin-sidebar-brand-mark {
            display: grid;
            width: 38px;
            height: 38px;
            place-items: center;
            border-radius: 12px;
            background: linear-gradient(180deg, #ffad5c, #ff8317);
            color: #0d0f13;
            font-size: 18px;
            font-weight: 950;
            box-shadow: 0 12px 28px rgba(255, 138, 31, 0.22);
          }
          .admin-sidebar-brand > span:last-child {
            display: grid;
            gap: 2px;
            min-width: 0;
          }
          .admin-sidebar-brand-main {
            font-size: 15px;
            font-weight: 900;
            letter-spacing: 0;
          }
          .admin-sidebar-brand-muted {
            display: block;
            font-size: 13px;
            font-weight: 800;
            color: rgba(245, 242, 234, 0.48);
          }
          .admin-sidebar-toggle {
            width: 38px;
            height: 38px;
            border-radius: 14px;
            border: 1px solid rgba(255, 177, 104, 0.12);
            background: rgba(255,255,255,0.045);
            color: #fff7ef;
            display: grid;
            place-items: center;
            font-size: 22px;
            font-weight: 900;
            line-height: 1;
            cursor: pointer;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
            transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
          }
          .admin-sidebar-toggle:hover {
            background: rgba(255,255,255,0.08);
            border-color: rgba(255, 177, 104, 0.22);
            transform: translateY(-1px);
          }
          .admin-sidebar-toggle:focus-visible {
            outline: 2px solid rgba(242, 139, 58, 0.32);
            outline-offset: 2px;
          }
          .admin-nav {
            display: grid;
            gap: 6px;
            padding-right: 0;
            position: sticky;
            top: 16px;
            align-self: start;
          }
          .admin-nav-btn {
            width: 100%;
            min-height: var(--admin-nav-row-height);
            height: var(--admin-nav-row-height);
            padding: 10px 16px 10px 14px;
            border-radius: 18px 0 0 18px;
            border: 1px solid transparent;
            background: transparent;
            color: #f5f2ea;
            display: grid;
            grid-template-columns: var(--admin-nav-icon-box) minmax(0, 1fr) 12px;
            align-items: center;
            gap: 12px;
            font-size: 14px;
            font-weight: 700;
            line-height: 1.15;
            text-align: left;
            cursor: pointer;
            position: relative;
            overflow: visible;
            z-index: 0;
            transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
          }
          .admin-nav-btn:hover {
            background: rgba(255,255,255,0.04);
            color: #ffffff;
            transform: translateX(1px);
          }
          .admin-nav-btn:hover::before,
          .admin-nav-btn.active::before {
            opacity: 1;
          }
          .admin-nav-btn:focus-visible {
            outline: 2px solid rgba(242, 139, 58, 0.26);
            outline-offset: 2px;
          }
          .admin-nav-btn::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: inherit;
            background: linear-gradient(90deg, rgba(242, 139, 58, 0.08) 0%, rgba(242, 139, 58, 0) 46%);
            opacity: 0;
            transition: opacity 0.18s ease;
            pointer-events: none;
          }
          .admin-nav-btn::after {
            content: "";
            position: absolute;
            top: 8px;
            right: -12px;
            width: 12px;
            bottom: 8px;
            background: transparent;
            border-top: 1px solid transparent;
            border-bottom: 1px solid transparent;
            border-radius: 0 10px 10px 0;
            opacity: 0;
            transition: background 0.18s ease, border-color 0.18s ease, opacity 0.18s ease;
          }
          .admin-nav-btn-icon {
            width: var(--admin-nav-icon-box);
            height: var(--admin-nav-icon-box);
            border-radius: 14px;
            display: grid;
            place-items: center;
            background: linear-gradient(180deg, rgba(242, 139, 58, 0.11) 0%, rgba(105, 71, 139, 0.24) 100%);
            border: 1px solid rgba(255, 177, 104, 0.08);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
            color: rgba(255, 214, 171, 0.92);
          }
          .admin-nav-btn-icon svg {
            width: 18px;
            height: 18px;
            stroke: currentColor;
            fill: none;
            stroke-width: 1.8;
            stroke-linecap: round;
            stroke-linejoin: round;
          }
          .admin-nav-btn-label {
            min-width: 0;
            display: block;
          }
          .admin-nav-btn-arrow {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 17px;
            line-height: 1;
            color: rgba(245, 242, 234, 0.26);
            transition: color 0.18s ease, transform 0.18s ease;
          }
          .admin-nav-btn.hidden {
            display: none;
          }
          .admin-nav-btn.active {
            width: 100%;
            margin-right: 0;
            background: linear-gradient(180deg, rgba(40, 29, 53, 0.98) 0%, rgba(31, 22, 45, 0.98) 100%);
            color: #fff7ef;
            border-color: rgba(124, 93, 59, 0.58);
            border-right-color: transparent;
            box-shadow: inset 4px 0 0 #ff9e52, 0 14px 28px rgba(0,0,0,0.18);
            z-index: 1;
          }
          .admin-nav-btn.active::after {
            opacity: 0;
          }
          .admin-nav-btn.active .admin-nav-btn-icon {
            background: linear-gradient(180deg, rgba(255, 162, 93, 0.26) 0%, rgba(126, 76, 39, 0.32) 100%);
            border-color: rgba(255, 187, 119, 0.2);
            color: #ffd7ae;
          }
          .admin-nav-btn.active .admin-nav-btn-arrow {
            color: #ffbe83;
            transform: translateX(2px);
          }
          .admin-layout.admin-sidebar-collapsed {
            grid-template-columns: 82px minmax(0, 1fr);
          }
          .admin-layout.admin-sidebar-collapsed .admin-sidebar {
            padding: 18px 10px;
          }
          .admin-layout.admin-sidebar-collapsed .admin-sidebar-head {
            justify-content: center;
            padding: 0 0 12px;
            margin-bottom: 8px;
          }
          .admin-layout.admin-sidebar-collapsed .admin-sidebar-brand {
            display: none;
          }
          .admin-layout.admin-sidebar-collapsed .admin-sidebar-toggle {
            width: 48px;
            height: 48px;
            border-radius: 16px;
          }
          .admin-layout.admin-sidebar-collapsed .admin-nav {
            gap: 6px;
            padding-right: 0;
          }
          .admin-layout.admin-sidebar-collapsed .admin-nav-btn:not(.admin-nav-primary) {
            display: none;
          }
          .admin-layout.admin-sidebar-collapsed .admin-nav-btn {
            width: 48px;
            min-height: var(--admin-nav-row-height);
            height: var(--admin-nav-row-height);
            margin: 0 auto;
            padding: 0;
            grid-template-columns: 1fr;
            justify-items: center;
            border-radius: 16px;
            border-color: transparent;
            background: transparent;
            box-shadow: none;
            text-align: center;
          }
          .admin-layout.admin-sidebar-collapsed .admin-nav-btn:hover {
            transform: translateY(-1px);
          }
          .admin-layout.admin-sidebar-collapsed .admin-nav-btn::after,
          .admin-layout.admin-sidebar-collapsed .admin-nav-btn-label,
          .admin-layout.admin-sidebar-collapsed .admin-nav-btn-arrow {
            display: none;
          }
          .admin-layout.admin-sidebar-collapsed .admin-nav-btn.active {
            background: linear-gradient(180deg, #ffb06f 0%, #f28b3a 100%);
            border-color: rgba(255, 195, 143, 0.22);
            box-shadow: 0 12px 24px rgba(242, 139, 58, 0.22), inset 1px 1px 0 rgba(255,255,255,0.18);
          }
          .admin-layout.admin-sidebar-collapsed .admin-nav-btn-icon {
            width: var(--admin-nav-collapsed-icon-box);
            height: var(--admin-nav-collapsed-icon-box);
            border-radius: 14px;
          }
          .admin-layout.admin-sidebar-collapsed .admin-nav-btn.active .admin-nav-btn-icon {
            background: transparent;
            border-color: transparent;
            box-shadow: none;
            color: #201109;
          }
          .admin-content {
            display: grid;
            gap: 18px;
            align-content: start;
            min-width: 0;
            width: 100%;
            padding: 22px 22px 24px;
            background: #171d24;
            border-radius: 0;
          }
          .admin-content .panel { width: 100%; }
          .admin-content > .panel.admin-section {
            background: transparent;
            border: 0;
            border-radius: 0;
            padding: 0;
            box-shadow: none;
          }
          .admin-section.hidden { display: none; }
          .admin-settings-ux-controls {
            margin: 10px 0 18px;
            padding: 16px;
            border-radius: 18px;
            border: 1px solid rgba(255, 255, 255, 0.07);
            background: rgba(24, 30, 37, 0.82);
            display: grid;
            gap: 14px;
            position: sticky;
            top: 8px;
            z-index: 12;
            backdrop-filter: blur(12px);
            box-shadow: 0 18px 42px rgba(0, 0, 0, 0.20);
          }
          .admin-settings-ux-controls.loyalty-settings-ux {
            position: static;
            top: auto;
          }
          .admin-settings-tabs {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
          }
          .admin-settings-tabs-wrap {
            display: grid;
            gap: 6px;
          }
          .admin-settings-tabs-wrap.hidden {
            display: none;
          }
          .admin-settings-tabs-caption {
            font-size: 11px;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: rgba(174, 184, 194, 0.86);
          }
          .admin-settings-tabs.sections .admin-settings-tab {
            font-size: 14px;
            padding: 9px 14px;
          }
          .admin-settings-tab {
            border: 1px solid rgba(255, 255, 255, 0.07);
            background: #20262e;
            color: #f5f2ea;
            border-radius: 999px;
            font-size: 14.3px;
            padding: 9px 14px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 38px;
            width: auto;
            min-width: 0;
            flex: 0 0 auto;
            line-height: 1;
            white-space: nowrap;
            cursor: pointer;
            position: relative;
          }
          .admin-settings-tab.active {
            border-color: rgba(255, 160, 90, 0.72);
            background: linear-gradient(180deg, #ffad69, #f28b3a);
            color: #211307;
            box-shadow: 0 10px 22px rgba(242, 139, 58, 0.20);
          }
          .admin-settings-tab.dirty::after {
            content: "";
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #f28b3a;
            position: absolute;
            top: -2px;
            right: -2px;
            box-shadow: 0 0 0 2px rgba(33, 25, 43, 0.95);
          }
          #adminContentUxControls {
            margin: 0 0 2px;
            padding: 8px 14px;
            gap: 4px;
            position: static;
            top: auto;
            align-self: start;
          }
          #adminContentTabs {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 8px;
          }
          #adminContentTabs .admin-settings-tab {
            font-size: 14px;
            padding: 8px 14px;
          }
          #adminContentTabs .admin-settings-tab.hidden {
            display: none;
          }
          .content-section-tabs {
            width: fit-content;
            max-width: 100%;
            padding: 4px;
            border-radius: 18px;
            background: rgba(7, 11, 16, 0.48);
            border-color: rgba(255, 255, 255, 0.1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
          }
          .content-section-tabs .admin-settings-tab {
            min-height: 40px;
            padding: 0 18px;
            border-radius: 14px;
          }
          .admin-config-block {
            border: 1px solid rgba(255, 255, 255, 0.07);
            border-radius: 18px;
            background: rgba(21, 26, 32, 0.62);
            margin: 14px 0;
            overflow: hidden;
          }
          .admin-config-block.loyalty-config-block {
            border: 0;
            border-radius: 0;
            background: transparent;
            margin: 0;
            overflow: visible;
          }
          .admin-config-block.loyalty-config-block .admin-config-block-header {
            display: none;
          }
          .admin-config-block.loyalty-config-block .admin-config-block-body {
            padding: 0;
          }
          .admin-config-block-header {
            width: 100%;
            border: 0;
            border-bottom: 1px solid rgba(106, 86, 53, 0.45);
            background: rgba(31, 37, 45, 0.85);
            color: #f5f2ea;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 0.3px;
            padding: 10px 12px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            text-align: left;
          }
          .admin-config-block-title {
            text-transform: uppercase;
            color: #cfbea4;
          }
          .admin-config-block-chevron {
            color: rgba(245, 242, 234, 0.75);
            transition: transform .2s ease;
          }
          .admin-config-block-body {
            padding: 12px;
          }
          .admin-config-block-body .panel-subtitle {
            margin-top: 0;
          }
          .admin-config-block.collapsed .admin-config-block-body {
            display: none;
          }
          .admin-config-block.collapsed .admin-config-block-chevron {
            transform: rotate(-90deg);
          }
          .admin-config-block.dirty {
            border-color: rgba(242, 139, 58, 0.82);
            box-shadow: 0 0 0 1px rgba(242, 139, 58, 0.24) inset;
          }
          .admin-config-block.hidden-by-search {
            display: none;
          }
          .admin-config-block.hidden-by-feature {
            display: none;
          }
          .admin-config-block.hidden-by-selection {
            display: none;
          }
          .admin-settings-savebar {
            display: none !important;
          }
          .admin-settings-savebar.hidden {
            display: none;
          }
          .admin-settings-savebar-label {
            font-size: 12px;
            color: rgba(245, 242, 234, 0.88);
            max-width: 320px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
          .admin-settings-savebar .btn {
            width: auto;
            min-width: 0;
            margin: 0;
            padding: 8px 12px;
            border-radius: 999px;
          }
          .admin-settings-search-empty {
            font-size: 11px;
            color: rgba(245, 242, 234, 0.68);
          }
          @media (max-width: 1100px) {
            .admin-settings-savebar {
              left: 16px;
              right: 16px;
            }
          }
          .card {
            width: 100%;
            max-width: 420px;
            background: rgba(33, 25, 43, 0.85);
            border: 1px solid rgba(106, 86, 53, 0.6);
            border-radius: 16px;
            padding: 22px;
            box-shadow: 0 18px 50px rgba(0,0,0,0.45);
            text-align: center;
          }
          .panel {
            background: rgba(33, 25, 43, 0.85);
            border: 1px solid rgba(106, 86, 53, 0.6);
            border-radius: 16px;
            padding: 22px;
            box-shadow: 0 18px 50px rgba(0,0,0,0.45);
          }
          .panel-title {
            margin: 0 0 14px;
            font-size: 16px;
            font-weight: 700;
          }
          .panel-subtitle {
            margin: 16px 0 8px;
            font-size: 11px;
            letter-spacing: 0.6px;
            text-transform: uppercase;
            color: #cbbfa9;
          }
          .label {
            display: block;
            margin: 12px 0 6px;
            font-size: 12px;
            color: #cbbfa9;
          }
          .hint {
            margin-top: 8px;
            font-size: 12px;
            color: rgba(245, 242, 234, 0.7);
          }
          .field {
            width: 100%;
            padding: 10px 12px;
            border-radius: 10px;
            border: 1px solid rgba(106, 86, 53, 0.6);
            background: #1b1b21;
            color: #f5f2ea;
          }
          textarea.field { min-height: 92px; resize: vertical; }
          .settings-grid {
            display: grid;
            gap: 10px;
            align-items: start;
          }
          .settings-grid.grid-4 { grid-template-columns: repeat(4, minmax(110px, 1fr)); }
          .settings-grid.grid-3 { grid-template-columns: repeat(3, minmax(120px, 1fr)); }
          .settings-grid.grid-2 { grid-template-columns: repeat(2, minmax(120px, 1fr)); }
          .settings-grid.grid-1 { grid-template-columns: repeat(1, minmax(120px, 1fr)); }
          .field-label { font-size: 11px; color: var(--muted); text-align: left; }
          .code {
            margin-top: 10px;
            background: #15151a;
            border: 1px solid #2a2116;
            border-radius: 10px;
            padding: 10px;
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 12px;
            word-break: break-all;
            white-space: pre-wrap;
          }
          .client-card-search-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 12px;
            align-items: end;
          }
          .client-card-result {
            margin-top: 14px;
          }
          .client-card-empty {
            padding: 22px;
            border-radius: 14px;
            border: 1px dashed rgba(242, 139, 58, 0.28);
            background: rgba(27, 22, 36, 0.72);
            color: rgba(245, 242, 234, 0.7);
            font-size: 13px;
            line-height: 1.5;
            text-align: center;
          }
          .client-card-empty.compact {
            padding: 14px;
            min-height: 0;
          }
          .client-card-shell {
            display: grid;
            gap: 14px;
            padding: 16px;
            border-radius: 16px;
            border: 1px solid rgba(242, 139, 58, 0.18);
            background: linear-gradient(180deg, rgba(23, 19, 31, 0.96), rgba(20, 16, 27, 0.96));
          }
          .client-card-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 12px;
            flex-wrap: wrap;
          }
          .client-card-title {
            margin: 0;
            font-size: 24px;
            line-height: 1.1;
            font-weight: 800;
            color: #f5f2ea;
          }
          .client-card-sub {
            margin-top: 6px;
            font-size: 13px;
            color: rgba(245, 242, 234, 0.72);
          }
          .client-card-badges,
          .client-card-flags,
          .client-card-channel-row {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
          }
          .client-card-badge,
          .client-card-flag {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 28px;
            padding: 6px 10px;
            border-radius: 999px;
            border: 1px solid rgba(245, 242, 234, 0.14);
            background: rgba(245, 242, 234, 0.06);
            color: #f5f2ea;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.02em;
          }
          .client-card-badge.good,
          .client-card-flag.yes {
            background: rgba(36, 210, 108, 0.14);
            border-color: rgba(36, 210, 108, 0.4);
            color: #9ef0bc;
          }
          .client-card-badge.warn {
            background: rgba(242, 139, 58, 0.14);
            border-color: rgba(242, 139, 58, 0.42);
            color: #ffbe86;
          }
          .client-card-badge.danger {
            background: rgba(255, 82, 82, 0.15);
            border-color: rgba(255, 82, 82, 0.45);
            color: #ff9a9a;
          }
          .client-card-badge.muted,
          .client-card-flag.no {
            color: rgba(245, 242, 234, 0.82);
          }
          .client-card-stats {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 10px;
          }
          .client-card-stat {
            display: grid;
            gap: 6px;
            padding: 14px;
            border-radius: 14px;
            border: 1px solid rgba(242, 139, 58, 0.14);
            background: rgba(36, 28, 47, 0.72);
          }
          .client-card-stat-label {
            font-size: 12px;
            color: rgba(245, 242, 234, 0.68);
          }
          .client-card-stat-value {
            font-size: 24px;
            line-height: 1.05;
            font-weight: 800;
            color: #f5f2ea;
          }
          .client-card-sections {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 12px;
          }
          .client-card-section {
            display: grid;
            gap: 10px;
            padding: 14px;
            border-radius: 14px;
            border: 1px solid rgba(242, 139, 58, 0.14);
            background: rgba(36, 28, 47, 0.56);
          }
          .client-card-section-title {
            font-size: 13px;
            font-weight: 800;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            color: #ffbe86;
          }
          .client-card-meta-grid {
            display: grid;
            gap: 8px;
          }
          .client-card-meta-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            font-size: 13px;
            color: rgba(245, 242, 234, 0.78);
          }
          .client-card-meta-row strong {
            color: #f5f2ea;
            font-weight: 700;
            text-align: right;
          }
          .client-card-list {
            display: grid;
            gap: 8px;
            max-height: 252px;
            overflow-y: auto;
            padding-right: 4px;
          }
          .client-card-row {
            display: grid;
            gap: 4px;
            padding: 10px 12px;
            border-radius: 12px;
            border: 1px solid rgba(245, 242, 234, 0.08);
            background: rgba(18, 15, 24, 0.7);
          }
          .client-card-row-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
          }
          .client-card-row-title {
            font-size: 13px;
            font-weight: 700;
            color: #f5f2ea;
          }
          .client-card-row-sub {
            font-size: 12px;
            color: rgba(245, 242, 234, 0.66);
            line-height: 1.4;
          }
          .client-card-order-group {
            display: grid;
            gap: 8px;
          }
          .client-card-order-heading {
            font-size: 12px;
            font-weight: 800;
            color: rgba(245, 242, 234, 0.78);
          }
          .feedback-admin-list {
            display: grid;
            gap: 12px;
            max-height: 620px;
            overflow-y: auto;
            padding-right: 4px;
          }
          .feedback-admin-actions {
            display: flex;
            align-items: center;
            gap: 10px;
          }
          .feedback-routing-open-btn {
            min-width: 52px;
            width: 52px;
            height: 52px;
            padding: 0;
            display: inline-flex;
            align-items: center;
            justify-content: center;
          }
          .map-reviews-open-btn {
            min-width: 52px;
            width: 52px;
            height: 52px;
            padding: 0;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(124, 97, 52, 0.6);
            border-radius: 999px;
            background: transparent;
            box-shadow: none;
            color: #fff;
          }
          .map-reviews-open-btn:hover,
          .map-reviews-open-btn:focus-visible {
            background: transparent;
            border-color: rgba(124, 97, 52, 0.85);
            box-shadow: none;
            color: #fff;
          }
          .map-reviews-open-btn .admin-nav-btn-icon {
            width: 18px;
            height: 18px;
            color: #fff;
          }
          .feedback-routing-open-icon {
            width: 30px;
            height: 30px;
            background: currentColor;
            mask: url("/static/notification.png") no-repeat center / contain;
            -webkit-mask: url("/static/notification.png") no-repeat center / contain;
          }
          .feedback-admin-toolbar {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
            gap: 16px;
            align-items: end;
            margin-bottom: 14px;
            padding: 10px 0 2px;
          }
          .feedback-admin-summary-line {
            display: flex;
            align-items: baseline;
            gap: 12px;
            flex-wrap: wrap;
          }
          .feedback-admin-summary-label {
            font-size: 11px;
            color: rgba(245, 242, 234, 0.62);
            text-transform: uppercase;
            letter-spacing: 0.04em;
          }
          .feedback-admin-average-value {
            font-size: 40px;
            line-height: 0.95;
            font-weight: 900;
            color: #f5f2ea;
          }
          .feedback-admin-summary-meta {
            font-size: 12px;
            color: rgba(245, 242, 234, 0.68);
          }
          .feedback-admin-filter-block {
            display: grid;
            gap: 8px;
            justify-items: end;
          }
          .feedback-rating-select {
            position: relative;
            min-width: 240px;
          }
          .feedback-rating-select[open] {
            z-index: 6;
          }
          .feedback-rating-select > summary {
            list-style: none;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            min-height: 52px;
            padding: 0 18px;
            border-radius: 16px;
            border: 1px solid rgba(106, 86, 53, 0.6);
            background: rgba(28, 22, 38, 0.96);
            color: #f5f2ea;
            font-size: 13px;
            font-weight: 700;
            cursor: pointer;
          }
          .feedback-rating-select > summary::-webkit-details-marker {
            display: none;
          }
          .feedback-rating-select > summary::after {
            content: "";
            width: 12px;
            height: 12px;
            flex: 0 0 12px;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 12px 12px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23f5f2ea' d='M6 8.5L2.2 4.7l.8-.8L6 6.9l3-3 .8.8z'/%3E%3C/svg%3E");
            opacity: 0.9;
          }
          .feedback-rating-dropdown {
            position: absolute;
            top: calc(100% + 8px);
            right: 0;
            width: 280px;
            display: grid;
            gap: 8px;
            padding: 12px;
            border-radius: 16px;
            border: 1px solid rgba(106, 86, 53, 0.6);
            background: rgba(28, 22, 38, 0.98);
            box-shadow: 0 18px 40px rgba(0,0,0,0.38);
          }
          .feedback-rating-option {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            min-height: 42px;
            padding: 0 12px;
            border-radius: 12px;
            background: rgba(255,255,255,0.03);
            border: 1px solid rgba(255,255,255,0.05);
            color: #f5f2ea;
            cursor: pointer;
          }
          .feedback-rating-option input,
          .feedback-routing-admin-item input,
          .feedback-routing-operator input {
            accent-color: #ff9a2f;
          }
          .feedback-rating-hint {
            font-size: 11px;
            color: rgba(245, 242, 234, 0.52);
            line-height: 1.4;
          }
          .feedback-routing-modal-card {
            max-width: 1140px;
          }
          #feedbackRoutingModal {
            align-items: flex-start;
            overflow-y: auto;
            padding: 18px;
          }
          #feedbackRoutingModal .feedback-routing-modal-card {
            max-height: calc(100vh - 36px);
            overflow-y: auto;
            overscroll-behavior: contain;
          }
          .feedback-routing-list {
            display: grid;
            gap: 10px;
            margin: 14px 0 10px;
            max-height: none;
            overflow-y: auto;
            padding-right: 4px;
          }
          .feedback-routing-row {
            display: grid;
            grid-template-columns: 88px minmax(0, 1fr) 220px;
            gap: 12px;
            align-items: start;
            padding: 12px 14px;
            border-radius: 14px;
            border: 1px solid rgba(245, 242, 234, 0.08);
            background: rgba(16, 13, 22, 0.76);
          }
          .feedback-routing-rating {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 42px;
            border-radius: 12px;
            border: 1px solid rgba(242, 139, 58, 0.24);
            background: rgba(242, 139, 58, 0.08);
            color: #ffcc97;
            font-size: 18px;
            font-weight: 800;
          }
          .feedback-routing-admins {
            display: grid;
            gap: 8px;
            grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
          }
          .feedback-routing-admin-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            padding: 8px 10px;
            border-radius: 12px;
            background: rgba(255,255,255,0.03);
            border: 1px solid rgba(255,255,255,0.05);
            font-size: 12px;
            color: rgba(245, 242, 234, 0.86);
          }
          .feedback-routing-admin-item label {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            cursor: pointer;
          }
          .feedback-routing-admin-meta {
            color: rgba(245, 242, 234, 0.5);
            font-size: 11px;
          }
          .feedback-routing-operator {
            display: flex;
            align-items: center;
            min-height: 42px;
          }
          .feedback-routing-operator label {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: rgba(245, 242, 234, 0.86);
            font-size: 13px;
            cursor: pointer;
          }
          #feedbackRoutingModal .profile-admin-inline-actions {
            position: sticky;
            bottom: -22px;
            z-index: 3;
            margin: 12px -22px -22px;
            padding: 14px 22px 18px;
            background: rgba(21, 26, 32, 0.97);
            border-top: 1px solid rgba(255,255,255,0.08);
          }
          .order-routing-modal-card {
            max-width: 980px;
          }
          .order-routing-list {
            display: grid;
            gap: 8px;
            margin: 14px 0 10px;
            max-height: min(44vh, 360px);
            overflow-y: auto;
            padding-right: 4px;
          }
          .order-routing-extra {
            display: grid;
            gap: 8px;
            margin-top: 12px;
          }
          .order-routing-extra .field {
            min-height: 96px;
          }
          .order-routing-note {
            font-size: 11px;
            color: rgba(245, 242, 234, 0.54);
            line-height: 1.45;
          }
          .feedback-admin-card {
            display: grid;
            gap: 14px;
            padding: 16px;
            border-radius: 16px;
            border: 1px solid rgba(242, 139, 58, 0.16);
            background: linear-gradient(180deg, rgba(31, 37, 45, 0.96), rgba(21, 26, 32, 0.96));
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
          }
          .feedback-admin-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 12px;
            flex-wrap: wrap;
          }
          .feedback-admin-date {
            font-size: 15px;
            line-height: 1.2;
            font-weight: 800;
            color: #f5f2ea;
          }
          .feedback-admin-userline {
            margin-top: 6px;
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
            color: rgba(245, 242, 234, 0.76);
            font-size: 12px;
          }
          .feedback-admin-userline strong {
            color: #f5f2ea;
            font-weight: 700;
          }
          .feedback-admin-status {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 30px;
            padding: 6px 12px;
            border-radius: 999px;
            border: 1px solid rgba(245, 242, 234, 0.16);
            background: rgba(245, 242, 234, 0.06);
            color: #f5f2ea;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.04em;
            text-transform: uppercase;
          }
          .feedback-admin-status.new {
            color: #f5f2ea;
            border-color: rgba(245, 242, 234, 0.16);
            background: rgba(245, 242, 234, 0.06);
          }
          .feedback-admin-status.in-progress {
            color: #ffcc97;
            border-color: rgba(242, 139, 58, 0.34);
            background: rgba(242, 139, 58, 0.12);
          }
          .feedback-admin-status.closed {
            color: #9ef0bc;
            border-color: rgba(36, 210, 108, 0.34);
            background: rgba(36, 210, 108, 0.12);
          }
          .feedback-admin-metrics {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
            gap: 10px;
          }
          .feedback-admin-metric {
            display: grid;
            gap: 4px;
            padding: 12px 14px;
            border-radius: 14px;
            border: 1px solid rgba(242, 139, 58, 0.12);
            background: rgba(36, 28, 47, 0.58);
          }
          .feedback-admin-metric-label {
            font-size: 11px;
            color: rgba(245, 242, 234, 0.62);
            text-transform: uppercase;
            letter-spacing: 0.04em;
          }
          .feedback-admin-metric-value {
            font-size: 20px;
            line-height: 1.1;
            font-weight: 800;
            color: #f5f2ea;
          }
          .feedback-admin-review {
            padding: 14px 16px;
            border-radius: 14px;
            border: 1px solid rgba(245, 242, 234, 0.08);
            background: rgba(16, 13, 22, 0.76);
          }
          .feedback-admin-review-label {
            margin-bottom: 8px;
            font-size: 11px;
            color: rgba(245, 242, 234, 0.58);
            text-transform: uppercase;
            letter-spacing: 0.04em;
          }
          .feedback-admin-review-text {
            font-size: 14px;
            line-height: 1.55;
            color: #f5f2ea;
            white-space: pre-wrap;
            word-break: break-word;
          }
          .feedback-admin-photo-row {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
          }
          .feedback-admin-photo-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 34px;
            padding: 0 14px;
            border-radius: 999px;
            border: 1px solid rgba(242, 139, 58, 0.32);
            background: rgba(242, 139, 58, 0.08);
            color: #ffbe86;
            font-size: 12px;
            font-weight: 700;
            text-decoration: none;
          }
          .feedback-admin-photo-empty {
            font-size: 12px;
            color: rgba(245, 242, 234, 0.54);
          }
          .feedback-admin-tools {
            display: grid;
            grid-template-columns: minmax(180px, 220px) minmax(0, 1fr) auto;
            gap: 12px;
            align-items: end;
          }
          .feedback-admin-tools .field,
          .feedback-admin-save {
            box-sizing: border-box;
            min-height: 52px;
            height: 52px;
            margin-bottom: 0;
          }
          .feedback-admin-comment-wrap {
            display: grid;
            gap: 6px;
          }
          .feedback-admin-comment {
            resize: none;
            line-height: 1.2;
          }
          .feedback-admin-save {
            width: auto;
            min-width: 180px;
            margin: 0;
            align-self: end;
            border-radius: 14px;
            border: 1px solid #ff9a55;
            background: linear-gradient(120deg, #f26522, #ff9a2f);
            color: #2b1105;
            font-size: 15px;
            font-weight: 800;
            box-shadow: 0 10px 24px rgba(242, 101, 34, 0.24);
          }
          #feedbackPanel select.field {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            padding-right: 40px;
            background-repeat: no-repeat;
            background-position: right 21px center;
            background-size: 12px 12px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23f5f2ea' d='M6 8.5L2.2 4.7l.8-.8L6 6.9l3-3 .8.8z'/%3E%3C/svg%3E");
          }
          #feedbackPanel select.field::-ms-expand {
            display: none;
          }
          @media (max-width: 980px) {
            .feedback-routing-row {
              grid-template-columns: 1fr;
            }
            .feedback-admin-toolbar {
              grid-template-columns: 1fr;
            }
            .feedback-admin-filter-block {
              justify-items: start;
            }
            .feedback-rating-select {
              width: 100%;
            }
            .feedback-rating-dropdown {
              left: 0;
              right: auto;
              width: min(100%, 320px);
            }
            .feedback-admin-tools {
              grid-template-columns: 1fr;
            }
            .feedback-admin-save {
              width: 100%;
            }
          }

          /* Messages workspace uses light SDA admin surfaces. */
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel :is(
            .broadcast-editor-card,
            .broadcast-review-card,
            .broadcast-locale-card,
            .broadcast-setting-card,
            .broadcast-step,
            .broadcast-collapsible,
            .broadcast-report-card,
            .broadcast-report-host,
            .broadcast-schedule-row
          ) {
            border-color: #dfe4ea !important;
            background: #ffffff !important;
            color: #202833 !important;
            box-shadow: 0 8px 24px rgba(26, 39, 53, 0.055) !important;
          }
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel :is(
            .broadcast-editor-card,
            .broadcast-review-card,
            .broadcast-locale-card,
            .broadcast-setting-card,
            .broadcast-step,
            .broadcast-collapsible,
            .broadcast-report-card,
            .broadcast-preview-locale-card
          )::before {
            display: none !important;
            content: none !important;
          }
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel :is(
            .profile-admin-setting-title,
            .broadcast-preview-title,
            .broadcast-schedule-text,
            .broadcast-report-label,
            .broadcast-report-value
          ) { color: #202833 !important; }
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel :is(
            .profile-admin-setting-summary,
            .broadcast-summary-note,
            .broadcast-preview-text,
            .broadcast-estimate-row,
            .broadcast-action-summary,
            .hint
          ) { color: #66717e !important; }
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel :is(
            .field,
            select.field,
            textarea.field
          ) {
            border-color: #d8dee6 !important;
            background: #ffffff !important;
            color: #202833 !important;
            box-shadow: inset 0 1px 2px rgba(26, 39, 53, 0.04) !important;
          }
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel :is(
            .broadcast-step-btn,
            .broadcast-mode-chip,
            .broadcast-preview-tab,
            .broadcast-collapse-btn
          ) {
            border-color: #d8dee6 !important;
            background: #f7f9fb !important;
            color: #344052 !important;
          }
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel :is(
            .broadcast-step-btn,
            .broadcast-preview-tab
          ).active {
            border-color: #ef9b4d !important;
            background: #fff3e8 !important;
            color: #a95113 !important;
          }
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel .broadcast-action-bar {
            border-color: #f1c69f !important;
            background: rgba(255, 250, 245, 0.98) !important;
            box-shadow: 0 12px 28px rgba(26, 39, 53, 0.12) !important;
          }
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel :is(
            .broadcast-preview,
            .broadcast-preview-locale-card,
            .broadcast-preview-photo
          ) {
            border-color: #dfe4ea !important;
            background: #f8fafc !important;
            color: #202833 !important;
            box-shadow: none !important;
          }
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel .broadcast-preview-photo.empty::before {
            color: #7a8591 !important;
          }
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel .broadcast-estimate-badge,
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel .broadcast-locale-badge {
            border-color: #efb37e !important;
            background: #fff3e8 !important;
            color: #a95113 !important;
          }
          body:has(#adminPanels:not(.hidden)) .broadcast-modal-card {
            border-color: #dfe4ea !important;
            background: #ffffff !important;
            color: #202833 !important;
            box-shadow: 0 26px 70px rgba(26, 39, 53, 0.18) !important;
          }
          body:has(#adminPanels:not(.hidden)) .broadcast-modal-card::before {
            display: none !important;
            content: none !important;
          }
          body:has(#adminPanels:not(.hidden)) .broadcast-modal-card :is(
            .profile-admin-setting-card,
            .broadcast-modal-section,
            .broadcast-step,
            .broadcast-collapsible
          ) {
            border-color: #dfe4ea !important;
            background: #f8fafc !important;
            color: #202833 !important;
            box-shadow: none !important;
          }
          body:has(#adminPanels:not(.hidden)) .broadcast-modal-card :is(
            .modal-title,
            .profile-admin-setting-title,
            .label,
            .field-label
          ) { color: #344052 !important; }
          body:has(#adminPanels:not(.hidden)) .broadcast-modal-card :is(
            .modal-text,
            .profile-admin-setting-summary,
            .hint
          ) { color: #66717e !important; }
          body:has(#adminPanels:not(.hidden)) .broadcast-modal-card :is(.field, select.field, textarea.field) {
            border-color: #d8dee6 !important;
            background: #ffffff !important;
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) #broadcastAudienceModal .profile-admin-inline-actions {
            border-top-color: #e3e7eb !important;
            background: rgba(255, 255, 255, 0.98) !important;
          }
          body:has(#adminPanels:not(.hidden)) .specials-duration-fields {
            margin-top: 16px;
          }
          .client-card-amount {
            font-size: 13px;
            font-weight: 800;
            color: #f5f2ea;
            white-space: nowrap;
          }
          .client-card-amount.positive { color: #9ef0bc; }
          .client-card-amount.negative { color: #ff9a9a; }
          .client-card-tools {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 12px;
            margin-top: 18px;
          }
          .client-card-tool {
            display: grid;
            gap: 8px;
            padding: 16px;
            border-radius: 16px;
            border: 1px solid rgba(106, 86, 53, 0.35);
            background: rgba(28, 23, 38, 0.74);
          }
          .client-card-frontpad {
            margin-top: 8px;
          }
          .client-card-status-grid {
            display: grid;
            gap: 8px;
          }
          .client-card-status-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 8px 10px;
            border-radius: 10px;
            background: rgba(18, 15, 24, 0.72);
            border: 1px solid rgba(245, 242, 234, 0.06);
            font-size: 12px;
            color: rgba(245, 242, 234, 0.68);
          }
          .client-card-status-row strong {
            color: #f5f2ea;
            text-align: right;
            word-break: break-word;
          }
          .client-card-alert {
            padding: 10px 12px;
            border-radius: 12px;
            border: 1px solid rgba(255, 105, 105, 0.28);
            background: rgba(85, 27, 27, 0.25);
            color: #ffb1b1;
            font-size: 12px;
            line-height: 1.4;
          }
          .client-card-channel {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 10px 12px;
            border-radius: 12px;
            border: 1px solid rgba(106, 86, 53, 0.45);
            background: rgba(18, 15, 24, 0.7);
            color: #f5f2ea;
            font-size: 12px;
          }
          .client-card-channel input {
            margin: 0;
          }
          .client-voucher-reminder-list {
            display: grid;
            gap: 8px;
            margin-top: 10px;
          }
          .client-voucher-reminder-option {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 10px 12px;
            border-radius: 12px;
            border: 1px solid rgba(106, 86, 53, 0.45);
            background: rgba(18, 15, 24, 0.7);
            color: #f5f2ea;
            font-size: 12px;
          }
          .client-voucher-reminder-option input {
            margin: 0;
          }
          .client-card-mono {
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
          }
          .analytics-grid { display: grid; gap: 10px; margin-top: 10px; }
          .analytics-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
          .analytics-card {
            border: 1px solid rgba(160, 152, 182, 0.24);
            border-radius: 14px;
            background: #191724;
            padding: 14px;
            display: grid;
            gap: 8px;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
          }
          .panel-title-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
          .panel-title-row .btn { margin: 0; padding: 8px 16px; border-radius: 999px; width: auto; min-width: 0; }
          .analytics-title { font-size: 12px; color: #d7d1e1; }
          .analytics-value { font-size: 18px; color: #f5f2ea; font-weight: 700; }
          .analytics-list { font-size: 12px; color: #c9c2d7; line-height: 1.45; }
          .analytics-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
          .analytics-pill {
            padding: 6px 10px;
            border-radius: 999px;
            border: 1px solid rgba(160, 152, 182, 0.3);
            background: #222032;
            color: var(--text);
            font-size: 11px;
            cursor: pointer;
          }
          .analytics-pill.active {
            background: #f28b3a;
            color: #2b1105;
            border-color: #ff9a55;
          }
          .bar-chart { display: grid; grid-template-columns: repeat(auto-fit, minmax(34px, 1fr)); gap: 8px; align-items: end; min-height: 120px; }
          .bar-item { display: grid; gap: 6px; align-items: end; justify-items: center; }
          .bar-track { width: 100%; height: 90px; background: #171d24; border-radius: 10px; border: 1px solid rgba(106, 86, 53, 0.6); display: flex; align-items: end; overflow: hidden; }
          .bar-fill { width: 100%; background: linear-gradient(180deg, #9dd4ff, #66b7ff); border-radius: 8px 8px 10px 10px; min-height: 6px; }
          .bar-label { font-size: 11px; color: var(--muted); text-align: center; }
          .bar-value { font-size: 11px; color: var(--text); }
          .district-chart {
            display: grid;
            gap: 8px;
            max-height: 250px;
            overflow: auto;
            padding-right: 4px;
          }
          .district-row {
            display: grid;
            grid-template-columns: minmax(90px, 1fr) 44px;
            align-items: center;
            gap: 8px;
          }
          .district-left { display: grid; gap: 4px; }
          .district-name {
            font-size: 12px;
            color: #f1edf7;
            line-height: 1.2;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
          .district-track {
            width: 100%;
            height: 10px;
            background: rgba(255, 255, 255, 0.14);
            border-radius: 999px;
            overflow: hidden;
          }
          .district-fill {
            height: 100%;
            background: linear-gradient(90deg, #8ecfff, #66b7ff);
            border-radius: 999px;
            min-width: 2px;
          }
          .district-row.none .district-fill { background: linear-gradient(90deg, #c6c7cb, #f1f2f6); }
          .district-count {
            font-size: 12px;
            color: #f1edf7;
            text-align: right;
            font-weight: 700;
          }
          .demo-chart {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 140px;
            gap: 18px;
            align-items: start;
          }
          .demo-bars {
            display: grid;
            grid-template-columns: repeat(6, minmax(0, 1fr));
            gap: 8px;
            align-items: stretch;
            min-height: 192px;
            margin-top: 2px;
            padding: 0 6px;
          }
          .demo-col {
            display: grid;
            grid-template-rows: 22px 124px 30px;
            justify-items: stretch;
            align-items: stretch;
            gap: 4px;
            padding: 0;
          }
          .demo-track {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: end;
            justify-content: stretch;
          }
          .demo-stack {
            width: 100%;
            max-width: none;
            min-height: 0;
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.08);
            position: relative;
            overflow: visible;
          }
          .demo-stack-fill {
            width: 100%;
            height: 100%;
            border-radius: 8px 8px 0 0;
          }
          .demo-stack-tooltip {
            position: absolute;
            left: 50%;
            bottom: calc(100% + 8px);
            transform: translateX(-50%);
            background: #f5f2ea;
            color: #1b1623;
            font-size: 11px;
            line-height: 1.2;
            padding: 4px 10px;
            border-radius: 999px;
            white-space: nowrap;
            opacity: 0;
            pointer-events: none;
            transition: none;
            z-index: 40;
          }
          .demo-col:hover .demo-stack-tooltip,
          .demo-col:focus-within .demo-stack-tooltip,
          .demo-stack:hover .demo-stack-tooltip,
          .demo-stack:focus-visible .demo-stack-tooltip {
            opacity: 1;
          }
          .demo-value {
            font-size: 12px;
            line-height: 1.15;
            font-weight: 700;
            color: #f1edf7;
            letter-spacing: 0;
            font-variant-numeric: tabular-nums;
            white-space: nowrap;
            text-align: center;
            display: flex;
            align-items: flex-end;
            justify-content: center;
          }
          .demo-label {
            font-size: 11px;
            font-weight: 700;
            color: #f1edf7;
            line-height: 1.1;
            text-align: center;
            white-space: nowrap;
            display: flex;
            align-items: flex-start;
            justify-content: center;
          }
          .demo-legend {
            display: grid;
            gap: 12px;
            align-content: start;
            justify-items: start;
            margin-top: 20px;
          }
          .demo-legend-item {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            color: #f1edf7;
            font-size: 12px;
            font-weight: 700;
          }
          .demo-dot {
            width: 12px;
            height: 12px;
            border-radius: 999px;
            display: inline-block;
          }
          .demo-dot.male { background: #18b6ff; }
          .demo-dot.female { background: #ff1c16; }
          .demo-dot.none { background: #d7d7d7; }
          .timeline-chart { position: relative; display: grid; gap: 10px; }
          .timeline-bars { display: grid; grid-template-columns: repeat(24, minmax(0, 1fr)); gap: 6px; align-items: end; height: 90px; }
          .timeline-bars.days { grid-template-columns: repeat(7, minmax(0, 1fr)); height: 90px; }
          .timeline-counts { display: grid; grid-template-columns: repeat(24, minmax(0, 1fr)); gap: 6px; font-size: 11px; color: var(--text); }
          .timeline-counts.days { grid-template-columns: repeat(7, minmax(0, 1fr)); }
          .timeline-count { justify-self: center; }
          .timeline-bar { height: 100%; background: transparent; border-radius: 10px; display: flex; align-items: end; overflow: hidden; }
          .timeline-bar-fill { width: 100%; background: rgba(122, 192, 255, 0.72); border-radius: 10px; }
          .timeline-labels { display: grid; grid-template-columns: repeat(24, minmax(0, 1fr)); gap: 6px; font-size: 11px; color: var(--muted); }
          .timeline-label { justify-self: center; }
          .timeline-marker {
            position: absolute;
            top: -6px;
            bottom: 16px;
            width: 2px;
            background: rgba(255,255,255,0.35);
            transform: translateX(-50%);
          }
          .timeline-dot {
            position: absolute;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #24d26c;
            border: 2px solid #1b1623;
            box-shadow: 0 0 10px rgba(36,210,108,0.6);
            transform: translateX(-50%);
          }
          .timeline-dot .dot-tooltip {
            position: absolute;
            bottom: calc(100% + 8px);
            left: 50%;
            transform: translateX(-50%);
            background: #f5f2ea;
            color: #1b1623;
            font-size: 11px;
            padding: 4px 8px;
            border-radius: 999px;
            white-space: nowrap;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.05s ease;
          }
          .timeline-dot:hover .dot-tooltip { opacity: 1; }
          .timeline-badge { position: absolute; top: -32px; transform: translateX(-50%); background: #f5f2ea; color: #1b1623; font-size: 11px; padding: 4px 10px; border-radius: 999px; }
          .analytics-select,
          .analytics-date {
            padding: 8px 12px;
            border-radius: 999px;
            border: 1px solid var(--stroke);
            background: #171d24;
            color: var(--text);
            font-size: 12px;
            min-width: 150px;
            appearance: none;
          }
          .analytics-date {
            min-width: 130px;
            padding-right: 38px;
            color-scheme: dark;
          }
          .analytics-date::-webkit-calendar-picker-indicator {
            opacity: 1;
            cursor: pointer;
            padding: 4px;
            border-radius: 999px;
            background: rgba(242, 139, 58, 0.24);
            border: 1px solid rgba(242, 139, 58, 0.6);
            filter: invert(90%) sepia(18%) saturate(541%) hue-rotate(331deg) brightness(100%) contrast(98%);
          }
          .analytics-date::-webkit-datetime-edit {
            color: #f5f2ea;
          }
          .analytics-table-wrap {
            max-height: 280px;
            overflow: auto;
            border: 1px solid rgba(106, 86, 53, 0.6);
            border-radius: 10px;
          }
          .analytics-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 12px;
            color: var(--muted);
            min-width: 560px;
          }
          .analytics-table th,
          .analytics-table td {
            padding: 8px 10px;
            border-bottom: 1px solid rgba(106, 86, 53, 0.45);
            text-align: left;
            white-space: nowrap;
          }
          .analytics-table th {
            position: sticky;
            top: 0;
            z-index: 1;
            background: #231a30;
            color: var(--text);
            font-weight: 700;
          }
          .analytics-table tr:last-child td {
            border-bottom: 0;
          }
          .analytics-dashboard {
            display: grid;
            gap: 14px;
            margin-top: 12px;
            --analytics-accent: #f28b3a;
            --analytics-success: #33d17a;
            --analytics-danger: #ff6b6b;
            --analytics-neutral: #c9c2d7;
            --analytics-chart: #7ac0ff;
          }
          .analytics-check {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 12px;
            color: var(--muted);
            padding: 8px 10px;
            border: 1px solid rgba(106, 86, 53, 0.6);
            border-radius: 999px;
            background: #171d24;
          }
          .analytics-check input { accent-color: #f28b3a; }
          .analytics-overview {
            display: grid;
            gap: 12px;
          }
          .owner-do-now-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 10px;
          }
          .owner-do-now-card {
            border: 1px solid rgba(160, 152, 182, 0.22);
            border-radius: 16px;
            background: linear-gradient(180deg, rgba(35, 26, 44, 0.96) 0%, rgba(21, 17, 31, 0.96) 100%);
            padding: 14px;
            display: grid;
            gap: 10px;
          }
          .owner-do-now-card.clickable {
            cursor: pointer;
          }
          .owner-do-now-card.critical {
            border-color: rgba(255, 107, 107, 0.46);
            box-shadow: inset 0 0 0 1px rgba(255, 107, 107, 0.12);
          }
          .owner-do-now-card.warn {
            border-color: rgba(242, 139, 58, 0.4);
            box-shadow: inset 0 0 0 1px rgba(242, 139, 58, 0.1);
          }
          .owner-do-now-card.info {
            border-color: rgba(122, 192, 255, 0.36);
            box-shadow: inset 0 0 0 1px rgba(122, 192, 255, 0.08);
          }
          .owner-do-now-top {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 12px;
          }
          .owner-do-now-title {
            font-size: 14px;
            font-weight: 800;
            line-height: 1.25;
            color: #f5f2ea;
          }
          .owner-do-now-value {
            min-width: 52px;
            padding: 6px 10px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.06);
            font-size: 18px;
            font-weight: 800;
            line-height: 1;
            text-align: center;
            color: #fff1e2;
          }
          .owner-do-now-card.critical .owner-do-now-value {
            background: rgba(255, 107, 107, 0.12);
            color: #ffc5c5;
          }
          .owner-do-now-card.warn .owner-do-now-value {
            background: rgba(242, 139, 58, 0.14);
            color: #ffd2a6;
          }
          .owner-do-now-card.info .owner-do-now-value {
            background: rgba(122, 192, 255, 0.14);
            color: #d7edff;
          }
          .owner-do-now-note {
            font-size: 12px;
            line-height: 1.45;
            color: rgba(201, 194, 215, 0.94);
          }
          .owner-do-now-meta {
            font-size: 11px;
            line-height: 1.4;
            color: rgba(201, 194, 215, 0.72);
          }
          .owner-do-now-actions {
            display: flex;
            justify-content: flex-start;
          }
          .owner-do-now-actions .btn {
            width: auto;
            min-width: 0;
            margin: 0;
            padding: 8px 12px;
          }
          .owner-do-now-empty {
            padding: 18px;
            border-radius: 14px;
            border: 1px dashed rgba(160, 152, 182, 0.24);
            background: rgba(255, 255, 255, 0.03);
            display: grid;
            gap: 6px;
          }
          .owner-do-now-empty-title {
            font-size: 14px;
            font-weight: 800;
            color: #f5f2ea;
          }
          .owner-do-now-empty-note {
            font-size: 12px;
            line-height: 1.45;
            color: rgba(201, 194, 215, 0.78);
          }
          .orders-admin-toolbar {
            display: grid;
            gap: 12px;
          }
          .orders-admin-stats {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
          }
          .orders-admin-stat {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 32px;
            padding: 6px 12px;
            border-radius: 999px;
            border: 1px solid rgba(160, 152, 182, 0.24);
            background: rgba(255,255,255,0.04);
            color: #f5f2ea;
            font-size: 12px;
            font-weight: 700;
            font-family: inherit;
          }
          button.orders-admin-stat {
            appearance: none;
            cursor: pointer;
          }
          button.orders-admin-stat:disabled {
            cursor: default;
          }
          button.orders-admin-stat.is-action:hover {
            transform: translateY(-1px);
            filter: brightness(1.06);
          }
          .orders-admin-stat.bad {
            border-color: rgba(255, 107, 107, 0.55);
            color: #ffc5c5;
            background: rgba(255, 107, 107, 0.08);
          }
          .orders-admin-stat.warn {
            border-color: rgba(242, 139, 58, 0.55);
            color: #ffd6ab;
            background: rgba(242, 139, 58, 0.08);
          }
          .orders-admin-list {
            min-width: 0;
          }
          .orders-kanban-board {
            display: grid;
            grid-auto-flow: column;
            grid-auto-columns: minmax(280px, 330px);
            gap: 14px;
            overflow-x: auto;
            padding: 2px 2px 12px;
            scrollbar-width: thin;
          }
          .orders-kanban-column {
            min-width: 0;
            border: 1px solid rgba(160, 152, 182, 0.18);
            border-radius: 20px;
            background: rgba(12, 16, 21, 0.24);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
            display: grid;
            grid-template-rows: auto 1fr;
            max-height: min(72vh, 820px);
          }
          .orders-kanban-column.has-expanded-card {
            max-height: none;
            overflow: visible;
          }
          .orders-kanban-column.is-drop-target {
            border-color: rgba(51, 209, 122, 0.48);
            box-shadow: inset 0 0 0 1px rgba(51, 209, 122, 0.14), 0 0 0 1px rgba(51, 209, 122, 0.08);
          }
          .orders-kanban-head {
            position: sticky;
            top: 0;
            z-index: 2;
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 10px;
            padding: 14px;
            border-bottom: 1px solid rgba(160, 152, 182, 0.14);
            border-radius: 20px 20px 0 0;
            background: rgba(18, 23, 29, 0.96);
          }
          .orders-kanban-title {
            font-size: 14px;
            font-weight: 850;
            color: #f5f2ea;
          }
          .orders-kanban-hint {
            margin-top: 3px;
            font-size: 11px;
            line-height: 1.35;
            color: rgba(201, 194, 215, 0.72);
          }
          .orders-kanban-count {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 30px;
            height: 30px;
            padding: 0 9px;
            border-radius: 999px;
            border: 1px solid rgba(242, 139, 58, 0.34);
            background: rgba(242, 139, 58, 0.14);
            color: #ffbf87;
            font-size: 12px;
            font-weight: 850;
          }
          .orders-kanban-stack {
            min-height: 120px;
            overflow-y: auto;
            padding: 12px;
            display: grid;
            align-content: start;
            gap: 12px;
          }
          .orders-kanban-column.has-expanded-card .orders-kanban-stack {
            overflow-y: visible;
          }
          .orders-kanban-empty {
            padding: 18px 12px;
            border: 1px dashed rgba(160, 152, 182, 0.22);
            border-radius: 16px;
            color: rgba(201, 194, 215, 0.72);
            font-size: 12px;
            text-align: center;
          }
          .orders-admin-card {
            border: 1px solid rgba(106, 86, 53, 0.5);
            border-radius: 16px;
            background: rgba(21, 26, 32, 0.72);
            padding: 14px;
            display: grid;
            gap: 10px;
            cursor: grab;
            user-select: none;
          }
          .orders-admin-card:active {
            cursor: grabbing;
          }
          .orders-admin-card.is-dragging {
            opacity: 0.58;
          }
          .orders-admin-card.is-collapsed {
            min-height: 132px;
            height: auto;
            padding: 16px 18px;
            gap: 10px;
            cursor: pointer;
            align-self: start;
            overflow: visible !important;
          }
          .orders-admin-card.is-collapsed .orders-admin-head {
            align-items: flex-start;
          }
          .orders-admin-card.is-collapsed .orders-admin-title {
            font-size: 14px;
          }
          .orders-admin-card.is-collapsed .orders-admin-subtitle {
            margin-top: 6px;
          }
          .orders-admin-card.is-expanded {
            padding: 18px;
            gap: 14px;
            overflow: visible;
          }
          .orders-admin-expand-btn {
            justify-self: start;
            min-height: 32px;
            padding: 6px 12px;
            font-size: 12px;
          }
          .orders-admin-compact {
            display: grid;
            gap: 7px;
            min-width: 0;
          }
          .orders-admin-compact-line {
            display: grid;
            gap: 2px;
            min-width: 0;
          }
          .orders-admin-compact-line span {
            color: rgba(201, 194, 215, 0.72);
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0;
            text-transform: uppercase;
          }
          .orders-admin-compact-line strong {
            color: #f5f2ea;
            font-size: 13px;
            line-height: 1.28;
            font-weight: 850;
            overflow-wrap: anywhere;
          }
          .orders-admin-products-list {
            display: grid;
            gap: 3px;
            color: #f5f2ea;
            font-size: 13px;
            line-height: 1.3;
            font-weight: 850;
            overflow: visible !important;
            overflow-wrap: anywhere;
            white-space: normal;
          }
          .orders-admin-product-item {
            display: block;
            min-width: 0;
          }
          .orders-admin-open-btn {
            justify-self: start;
            min-height: 30px;
            padding: 5px 12px;
            font-size: 12px;
          }
          .orders-admin-card.frontpad-error {
            border-color: rgba(255, 107, 107, 0.55);
            box-shadow: inset 0 0 0 1px rgba(255, 107, 107, 0.1);
          }
          .orders-admin-card.frontpad-stuck {
            border-color: rgba(242, 139, 58, 0.55);
            box-shadow: inset 0 0 0 1px rgba(242, 139, 58, 0.08);
          }
          .orders-admin-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 12px;
            flex-wrap: wrap;
          }
          .orders-admin-title {
            font-size: 13px;
            font-weight: 800;
            color: #f5f2ea;
            word-break: break-all;
          }
          .orders-admin-subtitle {
            margin-top: 4px;
            font-size: 12px;
            line-height: 1.45;
            color: rgba(201, 194, 215, 0.82);
          }
          .orders-admin-chips {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
          }
          .orders-admin-chip {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 28px;
            padding: 6px 10px;
            border-radius: 999px;
            border: 1px solid rgba(160, 152, 182, 0.26);
            background: rgba(255,255,255,0.05);
            color: #f5f2ea;
            font-size: 11px;
            font-weight: 700;
          }
          .orders-admin-chip.bad {
            border-color: rgba(255, 107, 107, 0.58);
            background: rgba(255, 107, 107, 0.1);
            color: #ffc5c5;
          }
          .orders-admin-chip.warn {
            border-color: rgba(242, 139, 58, 0.58);
            background: rgba(242, 139, 58, 0.1);
            color: #ffd7ae;
          }
          .orders-admin-chip.good {
            border-color: rgba(51, 209, 122, 0.5);
            background: rgba(51, 209, 122, 0.1);
            color: #baf3cf;
          }
          .orders-admin-chip.status-pending {
            border-color: rgba(242, 139, 58, 0.58);
            background: rgba(242, 139, 58, 0.1);
            color: #ffd7ae;
          }
          .orders-admin-chip.status-accepted,
          .orders-admin-chip.status-in_progress {
            border-color: rgba(94, 165, 255, 0.5);
            background: rgba(94, 165, 255, 0.1);
            color: #bdd8ff;
          }
          .orders-admin-chip.status-paid {
            border-color: rgba(51, 209, 122, 0.5);
            background: rgba(51, 209, 122, 0.1);
            color: #baf3cf;
          }
          .orders-admin-chip.status-rejected {
            border-color: rgba(255, 107, 107, 0.58);
            background: rgba(255, 107, 107, 0.1);
            color: #ffc5c5;
          }
          .orders-admin-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 8px;
          }
          .orders-admin-row {
            display: grid;
            gap: 4px;
          }
          .orders-admin-row-label {
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 0.35px;
            color: rgba(201, 194, 215, 0.68);
          }
          .orders-admin-row-value {
            font-size: 13px;
            line-height: 1.45;
            color: #f5f2ea;
            word-break: break-word;
          }
          .orders-admin-error {
            padding: 12px 14px;
            border-radius: 12px;
            border: 1px solid rgba(255, 107, 107, 0.36);
            background: rgba(255, 107, 107, 0.08);
            color: #ffd0d0;
            font-size: 13px;
            line-height: 1.5;
            word-break: break-word;
          }
          .orders-admin-status-control {
            display: grid;
            gap: 8px;
          }
          .orders-admin-status-control label {
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 0.35px;
            color: rgba(201, 194, 215, 0.68);
          }
          .orders-admin-status-select {
            min-height: 38px;
            font-size: 13px;
          }
          .orders-admin-save-status-btn {
            justify-self: start;
            min-height: 34px;
            padding: 7px 12px;
          }
          .orders-admin-error-resolution {
            display: grid;
            gap: 8px;
          }
          .orders-admin-error-comment {
            min-height: 74px;
            resize: vertical;
            font-size: 13px;
            line-height: 1.4;
          }
          .orders-admin-resolve-btn {
            min-height: 34px;
            padding: 7px 12px;
          }
          .orders-admin-error-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
          }
          .orders-admin-history {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
          }
          .orders-admin-history-item {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 6px 10px;
            border-radius: 999px;
            border: 1px solid rgba(160, 152, 182, 0.22);
            background: rgba(255,255,255,0.03);
            color: rgba(245, 242, 234, 0.88);
            font-size: 11px;
            line-height: 1.3;
          }
          .orders-admin-heading {
            align-items: center;
          }
          .orders-admin-actions {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            flex-wrap: wrap;
            gap: 10px;
          }
          .orders-admin-actions .btn {
            min-height: 40px;
            padding: 9px 16px;
          }
          .orders-admin-create-btn {
            background: #f28b3a;
            border-color: #ff9a55;
            color: #2b1105;
          }
          .orders-admin-actions .btn.active {
            border-color: rgba(242, 139, 58, 0.6);
            color: #ffbf87;
          }
          .orders-admin-filter-panel {
            display: grid;
            grid-template-columns: minmax(300px, 1.35fr) repeat(4, minmax(160px, 1fr));
            gap: 14px;
            padding: 16px;
            margin-bottom: 16px;
            border: 1px solid rgba(160, 152, 182, 0.18);
            border-radius: 16px;
            background: rgba(18, 23, 29, 0.55);
          }
          .orders-admin-filter {
            display: grid;
            align-content: start;
            gap: 7px;
            min-width: 0;
          }
          .orders-admin-filter > span:first-child {
            font-size: 11px;
            font-weight: 750;
            color: rgba(201, 194, 215, 0.74);
          }
          .orders-admin-filter .field {
            width: 100% !important;
            min-width: 0;
            min-height: 40px;
          }
          .orders-admin-date-range {
            display: grid;
            grid-template-columns: minmax(125px, 1fr) auto minmax(125px, 1fr);
            align-items: center;
            gap: 8px;
          }
          .orders-admin-date-range > span {
            color: rgba(201, 194, 215, 0.58);
          }
          .orders-admin-search-summary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin: -4px 0 14px;
            padding: 9px 12px;
            border: 1px solid rgba(242, 139, 58, 0.28);
            border-radius: 12px;
            background: rgba(242, 139, 58, 0.08);
            color: #f5f2ea;
            font-size: 12px;
          }
          .orders-admin-search-summary .btn {
            margin: 0;
            width: auto;
            min-width: 0;
            padding: 6px 11px;
          }
          .orders-admin-stats {
            display: grid;
            grid-template-columns: repeat(4, minmax(170px, 1fr));
            gap: 12px;
          }
          .orders-admin-kpi {
            position: relative;
            display: grid;
            gap: 8px;
            min-height: 92px;
            padding: 16px 18px 16px 66px;
            border: 1px solid rgba(160, 152, 182, 0.2);
            border-radius: 15px;
            background: rgba(21, 26, 32, 0.72);
            color: #f5f2ea;
            text-align: left;
            font: inherit;
          }
          button.orders-admin-kpi {
            width: 100%;
            cursor: pointer;
          }
          button.orders-admin-kpi:disabled {
            cursor: default;
          }
          .orders-admin-kpi::before {
            content: "▣";
            position: absolute;
            top: 18px;
            left: 18px;
            display: grid;
            place-items: center;
            width: 34px;
            height: 34px;
            border-radius: 10px;
            background: rgba(94, 165, 255, 0.12);
            color: #9cc9ff;
            font-size: 18px;
          }
          .orders-admin-kpi.amount::before { content: "₽"; background: rgba(51, 209, 122, 0.12); color: #9ef0bc; }
          .orders-admin-kpi.average::before { content: "≋"; background: rgba(168, 124, 255, 0.12); color: #ccb5ff; }
          .orders-admin-kpi.attention::before { content: "!"; background: rgba(255, 107, 107, 0.12); color: #ffabab; }
          .orders-admin-kpi span {
            color: rgba(201, 194, 215, 0.72);
            font-size: 12px;
          }
          .orders-admin-kpi strong {
            color: #f5f2ea;
            font-size: 24px;
            line-height: 1;
          }
          .orders-admin-kpi.attention strong { color: #ff9b9b; }
          .orders-admin-status-tabs {
            display: flex;
            align-items: stretch;
            gap: 2px;
            overflow-x: auto;
            margin-top: 14px;
            padding: 0 2px;
            border: 1px solid rgba(160, 152, 182, 0.18);
            border-radius: 14px 14px 0 0;
            background: rgba(18, 23, 29, 0.64);
            scrollbar-width: thin;
          }
          .orders-admin-status-tab {
            flex: 0 0 auto;
            display: inline-flex;
            align-items: center;
            gap: 7px;
            min-height: 45px;
            padding: 0 14px;
            border: 0;
            border-bottom: 2px solid transparent;
            background: transparent;
            color: rgba(201, 194, 215, 0.78);
            font: inherit;
            font-size: 12px;
            cursor: pointer;
          }
          .orders-admin-status-tab strong {
            color: inherit;
            font-size: 11px;
          }
          .orders-admin-status-tab.active {
            border-bottom-color: #f28b3a;
            color: #ffbf87;
            background: rgba(242, 139, 58, 0.08);
          }
          .orders-admin-status-tab.issue strong { color: #ff8d8d; }
          .orders-admin-status-tab.is-drop-target {
            color: #9ef0bc;
            background: rgba(36, 210, 108, 0.14);
            box-shadow: inset 0 0 0 1px rgba(36, 210, 108, 0.3);
          }
          .orders-admin-table-wrap {
            max-height: min(67vh, 760px);
            overflow: auto;
            border: 1px solid rgba(160, 152, 182, 0.18);
            border-top: 0;
            border-radius: 0 0 14px 14px;
            scrollbar-width: thin;
          }
          .orders-admin-table {
            width: 100%;
            min-width: 1420px;
            border-collapse: separate;
            border-spacing: 0;
            color: #f5f2ea;
            font-size: 12px;
          }
          .orders-admin-table th {
            position: sticky;
            top: 0;
            z-index: 3;
            padding: 11px 12px;
            border-bottom: 1px solid rgba(160, 152, 182, 0.2);
            background: #161b21;
            color: rgba(201, 194, 215, 0.72);
            font-size: 10px;
            font-weight: 750;
            text-align: left;
            text-transform: uppercase;
            letter-spacing: 0.35px;
            white-space: nowrap;
          }
          .orders-admin-table td {
            padding: 11px 12px;
            border-bottom: 1px solid rgba(160, 152, 182, 0.1);
            background: rgba(18, 23, 29, 0.42);
            vertical-align: middle;
            white-space: nowrap;
          }
          .orders-admin-table-row {
            cursor: grab;
            user-select: none;
            outline: none;
          }
          .orders-admin-table-row:hover td,
          .orders-admin-table-row:focus td,
          .orders-admin-table-row.expanded td {
            background: rgba(242, 139, 58, 0.07);
          }
          .orders-admin-table-row.needs-attention td:first-child {
            box-shadow: inset 3px 0 0 #ff6b6b;
          }
          .orders-admin-table-row.is-dragging { opacity: 0.55; }
          .orders-admin-address-cell {
            max-width: 240px;
            overflow: hidden;
            text-overflow: ellipsis;
          }
          .orders-admin-channel {
            display: inline-flex;
            padding: 4px 8px;
            border-radius: 999px;
            background: rgba(94, 165, 255, 0.1);
            color: #bdd8ff;
            font-size: 11px;
          }
          .orders-admin-channel.channel-ai_voice { background: rgba(168, 124, 255, 0.12); color: #d5c3ff; }
          .orders-admin-channel.channel-frontpad { background: rgba(51, 209, 122, 0.1); color: #baf3cf; }
          .orders-admin-table-warning {
            display: inline-grid;
            place-items: center;
            width: 18px;
            height: 18px;
            margin-left: 6px;
            border-radius: 50%;
            background: rgba(255, 107, 107, 0.14);
            color: #ff9d9d;
            font-weight: 900;
          }
          .orders-admin-sla { color: #9cc9ff; font-variant-numeric: tabular-nums; }
          .orders-admin-sla.overdue { color: #ff7e7e; }
          .orders-admin-detail-row td {
            padding: 0;
            white-space: normal;
            background: rgba(12, 16, 21, 0.72);
          }
          .orders-admin-table-detail {
            display: grid;
            grid-template-columns: repeat(4, minmax(160px, 1fr));
            gap: 12px;
            padding: 16px;
          }
          .orders-admin-table-detail > div {
            display: grid;
            gap: 5px;
            min-width: 0;
          }
          .orders-admin-table-detail span {
            color: rgba(201, 194, 215, 0.66);
            font-size: 10px;
            text-transform: uppercase;
          }
          .orders-admin-table-detail strong {
            color: #f5f2ea;
            font-size: 12px;
            line-height: 1.45;
            word-break: break-word;
          }
          .orders-admin-table-detail .attention strong { color: #ffabab; }
          .orders-admin-detail-row .orders-admin-history { padding: 0 16px 16px; }
          .orders-admin-chip.status-ready,
          .orders-admin-chip.status-completed { border-color: rgba(51, 209, 122, 0.5); background: rgba(51, 209, 122, 0.1); color: #baf3cf; }
          .orders-admin-chip.status-delivery { border-color: rgba(94, 165, 255, 0.5); background: rgba(94, 165, 255, 0.1); color: #bdd8ff; }
          .orders-admin-chip.status-ai_draft_review { border-color: rgba(168, 124, 255, 0.5); background: rgba(168, 124, 255, 0.1); color: #d5c3ff; }
          @media (max-width: 1200px) {
            .orders-admin-filter-panel { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
            .orders-admin-period-filter { grid-column: 1 / -1; }
            .orders-admin-stats { grid-template-columns: repeat(2, minmax(180px, 1fr)); }
          }
          @media (max-width: 680px) {
            .orders-admin-heading { align-items: flex-start; flex-direction: column; }
            .orders-admin-actions { justify-content: flex-start; }
            .orders-admin-filter-panel { grid-template-columns: 1fr; }
            .orders-admin-period-filter { grid-column: auto; }
            .orders-admin-date-range { grid-template-columns: 1fr; }
            .orders-admin-date-range > span { display: none; }
            .orders-admin-stats { grid-template-columns: 1fr; }
          }
          .kpi-card {
            border: 1px solid rgba(160, 152, 182, 0.24);
            border-radius: 14px;
            background: linear-gradient(180deg, #222033 0%, #171523 100%);
            padding: 12px;
            display: flex;
            flex-direction: column;
            gap: 8px;
            cursor: pointer;
            width: 100%;
            text-align: left;
            color: inherit;
            appearance: none;
            overflow: visible;
          }
          .kpi-card-users {
            position: relative;
          }
          .kpi-card-users .kpi-title {
            padding-right: 0;
          }
          .kpi-card-static {
            cursor: default;
            min-height: 128px;
          }
          .kpi-card-clickable {
            cursor: pointer;
          }
          .kpi-card-action {
            background: linear-gradient(180deg, #2a1e1f 0%, #1c1520 100%);
            border-color: rgba(242, 139, 58, 0.22);
          }
          .kpi-card-action .kpi-value {
            color: #ffd7ae;
          }
          .kpi-card-insight {
            background: linear-gradient(180deg, #1f2535 0%, #171523 100%);
          }
          .kpi-card.active {
            border-color: #f28b3a;
            box-shadow: 0 0 0 1px rgba(242, 139, 58, 0.3) inset;
          }
          .kpi-title {
            font-size: 11px;
            color: #c9c2d7;
            letter-spacing: 0.2px;
          }
          .kpi-value {
            font-size: 20px;
            font-weight: 700;
            color: #f5f2ea;
            line-height: 1.15;
          }
          .kpi-note {
            font-size: 11px;
            line-height: 1.35;
            color: rgba(201, 194, 215, 0.88);
            min-height: 15px;
          }
          .kpi-footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            margin-top: auto;
          }
          .kpi-delta {
            font-size: 12px;
            font-weight: 700;
          }
          .kpi-delta.up { color: var(--analytics-success); }
          .kpi-delta.down { color: var(--analytics-danger); }
          .kpi-delta.flat { color: var(--analytics-neutral); }
          .kpi-foot-label {
            margin-left: auto;
            font-size: 11px;
            color: rgba(201, 194, 215, 0.88);
          }
          .kpi-foot-label-strong {
            color: #f5f2ea;
            font-weight: 700;
          }
          .kpi-spark {
            width: 62px;
            height: 22px;
            display: block;
            margin-right: 4px;
            flex: 0 0 auto;
          }
          .analytics-kpi-group {
            border: 1px solid rgba(160, 152, 182, 0.2);
            border-radius: 16px;
            background: rgba(23, 21, 34, 0.5);
            padding: 12px;
            display: grid;
            gap: 10px;
          }
          .analytics-kpi-group-head {
            display: grid;
            gap: 4px;
          }
          .analytics-kpi-group-head-top {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 12px;
          }
          .analytics-kpi-group-title {
            font-size: 13px;
            font-weight: 800;
            color: #f5f2ea;
          }
          .analytics-kpi-group-note {
            font-size: 11px;
            line-height: 1.4;
            color: rgba(201, 194, 215, 0.72);
          }
          .analytics-kpi-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 10px;
          }
          .analytics-kpi-grid-scrollable {
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            overflow-y: hidden;
            scroll-behavior: smooth;
            scrollbar-width: none;
            -ms-overflow-style: none;
            padding-bottom: 0;
          }
          .analytics-kpi-grid-scrollable::-webkit-scrollbar {
            width: 0;
            height: 0;
            display: none;
          }
          .analytics-kpi-grid-scrollable > * {
            flex: 0 0 calc((100% - 30px) / 4);
            min-width: 240px;
          }
          .kpi-carousel-hint {
            position: relative;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            border: 1px solid rgba(242, 139, 58, 0.32);
            border-radius: 999px;
            padding: 8px 12px;
            background: rgba(242, 139, 58, 0.08);
            color: #ffd7ae;
            font-size: 12px;
            font-weight: 700;
            cursor: pointer;
            white-space: nowrap;
          }
          .kpi-carousel-hint:hover .kpi-carousel-tooltip,
          .kpi-carousel-hint:focus-visible .kpi-carousel-tooltip {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
          }
          .kpi-carousel-tooltip {
            position: absolute;
            top: calc(100% + 8px);
            right: 0;
            min-width: 220px;
            border: 1px solid rgba(160, 152, 182, 0.24);
            border-radius: 12px;
            background: #1b1726;
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.32);
            padding: 10px 12px;
            display: grid;
            gap: 6px;
            opacity: 0;
            transform: translateY(-4px);
            pointer-events: none;
            transition: opacity 0.12s ease, transform 0.12s ease;
            z-index: 3;
          }
          .kpi-carousel-tooltip-line {
            color: #f5f2ea;
            font-size: 12px;
            line-height: 1.4;
          }
          .analytics-main {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 320px;
            gap: 12px;
            align-items: start;
          }
          .analytics-pane {
            border: 1px solid rgba(160, 152, 182, 0.24);
            border-radius: 14px;
            background: #171522;
            padding: 12px;
            display: grid;
            gap: 10px;
          }
          .analytics-tabs {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
          }
          .analytics-tab-btn {
            padding: 7px 12px;
            border-radius: 999px;
            border: 1px solid rgba(160, 152, 182, 0.3);
            background: #222032;
            color: #f5f2ea;
            font-size: 12px;
            cursor: pointer;
          }
          .analytics-tab-btn.active {
            border-color: #f28b3a;
            background: rgba(242, 139, 58, 0.22);
            color: #f8d8bd;
          }
          .analytics-drill {
            border: 1px solid rgba(160, 152, 182, 0.24);
            border-radius: 14px;
            background: #171522;
            padding: 12px;
            display: grid;
            gap: 8px;
            position: sticky;
            top: 88px;
          }
          .analytics-drill-title {
            font-size: 13px;
            font-weight: 700;
            color: #f5f2ea;
          }
          .analytics-drill-text {
            font-size: 12px;
            line-height: 1.45;
            color: #cbbfa9;
          }
          .analytics-drill-block {
            display: grid;
            gap: 6px;
            padding-top: 4px;
          }
          .analytics-drill-block + .analytics-drill-block {
            padding-top: 10px;
            border-top: 1px solid rgba(160, 152, 182, 0.16);
          }
          .analytics-drill-block-title {
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.18px;
            color: #f5f2ea;
            text-transform: uppercase;
          }
          .analytics-drill-line {
            font-size: 12px;
            line-height: 1.45;
            color: #cbbfa9;
          }
          .funnel {
            display: grid;
            gap: 8px;
          }
          .funnel-row {
            display: grid;
            grid-template-columns: 110px minmax(0, 1fr) 84px;
            gap: 8px;
            align-items: center;
          }
          .funnel-label {
            font-size: 12px;
            color: #d8cfbf;
          }
          .funnel-track {
            height: 10px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.12);
            overflow: hidden;
          }
          .funnel-fill {
            height: 100%;
            background: linear-gradient(90deg, #7ac0ff 0%, #9dd4ff 100%);
            border-radius: 999px;
            min-width: 2px;
          }
          .funnel-value {
            text-align: right;
            font-size: 12px;
            color: #f5f2ea;
          }
          .analytics-subrow {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
          }
          .analytics-search {
            width: 260px;
            max-width: 100%;
            padding: 8px 10px;
            border-radius: 10px;
            border: 1px solid rgba(106, 86, 53, 0.6);
            background: #1b1b21;
            color: #f5f2ea;
          }
          .analytics-table-sort {
            color: inherit;
            border: 0;
            background: transparent;
            padding: 0;
            font: inherit;
            cursor: pointer;
          }
          .analytics-value,
          .kpi-value,
          .analytics-list,
          .funnel-value,
          .timeline-count,
          .bar-value,
          .district-count,
          .analytics-table {
            font-variant-numeric: tabular-nums;
            font-feature-settings: "tnum" 1;
          }
          .analytics-empty {
            border: 1px dashed rgba(160, 152, 182, 0.4);
            border-radius: 12px;
            padding: 18px;
            text-align: center;
            color: #c9c2d7;
            background: rgba(21, 19, 31, 0.55);
          }
          .analytics-empty-title {
            color: #efeaf7;
            font-weight: 700;
            margin-bottom: 6px;
          }
          .metric-term {
            display: inline-flex;
            align-items: center;
            gap: 6px;
          }
          .metric-info {
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 15px;
            height: 15px;
            border-radius: 999px;
            border: 1px solid rgba(160, 152, 182, 0.5);
            color: #b8afca;
            font-size: 10px;
            line-height: 1;
            cursor: help;
            padding: 0;
            background: transparent;
            appearance: none;
          }
          .metric-info.admin-inline-hint {
            flex: 0 0 auto;
            margin-left: 6px;
            vertical-align: middle;
          }
          .metric-floating-tip {
            position: fixed;
            background: #f5f2ea;
            color: #241725;
            padding: 8px 10px;
            border-radius: 10px;
            max-width: 260px;
            font-size: 12px;
            line-height: 1.35;
            box-shadow: 0 8px 20px rgba(0,0,0,0.35);
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.08s ease;
            z-index: 500;
            white-space: normal;
            text-align: left;
          }
          .metric-floating-tip.show {
            opacity: 1;
          }
          .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-top: 8px;
            padding: 12px 18px;
            border-radius: 12px;
            border: 0;
            background: #f28b3a;
            color: #2b1105;
            font-weight: 700;
            font-size: 14px;
            cursor: pointer;
            width: 100%;
          }
          .btn:hover { filter: brightness(1.02); }
          .btn:disabled {
            opacity: 0.56;
            cursor: not-allowed;
            filter: none;
          }
          .field:disabled {
            opacity: 0.7;
            cursor: not-allowed;
          }
          .admin-product-hero {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 180px;
            gap: 18px;
            align-items: center;
            margin: 14px 0 18px;
            padding: 18px;
            border: 1px solid rgba(255,255,255,0.10);
            border-radius: 18px;
            background: linear-gradient(135deg, rgba(71, 120, 255, 0.20), rgba(38, 201, 154, 0.10));
          }
          .admin-product-eyebrow { font-size: 12px; color: var(--muted); margin-bottom: 8px; }
          .admin-product-title { font-size: 22px; line-height: 1.2; font-weight: 800; }
          .admin-product-progress {
            min-height: 112px;
            border-radius: 16px;
            background: rgba(255,255,255,0.07);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
          }
          .admin-product-progress-value { font-size: 34px; font-weight: 900; }
          .admin-product-progress-label,
          .admin-checklist-card small,
          .admin-module-card small,
          .admin-workflow-card span:last-child,
          .admin-table-row small {
            color: var(--muted);
            font-size: 12px;
            line-height: 1.35;
          }
          .admin-checklist-grid,
          .admin-module-grid,
          .admin-workflow-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 12px;
            margin: 12px 0 20px;
          }
          .admin-checklist-card,
          .admin-module-card,
          .admin-workflow-card {
            width: 100%;
            min-height: 116px;
            border: 1px solid rgba(255,255,255,0.10);
            border-radius: 16px;
            background: rgba(255,255,255,0.055);
            color: var(--text);
            text-align: left;
            padding: 14px;
            display: flex;
            flex-direction: column;
            gap: 8px;
            cursor: pointer;
          }
          .admin-checklist-card { min-height: 92px; flex-direction: row; align-items: flex-start; }
          .admin-checklist-card.done { border-color: rgba(91, 220, 136, 0.35); background: rgba(91, 220, 136, 0.08); }
          .admin-checklist-card.todo { border-color: rgba(255, 190, 131, 0.35); background: rgba(255, 190, 131, 0.08); }
          .admin-checklist-mark,
          .admin-workflow-icon {
            width: 28px;
            height: 28px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: rgba(255,255,255,0.10);
            font-weight: 800;
            flex: 0 0 auto;
          }
          .admin-status-chip {
            display: inline-flex;
            width: fit-content;
            align-items: center;
            border-radius: 999px;
            padding: 4px 9px;
            font-size: 11px;
            border: 1px solid rgba(255,255,255,0.10);
            color: var(--muted);
          }
          .admin-status-chip.good { color: #9ef0bc; border-color: rgba(91,220,136,0.35); }
          .admin-status-chip.warn { color: #ffcf9c; border-color: rgba(255,190,131,0.35); }
          .admin-status-chip.muted { opacity: 0.65; }
          #trafficPanel {
            --traffic-surface: rgba(255, 255, 255, 0.045);
            --traffic-border: rgba(255, 255, 255, 0.10);
            --traffic-text: #f5f5f7;
            --traffic-muted: rgba(245, 245, 247, 0.62);
            --traffic-accent: #ff9a4a;
            --traffic-green: #7ee2a3;
          }
          #trafficPanel .panel-title-row {
            margin-bottom: 20px;
          }
          #trafficPanel .panel-title {
            font-size: 24px;
            letter-spacing: 0;
          }
          #trafficPanel .hint {
            max-width: 680px;
            color: var(--traffic-muted);
            font-size: 14px;
            line-height: 1.45;
          }
          #trafficPanel .btn-ghost {
            min-height: 44px;
            border-radius: 999px;
            border-color: rgba(255,255,255,0.14);
            background: rgba(255,255,255,0.065);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
          }
          #trafficPanel .traffic-create-card {
            padding: 24px;
            border-radius: 26px;
            border-color: var(--traffic-border) !important;
            background:
              radial-gradient(560px 180px at 100% 20%, rgba(255,154,74,0.13), rgba(255,154,74,0) 58%),
              linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
              rgba(17, 22, 29, 0.78) !important;
          }
          #trafficPanel .traffic-create-card .profile-admin-setting-title {
            color: var(--traffic-text) !important;
            font-size: 20px;
            font-weight: 900;
          }
          #trafficPanel .traffic-create-card .profile-admin-setting-summary {
            max-width: 640px;
            color: var(--traffic-muted) !important;
            font-size: 14px;
            line-height: 1.45;
          }
          #trafficPanel .traffic-create-card .btn {
            min-width: 220px;
            min-height: 50px;
            border-radius: 18px;
          }
          .traffic-create-grid {
            gap: 12px;
            margin-top: 16px;
          }
          .traffic-field {
            display: grid;
            gap: 7px;
            min-width: 0;
          }
          .traffic-field span {
            color: rgba(245,245,247,0.62);
            font-size: 12px;
            font-weight: 850;
          }
          .traffic-field .field {
            min-height: 48px;
            border-radius: 16px;
            border-color: rgba(255,255,255,0.08);
            background: rgba(7, 11, 17, 0.50);
          }
          #trafficPanel .traffic-summary-strip {
            padding: 0;
            margin: 14px 0 16px;
            border: 0;
            background: transparent;
          }
          .traffic-summary-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 10px;
          }
          .traffic-summary-grid > div {
            min-height: 82px;
            display: grid;
            align-content: center;
            gap: 7px;
            padding: 16px;
            border-radius: 22px;
            border: 1px solid var(--traffic-border);
            background: linear-gradient(180deg, rgba(255,255,255,0.065), rgba(255,255,255,0.026));
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
          }
          .traffic-summary-grid span,
          .traffic-source-metrics span {
            color: var(--traffic-muted);
            font-size: 12px;
            font-weight: 850;
            text-transform: uppercase;
            letter-spacing: 0.04em;
          }
          .traffic-summary-grid strong {
            color: var(--traffic-text);
            font-size: 22px;
            line-height: 1.05;
          }
          #trafficPanel .traffic-source-card {
            border: 0;
            border-radius: 0;
            background: transparent;
            overflow: visible;
          }
          .traffic-source-list {
            display: grid;
            gap: 10px;
          }
          .traffic-source-row {
            display: grid;
            grid-template-columns: 46px minmax(220px, 1fr) minmax(360px, 0.95fr) minmax(180px, auto);
            gap: 14px;
            align-items: center;
            min-height: 108px;
            padding: 18px;
            border-radius: 24px;
            border: 1px solid var(--traffic-border);
            background:
              linear-gradient(180deg, rgba(255,255,255,0.052), rgba(255,255,255,0.018)),
              rgba(17, 22, 29, 0.78);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
            transition: background 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
          }
          .traffic-source-row:hover {
            transform: translateY(-1px);
            border-color: rgba(255,255,255,0.16);
            background:
              linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025)),
              rgba(17, 22, 29, 0.84);
          }
          .traffic-source-row.custom {
            border-color: rgba(255,154,74,0.22);
          }
          .traffic-source-icon {
            width: 46px;
            height: 46px;
            display: grid;
            place-items: center;
            border-radius: 16px;
            background: rgba(255,154,74,0.14);
            color: #ffbd85;
            font-size: 18px;
            font-weight: 950;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
          }
          .traffic-source-main {
            display: grid;
            gap: 5px;
            min-width: 0;
          }
          .traffic-source-main strong {
            color: var(--traffic-text);
            font-size: 17px;
            font-weight: 900;
            line-height: 1.2;
          }
          .traffic-source-main small {
            color: var(--traffic-muted);
            font-size: 13px;
            line-height: 1.4;
          }
          .traffic-source-metrics {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 8px;
          }
          .traffic-source-metrics > div {
            display: grid;
            gap: 5px;
            min-height: 58px;
            align-content: center;
            padding: 10px 12px;
            border-radius: 16px;
            background: rgba(255,255,255,0.04);
            border: 1px solid rgba(255,255,255,0.06);
          }
          .traffic-source-metrics strong {
            color: var(--traffic-text);
            font-size: 15px;
            line-height: 1.15;
          }
          .traffic-source-action {
            width: 100%;
            min-width: 170px;
            min-height: 48px;
            padding: 0 18px;
            border-radius: 18px !important;
          }
          @media (max-width: 1180px) {
            .traffic-source-row {
              grid-template-columns: 46px minmax(0, 1fr);
            }
            .traffic-source-metrics,
            .traffic-source-action {
              grid-column: 2;
            }
          }
          @media (max-width: 760px) {
            #trafficPanel .panel-title-row,
            #trafficPanel .profile-admin-setting-head {
              align-items: stretch;
              flex-direction: column;
            }
            #trafficPanel .traffic-create-card .btn,
            .traffic-source-action {
              width: 100%;
              min-width: 0;
            }
            .traffic-create-grid,
            .traffic-summary-grid,
            .traffic-source-metrics {
              grid-template-columns: 1fr;
            }
            .traffic-source-row {
              grid-template-columns: 1fr;
            }
            .traffic-source-icon,
            .traffic-source-metrics,
            .traffic-source-action {
              grid-column: auto;
            }
          }
          #modulesPanel {
            --modules-surface: rgba(255, 255, 255, 0.055);
            --modules-surface-strong: rgba(255, 255, 255, 0.085);
            --modules-border: rgba(255, 255, 255, 0.11);
            --modules-green: #7ee2a3;
            --modules-amber: #ffbd7a;
          }
          #modulesPanel .panel-title-row {
            margin-bottom: 20px;
          }
          #modulesPanel .panel-title {
            font-size: 24px;
            line-height: 1.15;
            letter-spacing: 0;
          }
          #modulesPanel .hint {
            max-width: 720px;
            margin-top: 10px;
            color: rgba(245, 242, 234, 0.62);
            font-size: 14px;
            line-height: 1.45;
          }
          #modulesPanel .btn-ghost {
            min-height: 44px;
            padding: 0 22px;
            border-radius: 999px;
            background: rgba(255,255,255,0.07);
            border-color: rgba(255,255,255,0.14);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 16px 34px rgba(0,0,0,0.18);
          }
          #modulesPanel .admin-product-hero {
            position: relative;
            overflow: hidden;
            align-items: center;
            min-height: 172px;
            padding: 26px;
            border-radius: 26px;
            border-color: rgba(255,255,255,0.11);
            background:
              radial-gradient(720px 220px at 8% 0%, rgba(96, 140, 255, 0.26), rgba(96, 140, 255, 0) 64%),
              radial-gradient(520px 220px at 100% 100%, rgba(126, 226, 163, 0.20), rgba(126, 226, 163, 0) 62%),
              linear-gradient(135deg, rgba(35, 43, 66, 0.96), rgba(23, 38, 41, 0.96));
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 22px 54px rgba(0,0,0,0.24);
          }
          #modulesPanel .admin-product-eyebrow {
            width: fit-content;
            margin-bottom: 14px;
            padding: 7px 11px;
            border-radius: 999px;
            background: rgba(255,255,255,0.10);
            color: rgba(245, 242, 234, 0.76);
            font-size: 12px;
            font-weight: 850;
          }
          #modulesPanel .admin-product-title {
            max-width: 820px;
            color: #fff7ef;
            font-size: 26px;
            font-weight: 900;
            line-height: 1.18;
            letter-spacing: 0;
          }
          #modulesPanel .admin-product-progress {
            min-width: 178px;
            min-height: 128px;
            border-radius: 24px;
            background: rgba(255,255,255,0.11);
            border: 1px solid rgba(255,255,255,0.12);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
          }
          #modulesPanel .admin-product-progress-value {
            color: #fff7ef;
            font-size: 40px;
            line-height: 1;
            letter-spacing: 0;
          }
          #modulesPanel .admin-product-progress-label {
            margin-top: 8px;
            color: rgba(245, 242, 234, 0.68);
            font-size: 12px;
            font-weight: 850;
            text-transform: uppercase;
            letter-spacing: 0.04em;
          }
          #modulesPanel .admin-checklist-grid {
            grid-template-columns: repeat(3, minmax(220px, 1fr));
            gap: 12px;
            margin: 18px 0 24px;
          }
          #modulesPanel .admin-checklist-card {
            min-height: 104px;
            padding: 18px;
            border-radius: 22px;
            display: grid;
            grid-template-columns: 36px minmax(0, 1fr);
            gap: 13px;
            align-items: start;
            background: rgba(255,255,255,0.045);
            border-color: rgba(255,255,255,0.10);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
            transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
          }
          #modulesPanel .admin-checklist-card:hover,
          #modulesPanel .admin-module-card:hover {
            transform: translateY(-1px);
            background: rgba(255,255,255,0.07);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 16px 34px rgba(0,0,0,0.18);
          }
          #modulesPanel .admin-checklist-card.done {
            border-color: rgba(126, 226, 163, 0.34);
            background: rgba(126, 226, 163, 0.08);
          }
          #modulesPanel .admin-checklist-card.todo {
            border-color: rgba(255, 189, 122, 0.40);
            background: rgba(255, 189, 122, 0.08);
          }
          #modulesPanel .admin-checklist-mark {
            width: 36px;
            height: 36px;
            font-size: 17px;
            background: rgba(255,255,255,0.10);
            color: rgba(245, 242, 234, 0.90);
          }
          #modulesPanel .admin-checklist-card.done .admin-checklist-mark {
            background: rgba(126, 226, 163, 0.13);
            color: var(--modules-green);
          }
          #modulesPanel .admin-checklist-card.todo .admin-checklist-mark {
            background: rgba(255, 189, 122, 0.14);
            color: var(--modules-amber);
          }
          .admin-checklist-copy,
          .admin-module-card-copy {
            display: grid;
            gap: 7px;
            min-width: 0;
          }
          #modulesPanel .admin-checklist-card strong,
          #modulesPanel .admin-module-card strong {
            display: block;
            min-width: 0;
            color: #fff7ef;
            font-size: 15px;
            font-weight: 900;
            line-height: 1.25;
            letter-spacing: 0;
          }
          #modulesPanel .admin-checklist-card small,
          #modulesPanel .admin-module-card small {
            display: block;
            color: rgba(245, 242, 234, 0.66);
            font-size: 13px;
            line-height: 1.42;
          }
          #modulesPanel .panel-subtitle {
            margin: 4px 0 12px;
            color: rgba(245, 242, 234, 0.62);
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 0.08em;
          }
          #modulesPanel .admin-module-grid {
            grid-template-columns: repeat(3, minmax(220px, 1fr));
            gap: 12px;
            margin-top: 0;
          }
          #modulesPanel .admin-module-card {
            min-height: 132px;
            padding: 18px;
            border-radius: 22px;
            background: rgba(255,255,255,0.045);
            border-color: rgba(255,255,255,0.10);
            justify-content: space-between;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
            transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
          }
          #modulesPanel .admin-module-card-status {
            display: flex;
            justify-content: flex-start;
          }
          #modulesPanel .admin-module-card .admin-status-chip {
            min-height: 28px;
            padding: 0 10px;
            font-size: 12px;
            font-weight: 850;
            background: rgba(255,255,255,0.045);
          }
          #modulesPanel .admin-module-card .admin-status-chip.good {
            color: var(--modules-green);
            background: rgba(126, 226, 163, 0.10);
            border-color: rgba(126, 226, 163, 0.32);
          }
          #modulesPanel .admin-module-card .admin-status-chip.warn {
            color: var(--modules-amber);
            background: rgba(255, 189, 122, 0.10);
            border-color: rgba(255, 189, 122, 0.34);
          }
          @media (max-width: 1100px) {
            #modulesPanel .admin-checklist-grid,
            #modulesPanel .admin-module-grid {
              grid-template-columns: repeat(2, minmax(220px, 1fr));
            }
          }
          @media (max-width: 760px) {
            #modulesPanel .panel-title-row {
              align-items: stretch;
              flex-direction: column;
            }
            #modulesPanel .admin-product-hero {
              grid-template-columns: 1fr;
              padding: 20px;
            }
            #modulesPanel .admin-product-title {
              font-size: 22px;
            }
            #modulesPanel .admin-product-progress {
              min-width: 0;
              width: 100%;
              min-height: 104px;
            }
            #modulesPanel .admin-checklist-grid,
            #modulesPanel .admin-module-grid {
              grid-template-columns: 1fr;
            }
          }
          .admin-customer-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
          .admin-customer-tab {
            border: 1px solid rgba(255,255,255,0.10);
            background: rgba(255,255,255,0.055);
            color: var(--muted);
            border-radius: 999px;
            padding: 8px 12px;
            cursor: pointer;
          }
          .admin-customer-tab.active {
            color: var(--text);
            background: rgba(96, 140, 255, 0.22);
            border-color: rgba(96, 140, 255, 0.45);
          }
          #securityPanel {
            --security-surface: rgba(255, 255, 255, 0.055);
            --security-surface-strong: rgba(255, 255, 255, 0.082);
            --security-border: rgba(255, 255, 255, 0.11);
          }
          #securityPanel .panel-title-row {
            margin-bottom: 22px;
          }
          #securityPanel .hint {
            max-width: 560px;
            color: rgba(245, 242, 234, 0.62);
            font-size: 14px;
            line-height: 1.45;
          }
          #securityPanel .btn-ghost {
            min-height: 44px;
            padding: 0 22px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.07);
            border-color: rgba(255, 255, 255, 0.13);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 18px 42px rgba(0,0,0,0.18);
          }
          #securityPanel .security-tabs {
            width: fit-content;
            max-width: 100%;
            padding: 5px;
            gap: 4px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.055);
            border: 1px solid rgba(255, 255, 255, 0.09);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
          }
          #securityPanel .security-tabs .admin-customer-tab {
            min-height: 40px;
            padding: 0 16px;
            border: 0;
            background: transparent;
            color: rgba(245, 242, 234, 0.72);
            font-size: 14px;
            font-weight: 800;
            transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
          }
          #securityPanel .security-tabs .admin-customer-tab.active {
            background: #f5f2ea;
            color: #151b22;
            box-shadow: 0 10px 24px rgba(0,0,0,0.22);
          }
          #securityPanel .security-summary-strip {
            padding: 0;
            margin: 18px 0 14px;
            border: 0;
            background: transparent;
          }
          .security-summary-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 10px;
          }
          .security-metric-card {
            display: grid;
            gap: 6px;
            min-height: 86px;
            padding: 16px 18px;
            border-radius: 22px;
            border: 1px solid var(--security-border);
            background: linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.035));
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
          }
          .security-metric-card span {
            color: rgba(245, 242, 234, 0.58);
            font-size: 12px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.04em;
          }
          .security-metric-card strong {
            color: #fff7ef;
            font-size: 24px;
            line-height: 1.05;
          }
          .security-metric-card.good strong { color: #7ee2a3; }
          .security-metric-card.warn strong { color: #ffb36b; }
          #securityPanel .security-table-card {
            border-radius: 24px;
            border-color: var(--security-border);
            background: linear-gradient(180deg, rgba(25, 31, 39, 0.96), rgba(20, 25, 32, 0.98));
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
          }
          .security-event-list {
            display: grid;
          }
          .security-event-row {
            display: grid;
            grid-template-columns: 16px minmax(240px, 1fr) minmax(120px, 0.65fr) auto minmax(150px, auto);
            gap: 14px;
            align-items: center;
            min-height: 64px;
            padding: 12px 18px;
            border-bottom: 1px solid rgba(255,255,255,0.075);
          }
          .security-event-row:last-child {
            border-bottom: 0;
          }
          .security-event-row:hover {
            background: rgba(255,255,255,0.035);
          }
          .security-event-dot {
            width: 9px;
            height: 9px;
            border-radius: 999px;
            background: rgba(245, 242, 234, 0.45);
            box-shadow: 0 0 0 5px rgba(245, 242, 234, 0.05);
          }
          .security-event-row.warn .security-event-dot {
            background: #ffb36b;
            box-shadow: 0 0 0 5px rgba(255, 179, 107, 0.11);
          }
          .security-event-row.good .security-event-dot {
            background: #7ee2a3;
            box-shadow: 0 0 0 5px rgba(126, 226, 163, 0.11);
          }
          .security-event-main {
            display: grid;
            gap: 3px;
            min-width: 0;
          }
          .security-event-main strong {
            min-width: 0;
            color: #fff7ef;
            font-size: 15px;
            font-weight: 850;
            letter-spacing: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .security-event-main small,
          .security-event-target,
          .security-event-time {
            min-width: 0;
            color: rgba(245, 242, 234, 0.62);
            font-size: 13px;
            line-height: 1.35;
          }
          .security-event-main small,
          .security-event-target {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .security-event-time {
            color: rgba(245, 242, 234, 0.82);
            font-weight: 700;
            text-align: right;
            white-space: nowrap;
          }
          .security-event-status {
            min-width: 0;
            display: flex;
            justify-content: flex-end;
          }
          .security-empty-state {
            min-height: 128px;
            display: grid;
            place-items: center;
            gap: 6px;
            padding: 24px;
            text-align: center;
            color: rgba(245, 242, 234, 0.64);
          }
          .security-empty-state strong {
            color: #fff7ef;
            font-size: 16px;
          }
          .security-empty-state small {
            max-width: 520px;
            color: rgba(245, 242, 234, 0.56);
            font-size: 13px;
            line-height: 1.45;
          }
          .security-empty-icon {
            width: 34px;
            height: 34px;
            display: grid;
            place-items: center;
            border-radius: 999px;
            background: rgba(126, 226, 163, 0.12);
            color: #7ee2a3;
            font-weight: 900;
          }
          #securityPanel .security-rules-card {
            padding: 24px;
            border-radius: 24px;
            border-color: var(--security-border);
            background: linear-gradient(180deg, rgba(30, 36, 45, 0.98), rgba(20, 25, 32, 0.98));
          }
          #securityPanel .security-rules-card .profile-admin-setting-head {
            align-items: flex-start;
            margin-bottom: 18px;
          }
          #securityPanel .security-rules-card .btn {
            min-width: 240px;
            min-height: 48px;
          }
          .security-rule-summary {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            white-space: normal;
          }
          .security-rule-summary span {
            display: inline-flex;
            align-items: center;
            min-height: 30px;
            padding: 0 10px;
            border-radius: 999px;
            background: rgba(255,255,255,0.06);
            border: 1px solid rgba(255,255,255,0.08);
            color: rgba(245, 242, 234, 0.74);
            font-size: 12px;
            font-weight: 800;
          }
          .security-rule-grid {
            gap: 12px;
          }
          .security-rule-field {
            padding: 14px;
            border-radius: 20px;
            border: 1px solid rgba(255,255,255,0.08);
            background: rgba(255,255,255,0.035);
          }
          .security-rule-field .label {
            margin-top: 0;
            color: rgba(245, 242, 234, 0.58);
            font-size: 12px;
            font-weight: 800;
          }
          .security-rule-field .field {
            min-height: 46px;
            border-radius: 16px;
            border-color: rgba(255,255,255,0.09);
            background: rgba(12, 16, 22, 0.7);
            font-size: 17px;
            font-weight: 850;
          }
          @media (max-width: 900px) {
            #securityPanel .panel-title-row {
              align-items: stretch;
              flex-direction: column;
            }
            #securityPanel .security-tabs {
              width: 100%;
            }
            #securityPanel .security-tabs .admin-customer-tab {
              flex: 1 1 160px;
            }
            .security-summary-grid,
            #securityPanel .security-rule-grid {
              grid-template-columns: 1fr;
            }
            .security-event-row {
              grid-template-columns: 14px minmax(0, 1fr);
              gap: 10px 12px;
              align-items: start;
            }
            .security-event-target,
            .security-event-status,
            .security-event-time {
              grid-column: 2;
              text-align: left;
              justify-content: flex-start;
            }
            .security-event-target:empty,
            .security-event-status:empty {
              display: none;
            }
            #securityPanel .security-rules-card .profile-admin-setting-head {
              align-items: stretch;
            }
            #securityPanel .security-rules-card .btn {
              width: 100%;
              min-width: 0;
            }
          }
          .admin-summary-strip {
            margin: 10px 0 12px;
            padding: 10px 12px;
            border-radius: 12px;
            border: 1px solid rgba(255,255,255,0.08);
            background: rgba(255,255,255,0.045);
            color: var(--muted);
            font-size: 13px;
          }
          .loyalty-command-center {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
            gap: 16px;
            margin-bottom: 18px;
          }
          .loyalty-command-main,
          .loyalty-preview-rail,
          .loyalty-command-hero,
          .loyalty-kpi-card,
          .loyalty-tool-card,
          .loyalty-miniapp-preview,
          .loyalty-miniapp-qr,
          .loyalty-miniapp-status,
          .loyalty-miniapp-cards > div,
          .loyalty-miniapp-offers,
          .loyalty-ai-box {
            border: 1px solid rgba(255, 255, 255, 0.075);
            background:
              radial-gradient(130% 120% at 12% 0%, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0) 34%),
              radial-gradient(110% 140% at 100% 0%, rgba(255, 139, 58, 0.10), rgba(255, 139, 58, 0) 38%),
              rgba(18, 24, 31, 0.82);
            box-shadow: 18px 18px 34px rgba(4, 8, 13, 0.34), inset 1px 1px 0 rgba(255, 255, 255, 0.025);
          }
          .loyalty-command-main,
          .loyalty-preview-rail {
            border-radius: 24px;
            padding: 14px;
          }
          .loyalty-command-hero {
            border-radius: 20px;
            padding: 18px;
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 16px;
          }
          .loyalty-command-hero h2 {
            margin: 4px 0 6px;
            color: #f5f2ea;
            font-size: 28px;
            line-height: 1.05;
          }
          .loyalty-command-hero p,
          .loyalty-ai-box p {
            margin: 0;
            color: rgba(174, 184, 194, 0.9);
            font-size: 13px;
            line-height: 1.45;
          }
          .loyalty-command-actions {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
            justify-content: flex-end;
          }
          .loyalty-kpi-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 12px;
            margin: 12px 0;
          }
          .loyalty-kpi-card {
            border-radius: 18px;
            padding: 14px;
            min-height: 92px;
          }
          .loyalty-kpi-card span,
          .loyalty-miniapp-head span,
          .loyalty-miniapp-status span,
          .loyalty-miniapp-cards span,
          .loyalty-miniapp-offers span {
            display: block;
            color: rgba(174, 184, 194, 0.88);
            font-size: 12px;
            line-height: 1.2;
          }
          .loyalty-kpi-card strong {
            display: block;
            margin-top: 8px;
            color: #f5f2ea;
            font-size: 20px;
            line-height: 1.1;
          }
          .loyalty-kpi-card small,
          .loyalty-tool-card small,
          .loyalty-miniapp-head small,
          .loyalty-miniapp-qr small,
          .loyalty-miniapp-cards small,
          .loyalty-miniapp-offers small {
            display: block;
            margin-top: 6px;
            color: rgba(174, 184, 194, 0.78);
            font-size: 12px;
            line-height: 1.3;
          }
          .loyalty-tool-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 12px;
          }
          .loyalty-tool-card {
            min-height: 168px;
            border-radius: 20px;
            padding: 14px;
            color: #f5f2ea;
            text-align: left;
            display: grid;
            align-content: start;
            gap: 8px;
            cursor: pointer;
          }
          .loyalty-tool-card:hover {
            border-color: rgba(255, 154, 85, 0.32);
            transform: translateY(-1px);
          }
          .loyalty-tool-icon {
            width: 38px;
            height: 38px;
            border-radius: 14px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: rgba(255, 139, 58, 0.13);
            color: #ff9a55;
            font-weight: 900;
            box-shadow: inset 5px 5px 10px rgba(4, 8, 13, 0.42), inset -4px -4px 8px rgba(255, 255, 255, 0.02);
          }
          .loyalty-tool-card strong {
            font-size: 15px;
            line-height: 1.2;
          }
          .loyalty-tool-card em {
            width: fit-content;
            border-radius: 999px;
            padding: 3px 8px;
            background: rgba(91, 220, 136, 0.10);
            color: #9ef0bc;
            font-size: 11px;
            line-height: 1;
            font-style: normal;
          }
          .loyalty-tool-card b {
            margin-top: auto;
            color: #ffd8bb;
            font-size: 12px;
            font-weight: 800;
          }
          .loyalty-tool-index {
            width: 28px;
            height: 28px;
            display: inline-grid;
            place-items: center;
            border-radius: 10px;
            background: linear-gradient(180deg, rgba(255, 157, 80, 0.95), rgba(242, 101, 34, 0.88));
            color: #201109;
            font-size: 13px;
            font-weight: 900;
          }
          .loyalty-tool-title-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
          }
          .loyalty-tool-title-row em {
            flex: 0 0 auto;
          }
          .loyalty-tool-progress {
            position: relative;
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 6px;
            margin: 2px 0 4px;
          }
          .loyalty-tool-progress::before {
            content: "";
            position: absolute;
            left: 13px;
            right: 13px;
            top: 50%;
            height: 2px;
            transform: translateY(-50%);
            background: linear-gradient(90deg, #ff9a55 0 58%, rgba(255,255,255,0.10) 58% 100%);
          }
          .loyalty-tool-progress i {
            position: relative;
            z-index: 1;
            width: 26px;
            height: 26px;
            display: grid;
            place-items: center;
            border-radius: 999px;
            background: #252c34;
            color: #aeb8c2;
            font-size: 10px;
            font-style: normal;
            font-weight: 900;
            justify-self: center;
          }
          .loyalty-tool-progress i.done {
            background: var(--hub-home-accent-strong, linear-gradient(180deg, #ffad63, #ff7a24));
            color: #201109;
          }
          .loyalty-tool-card.green .loyalty-tool-icon { background: rgba(91, 220, 136, 0.12); color: #76e49e; }
          .loyalty-tool-card.blue .loyalty-tool-icon { background: rgba(89, 144, 255, 0.12); color: #7ea8ff; }
          .loyalty-tool-card.purple .loyalty-tool-icon,
          .loyalty-tool-card.violet .loyalty-tool-icon { background: rgba(163, 92, 255, 0.13); color: #b88cff; }
          .loyalty-tool-card.red .loyalty-tool-icon { background: rgba(255, 88, 128, 0.12); color: #ff7d99; }
          .loyalty-tool-card.cyan .loyalty-tool-icon { background: rgba(64, 196, 255, 0.12); color: #72d8ff; }
          .loyalty-preview-rail {
            display: grid;
            gap: 12px;
            align-content: start;
          }
          .loyalty-miniapp-preview {
            border-radius: 28px;
            padding: 14px 14px 15px;
            min-height: 0;
            display: grid;
            gap: 10px;
            align-content: start;
            font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            background:
              radial-gradient(220px 220px at 82% 0%, rgba(255, 139, 58, 0.18), rgba(255, 139, 58, 0) 66%),
              radial-gradient(170px 170px at 18% 34%, rgba(65, 105, 133, 0.14), rgba(65, 105, 133, 0) 68%),
              linear-gradient(180deg, rgba(16, 22, 29, 0.99), rgba(8, 13, 19, 0.99));
          }
          .loyalty-miniapp-head {
            display: grid;
            grid-template-columns: 42px minmax(0, 1fr) auto;
            align-items: start;
            gap: 9px;
            color: #f5f2ea;
          }
          .loyalty-miniapp-head strong {
            display: block;
            color: #fff7ef;
            font-size: 18px;
            line-height: 1.05;
            letter-spacing: 0;
          }
          .loyalty-miniapp-head span {
            max-width: 158px;
            overflow-wrap: anywhere;
            font-size: 11px;
            line-height: 1.12;
          }
          .loyalty-miniapp-head small {
            margin-top: 2px;
            font-size: 11px;
            line-height: 1.12;
          }
          .loyalty-miniapp-hub {
            width: 40px;
            height: 48px;
            border-radius: 12px;
            display: grid;
            grid-template-rows: 25px auto;
            place-items: center;
            flex: 0 0 auto;
            color: #f7f0e7;
            font-size: 10px;
            line-height: 1;
            font-weight: 900;
            letter-spacing: .5px;
            background: rgba(255,255,255,0.02);
          }
          .loyalty-miniapp-hub img {
            width: 26px;
            height: 26px;
            display: block;
            object-fit: contain;
            filter: brightness(0) invert(1) sepia(14%) saturate(330%) hue-rotate(329deg) brightness(102%) contrast(92%);
          }
          .loyalty-miniapp-hub span {
            color: #f7f0e7;
            font-size: 10px;
            line-height: 1;
            font-weight: 900;
            letter-spacing: .5px;
          }
          .loyalty-miniapp-icons {
            margin-left: auto;
            display: flex;
            gap: 7px;
            color: #f7f0e7;
          }
          .loyalty-miniapp-icons span {
            display: grid;
            place-items: center;
            width: 30px;
            height: 30px;
            border-radius: 10px;
            background: rgba(255,255,255,0.045);
            color: #f5f0e8;
            position: relative;
          }
          .loyalty-miniapp-cart svg {
            width: 21px;
            height: 21px;
            display: block;
          }
          .loyalty-miniapp-bell img {
            width: 21px;
            height: 21px;
            display: block;
            object-fit: contain;
            filter: brightness(0) invert(1) sepia(14%) saturate(330%) hue-rotate(329deg) brightness(102%) contrast(92%);
          }
          .loyalty-miniapp-bell b {
            position: absolute;
            right: -5px;
            top: -7px;
            min-width: 18px;
            height: 18px;
            padding: 0 4px;
            border-radius: 999px;
            display: grid;
            place-items: center;
            background: #ff9a55;
            color: #221008;
            font-size: 10px;
            line-height: 1;
            font-weight: 900;
          }
          .loyalty-miniapp-qr,
          .loyalty-miniapp-status,
          .loyalty-miniapp-cards > div,
          .loyalty-miniapp-offers,
          .loyalty-ai-box {
            border-radius: 18px;
            padding: 14px;
            background:
              radial-gradient(120% 140% at 100% 0%, rgba(255, 139, 58, 0.08), rgba(255, 139, 58, 0) 36%),
              rgba(22, 29, 37, 0.9);
          }
          .loyalty-miniapp-qr {
            display: grid;
            grid-template-columns: 74px minmax(0, 1fr);
            gap: 10px;
            align-items: center;
            min-height: 92px;
            border-radius: 22px;
          }
          .loyalty-miniapp-qr-icon {
            width: 66px;
            height: 66px;
            border-radius: 18px;
            display: grid;
            place-items: center;
            color: #fff7ef;
            line-height: 1;
            background: rgba(7, 12, 18, 0.42);
            box-shadow: inset 0 0 0 2px rgba(255,255,255,0.06);
          }
          .loyalty-miniapp-qr-icon img {
            width: 42px;
            height: 42px;
            display: block;
            object-fit: contain;
            filter: brightness(0) invert(1) sepia(14%) saturate(330%) hue-rotate(329deg) brightness(102%) contrast(92%);
          }
          .loyalty-miniapp-qr strong {
            display: block;
            color: #fff7ef;
            font-size: 22px;
            line-height: 1.05;
          }
          .loyalty-miniapp-qr span {
            display: block;
            margin-top: 5px;
            color: #aeb8c2;
            font-size: 12px;
            line-height: 1.22;
          }
          .loyalty-miniapp-status {
            display: grid;
            grid-template-columns: minmax(0, .72fr) minmax(0, .74fr) 62px minmax(0, .72fr);
            align-items: center;
            gap: 8px;
            border-radius: 22px 22px 8px 8px;
            padding: 16px 14px 18px;
          }
          .loyalty-miniapp-status span,
          .loyalty-miniapp-cards span {
            font-size: 11px;
            line-height: 1.12;
            font-weight: 800;
            letter-spacing: .02em;
          }
          .loyalty-miniapp-status strong,
          .loyalty-miniapp-cards strong,
          .loyalty-miniapp-offers strong {
            display: block;
            margin-top: 4px;
            color: #fff6ed;
            font-size: 22px;
            line-height: 1.05;
          }
          .loyalty-miniapp-status > div:last-child {
            text-align: right;
          }
          .loyalty-miniapp-status > div:last-child span {
            color: #ffd8bb;
            font-weight: 900;
          }
          .loyalty-miniapp-arrow {
            width: 54px;
            height: 54px;
            border-radius: 999px;
            display: grid;
            place-items: center;
            transform: translateX(3px);
            background: radial-gradient(circle, rgba(255, 154, 85, 0.35), rgba(255, 154, 85, 0.08) 58%, rgba(255, 154, 85, 0) 76%);
            color: #ff9a55;
            animation: loyaltyPreviewArrowPulse 1.9s ease-in-out infinite;
          }
          .loyalty-miniapp-arrow img {
            width: 24px;
            height: 24px;
            display: block;
            object-fit: contain;
            filter: brightness(0) invert(1) sepia(14%) saturate(330%) hue-rotate(329deg) brightness(102%) contrast(92%);
          }
          .loyalty-miniapp-tabs {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            margin-top: -10px;
            overflow: hidden;
            border-radius: 14px;
            border: 1px solid rgba(255,255,255,0.055);
            background: rgba(8, 13, 19, 0.78);
          }
          .loyalty-miniapp-tabs span {
            min-height: 38px;
            display: grid;
            place-items: center;
            color: #fff7ef;
            font-size: 10px;
            font-weight: 900;
            border-right: 1px solid rgba(255,255,255,0.06);
          }
          .loyalty-miniapp-tabs span:last-child {
            border-right: 0;
          }
          .loyalty-miniapp-cards {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
          }
          .loyalty-miniapp-cards > div {
            min-height: 120px;
            padding: 14px 13px;
          }
          .loyalty-miniapp-cards span {
            color: #f7f0e7;
            font-weight: 800;
          }
          .loyalty-miniapp-cards strong {
            font-size: 22px;
            letter-spacing: -0.02em;
          }
          .loyalty-miniapp-cards small {
            color: #ffd8bb;
            font-weight: 900;
            font-size: 11px;
          }
          .loyalty-miniapp-cards i {
            display: block;
            height: 7px;
            margin: 8px 0 10px;
            border-radius: 999px;
            background:
              linear-gradient(90deg, #ff9a55 0 38%, rgba(5, 10, 15, 0.78) 38% 100%);
          }
          .loyalty-miniapp-offers {
            min-height: 102px;
            padding: 15px 14px;
          }
          .loyalty-miniapp-offers strong {
            color: #ff8f4f;
            font-size: 24px;
            line-height: 1.05;
            letter-spacing: -0.02em;
          }
          .loyalty-miniapp-offers span {
            margin-top: 4px;
            font-size: 11px;
            line-height: 1.16;
          }
          .loyalty-miniapp-offers small {
            padding-left: 18px;
            margin-top: 6px;
            color: rgba(174, 184, 194, 0.78);
            font-size: 11px;
          }
          @keyframes loyaltyPreviewArrowPulse {
            0%, 100% { box-shadow: 0 0 0 0 rgba(255, 154, 85, 0.10); }
            50% { box-shadow: 0 0 0 7px rgba(255, 154, 85, 0.04); }
          }
          .loyalty-ai-box {
            padding: 16px;
          }
          .loyalty-ai-box strong {
            display: block;
            color: #ffd8bb;
            margin-bottom: 6px;
          }
          @media (max-width: 1180px) {
            .loyalty-command-center {
              grid-template-columns: 1fr;
            }
            .loyalty-tool-grid,
            .loyalty-kpi-grid {
              grid-template-columns: repeat(2, minmax(0, 1fr));
            }
          }
          @media (max-width: 680px) {
            .loyalty-command-hero {
              flex-direction: column;
            }
            .loyalty-command-actions {
              width: 100%;
              justify-content: stretch;
            }
            .loyalty-command-actions .btn,
            .loyalty-command-actions .btn-ghost {
              width: 100%;
            }
            .loyalty-tool-grid,
            .loyalty-kpi-grid {
              grid-template-columns: 1fr;
            }
            .loyalty-miniapp-status {
              grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .loyalty-miniapp-status > div:last-child {
              text-align: left;
            }
            .loyalty-miniapp-cards {
              grid-template-columns: 1fr;
            }
          }
          .admin-table-card {
            border: 1px solid rgba(255,255,255,0.10);
            border-radius: 16px;
            overflow: hidden;
            background: rgba(255,255,255,0.035);
          }
          .admin-table-head,
          .admin-table-row {
            display: grid;
            grid-template-columns: 1.5fr 0.9fr 0.8fr 0.65fr 1fr 0.7fr;
            gap: 10px;
            align-items: center;
            padding: 12px;
            border-bottom: 1px solid rgba(255,255,255,0.08);
          }
          .admin-table-head {
            color: var(--muted);
            font-size: 12px;
            background: rgba(255,255,255,0.05);
          }
          .admin-table-head.five,
          #trafficSourcesTable .admin-table-row {
            grid-template-columns: 1.5fr 0.7fr 0.7fr 0.8fr 0.8fr;
          }
          .admin-table-row {
            width: 100%;
            color: var(--text);
            background: transparent;
            border-left: 0;
            border-right: 0;
            border-top: 0;
            text-align: left;
          }
          .admin-table-row.compact { grid-template-columns: minmax(0, 1fr) auto auto; }
          .admin-table-row:last-child { border-bottom: 0; }
          button.admin-table-row { cursor: pointer; }
          button.admin-table-row:hover,
          .admin-module-card:hover,
          .admin-checklist-card:hover,
          .admin-workflow-card:hover {
            background: rgba(255,255,255,0.075);
          }
          .admin-birthday-layout,
          .admin-voucher-layout {
            display: grid;
            grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
            gap: 14px;
          }
          .admin-calendar-grid {
            display: grid;
            grid-template-columns: repeat(7, minmax(0, 1fr));
            align-content: start;
            align-items: start;
            gap: 0;
          }
          .admin-calendar-day {
            position: relative;
            aspect-ratio: 1 / 1;
            min-height: 0;
            border: 1px solid rgba(255,255,255,0.08);
            border-radius: 0;
            padding: 8px;
            background: rgba(255,255,255,0.035);
          }
          .admin-calendar-day:focus-visible {
            outline: 2px solid rgba(96, 140, 255, 0.62);
            outline-offset: 2px;
          }
          .admin-calendar-day.has {
            border-color: rgba(96, 140, 255, 0.45);
            background: rgba(96, 140, 255, 0.12);
          }
          .admin-calendar-day span {
            display: block;
            margin-top: 8px;
            color: var(--muted);
            font-size: 11px;
          }
          .admin-calendar-tooltip {
            position: absolute;
            bottom: calc(100% + 8px);
            left: 0;
            z-index: 30;
            min-width: 220px;
            max-width: 320px;
            display: none;
            padding: 10px;
            border: 1px solid rgba(255,255,255,0.14);
            border-radius: 12px;
            background: #202832;
            box-shadow: 0 18px 38px rgba(0,0,0,0.38);
          }
          .admin-calendar-day:nth-child(7n) .admin-calendar-tooltip {
            right: 0;
            left: auto;
          }
          .admin-calendar-day.has:hover .admin-calendar-tooltip,
          .admin-calendar-day.has:focus-visible .admin-calendar-tooltip,
          .admin-calendar-day.has:focus-within .admin-calendar-tooltip {
            display: grid;
            gap: 6px;
          }
          .admin-calendar-tooltip-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 10px;
            align-items: baseline;
            color: #f5f2ea;
            font-size: 12px;
            line-height: 1.25;
          }
          .admin-calendar-tooltip-row span {
            display: block;
            min-width: 0;
            margin: 0;
            overflow: hidden;
            color: #f5f2ea;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .admin-calendar-tooltip-row strong {
            color: #aecaef;
            font-size: 12px;
            white-space: nowrap;
          }
          .admin-calendar-tooltip-more {
            padding-top: 4px;
            color: var(--muted);
            font-size: 11px;
          }
          .admin-phone-preview {
            min-height: 260px;
            border-radius: 22px;
            padding: 18px;
            border: 1px solid rgba(255,255,255,0.10);
            background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.035));
          }
          .admin-phone-card-title { font-size: 20px; font-weight: 800; margin-bottom: 10px; }
          .admin-phone-card-body { color: var(--muted); line-height: 1.45; }
          .admin-phone-card-meta {
            margin-top: 18px;
            padding: 10px;
            border-radius: 12px;
            background: rgba(96, 140, 255, 0.14);
          }
          .dashboard-launch-checklist {
            border: 1px solid rgba(255,255,255,0.10);
            border-radius: 18px;
            background: linear-gradient(135deg, rgba(96, 140, 255, 0.14), rgba(36, 210, 108, 0.08));
            padding: 16px;
            margin-bottom: 16px;
          }
          .dashboard-launch-checklist.complete {
            border-color: rgba(91, 220, 136, 0.32);
            background:
              radial-gradient(720px 180px at 100% 0%, rgba(91, 220, 136, 0.16), rgba(91, 220, 136, 0) 56%),
              linear-gradient(135deg, rgba(96, 140, 255, 0.12), rgba(36, 210, 108, 0.13));
          }
          .dashboard-launch-details {
            display: block;
          }
          .dashboard-launch-summary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            list-style: none;
            cursor: pointer;
            user-select: none;
          }
          .dashboard-launch-summary::-webkit-details-marker {
            display: none;
          }
          .dashboard-launch-summary:focus-visible {
            outline: 2px solid rgba(91, 220, 136, 0.34);
            outline-offset: 4px;
            border-radius: 14px;
          }
          .dashboard-launch-details[open] .dashboard-launch-summary {
            margin-bottom: 12px;
          }
          .dashboard-launch-head {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 12px;
            flex: 1;
            min-width: 0;
          }
          .dashboard-launch-progress {
            min-width: 54px;
            border-radius: 999px;
            background: rgba(255,255,255,0.12);
            color: var(--text);
            font-weight: 800;
            text-align: center;
            padding: 7px 10px;
          }
          .dashboard-launch-checklist.complete .dashboard-launch-progress {
            background: rgba(91, 220, 136, 0.18);
            color: #eaffef;
            box-shadow: inset 0 0 0 1px rgba(91, 220, 136, 0.18);
          }
          .dashboard-launch-toggle {
            flex: 0 0 auto;
            border: 1px solid rgba(255,255,255,0.12);
            border-radius: 999px;
            background: rgba(255,255,255,0.06);
            color: #9bb5ff;
            font-size: 12px;
            font-weight: 800;
            padding: 8px 12px;
            transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
          }
          .dashboard-launch-summary:hover .dashboard-launch-toggle {
            background: rgba(255,255,255,0.1);
            border-color: rgba(155, 181, 255, 0.3);
            color: #c8d6ff;
          }
          .dashboard-launch-details[open] .dashboard-launch-toggle {
            color: #ffbe83;
          }
          .dashboard-launch-checklist.complete .dashboard-launch-details:not([open]) .dashboard-launch-summary {
            min-height: 74px;
          }
          .dashboard-launch-grid {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 10px;
          }
          .dashboard-launch-item {
            border: 1px solid rgba(255,255,255,0.10);
            border-radius: 14px;
            background: rgba(255,255,255,0.055);
            color: var(--text);
            padding: 12px;
            display: grid;
            grid-template-columns: auto minmax(0, 1fr);
            gap: 9px;
            text-align: left;
            cursor: pointer;
          }
          .dashboard-launch-item.done {
            border-color: rgba(91, 220, 136, 0.35);
            background: rgba(91, 220, 136, 0.08);
          }
          .dashboard-launch-check {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: rgba(255,255,255,0.12);
            font-weight: 800;
          }
          .dashboard-launch-item strong,
          .dashboard-launch-item small,
          .dashboard-launch-item em {
            display: block;
          }
          .dashboard-launch-item small {
            margin-top: 4px;
            color: var(--muted);
            font-size: 12px;
            line-height: 1.35;
          }
          .dashboard-launch-item em {
            grid-column: 2;
            margin-top: 8px;
            color: #9bb5ff;
            font-style: normal;
            font-size: 12px;
            font-weight: 700;
          }
          .export-privacy-list {
            display: grid;
            gap: 8px;
            margin: 12px 0;
            color: var(--muted);
            font-size: 13px;
            line-height: 1.4;
          }
          .hidden { display: none; }
          @media (max-width: 980px) {
            .wrap {
              padding: 12px;
            }
            .admin-header-bar {
              position: static;
              margin: 0 0 14px;
            }
            .admin-shell.admin-sidebar-collapsed-shell .admin-header-bar {
              left: auto;
            }
            .admin-layout {
              grid-template-columns: 1fr;
              gap: 18px;
              border: 0;
              border-radius: 0;
              background: transparent;
              box-shadow: none;
            }
            .admin-product-hero,
            .admin-birthday-layout,
            .admin-voucher-layout {
              grid-template-columns: 1fr;
            }
            .admin-checklist-grid,
            .admin-module-grid,
            .admin-workflow-grid,
            .dashboard-launch-grid {
              grid-template-columns: 1fr;
            }
            .admin-table-head {
              display: none;
            }
            .admin-table-row,
            #trafficSourcesTable .admin-table-row {
              grid-template-columns: 1fr;
            }
            .admin-sidebar {
              position: relative;
              top: 0;
              border: 1px solid rgba(106, 86, 53, 0.46);
              border-radius: 18px;
              padding: 12px;
            }
            .admin-sidebar-head {
              position: static;
              padding: 0 0 10px;
            }
            .admin-nav {
              grid-template-columns: repeat(2, minmax(0, 1fr));
              position: static;
              top: auto;
            }
            .admin-nav-btn {
              width: 100%;
              min-height: 54px;
              grid-template-columns: 36px minmax(0, 1fr);
              padding: 9px 10px;
              border-radius: 14px;
              border: 1px solid rgba(106, 86, 53, 0.24);
              background: rgba(42, 31, 58, 0.42);
            }
            .admin-nav-btn::after {
              display: none;
            }
            .admin-nav-btn-icon {
              width: 36px;
              height: 36px;
              border-radius: 11px;
            }
            .admin-nav-btn-arrow {
              display: none;
            }
            .admin-nav-btn.active {
              width: 100%;
              margin-right: 0;
              background: linear-gradient(180deg, rgba(40, 29, 53, 0.98) 0%, rgba(31, 22, 45, 0.98) 100%);
              color: #fff7ef;
              border-color: rgba(255, 179, 106, 0.42);
              box-shadow: inset 3px 0 0 #ff9e52;
            }
            .admin-nav-btn.active .admin-nav-btn-icon {
              background: linear-gradient(180deg, rgba(255, 162, 93, 0.26) 0%, rgba(126, 76, 39, 0.32) 100%);
              border-color: rgba(255, 187, 119, 0.2);
              color: #ffd7ae;
            }
            .admin-layout.admin-sidebar-collapsed {
              grid-template-columns: 1fr;
            }
            .admin-layout.admin-sidebar-collapsed .admin-sidebar {
              padding: 12px;
            }
            .admin-layout.admin-sidebar-collapsed .admin-sidebar-brand {
              display: flex;
            }
            .admin-layout.admin-sidebar-collapsed .admin-nav {
              grid-template-columns: repeat(4, minmax(0, 1fr));
            }
            .admin-layout.admin-sidebar-collapsed .admin-nav-btn {
              width: 100%;
              min-height: 54px;
              height: 54px;
            }
            .admin-content {
              padding: 0;
              background: transparent;
              border-radius: 0;
            }
            .admin-content > .panel.admin-section {
              background: rgba(33, 25, 43, 0.85);
              border: 1px solid rgba(106, 86, 53, 0.6);
              border-radius: 16px;
              padding: 22px;
              box-shadow: 0 18px 50px rgba(0,0,0,0.45);
            }
            .analytics-overview { grid-template-columns: 1fr; }
            .analytics-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
            .analytics-kpi-group-head-top {
              flex-direction: column;
            }
            .analytics-kpi-grid-scrollable > * {
              flex-basis: calc((100% - 10px) / 2);
              min-width: 220px;
            }
            .analytics-main { grid-template-columns: 1fr; }
            .analytics-drill { position: static; }
            .client-card-head,
            .client-card-row-top,
            .client-card-meta-row,
            .client-card-status-row {
              grid-template-columns: 1fr;
              justify-content: stretch;
            }
            .client-card-head,
            .client-card-row-top,
            .client-card-meta-row,
            .client-card-status-row {
              display: grid;
            }
            .client-card-meta-row strong,
            .client-card-status-row strong {
              text-align: left;
            }
          }
          @media (max-width: 1400px) {
            .demo-chart { grid-template-columns: 1fr; gap: 12px; }
            .demo-bars { min-height: 176px; gap: 12px; padding: 0 8px; }
            .demo-col { grid-template-rows: 22px 110px 30px; }
            .demo-stack { width: 100%; max-width: none; }
            .demo-value { font-size: 12px; }
            .demo-label { font-size: 12px; }
            .demo-legend {
              margin-top: 0;
              grid-template-columns: repeat(3, minmax(0, auto));
              gap: 8px 12px;
            }
            .demo-legend-item { font-size: 12px; gap: 8px; }
          }
          @media (max-width: 600px) {
            .admin-nav {
              grid-template-columns: 1fr;
              position: static;
              top: auto;
            }
            .timeline-chart { gap: 8px; }
            .timeline-counts { display: none; }
            .timeline-bars { gap: 3px; height: 70px; }
            .timeline-bars.days { height: 70px; }
            .timeline-labels { gap: 3px; font-size: 10px; }
            .timeline-badge { top: -26px; font-size: 10px; padding: 3px 8px; }
            .timeline-dot { width: 9px; height: 9px; }
            .demo-chart { grid-template-columns: 1fr; gap: 12px; }
            .demo-bars { min-height: 168px; }
            .demo-bars { padding: 0 4px; }
            .demo-col { grid-template-rows: 20px 106px 28px; }
            .demo-stack { width: 100%; max-width: none; }
            .demo-value { font-size: 12px; }
            .demo-label { font-size: 11px; }
            .demo-stack-tooltip { display: none; }
            .demo-legend { margin-top: 0; grid-template-columns: repeat(3, minmax(0, auto)); gap: 8px 12px; }
            .demo-legend-item { font-size: 12px; gap: 8px; }
          }
          @media (min-width: 1100px) {
            .admin-layout {
              grid-template-columns: 260px minmax(0, 1fr);
            }
          }
          .modal {
            position: fixed;
            inset: 0;
            display: none;
            align-items: center;
            justify-content: center;
            background: rgba(8, 6, 16, 0.6);
            z-index: 200;
          }
          .modal.show { display: flex; }
          .modal-card {
            width: 100%;
            max-width: 420px;
            background: #2a2333;
            border: 1px solid rgba(106, 86, 53, 0.6);
            border-radius: 16px;
            padding: 22px;
            color: #f5f2ea;
            box-shadow: 0 18px 50px rgba(0,0,0,0.45);
          }
          .modal-title {
            font-size: 16px;
            font-weight: 700;
            margin: 0 0 10px;
          }
          .modal-text {
            font-size: 13px;
            color: #cbbfa9;
            line-height: 1.4;
            margin-bottom: 16px;
          }
          .modal-actions {
            display: flex;
            gap: 10px;
            justify-content: flex-end;
          }
          #operatorProfileFillModal.show {
            align-items: flex-start;
            overflow-y: auto;
            padding: 24px 16px;
          }
          #operatorProfileFillModal .modal-card {
            max-height: calc(100vh - 48px);
            overflow-y: auto;
            margin: 0 auto;
          }
          .profile-admin-settings {
            display: grid;
            gap: 16px;
            margin-bottom: 8px;
          }
          .profile-admin-setting-card {
            border: 1px solid rgba(255, 255, 255, 0.07);
            border-radius: 16px;
            padding: 22px 24px;
            background: linear-gradient(145deg, rgba(28, 34, 42, 0.985), rgba(19, 24, 30, 0.992));
          }
          .profile-admin-setting-head {
            display: flex;
            gap: 18px;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 0;
          }
          .profile-admin-setting-title {
            margin: 0 0 6px;
            font-size: 17px;
            font-weight: 700;
            color: #f5f2ea;
          }
          .profile-admin-setting-status,
          .store-setting-status {
            font-size: 12px;
            font-weight: 800;
            line-height: 1.2;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            color: rgba(245, 242, 234, 0.62);
            white-space: nowrap;
          }
          .profile-admin-setting-status {
            display: inline-block;
            margin: 0 0 10px;
            padding: 5px 8px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.05);
          }
          .profile-admin-setting-status.configured,
          .store-setting-status.configured {
            color: #62d18b;
          }
          .profile-admin-setting-status.default,
          .store-setting-status.default {
            color: #f5be62;
          }
          .profile-admin-setting-status.empty,
          .store-setting-status.empty {
            color: #f06b6b;
          }
          .profile-admin-setting-summary {
            margin: 0;
            color: #cbbfa9;
            font-size: 14px;
            line-height: 1.5;
            white-space: pre-wrap;
          }
          .profile-admin-setting-help {
            margin: 8px 0 0;
            color: rgba(245, 242, 234, 0.62);
            font-size: 13px;
            line-height: 1.45;
          }
          .party-summary-status-active,
          .party-status-active {
            color: #5fd589;
            font-weight: 700;
          }
          .party-summary-status-inactive,
          .party-status-inactive {
            color: #f06b6b;
            font-weight: 700;
          }
          .profile-admin-setting-card .btn {
            min-width: 220px;
            min-height: 48px;
          }
          .voice-greetings-controls {
            align-items: end;
            margin-top: 16px;
          }
          .voice-greetings-limit {
            align-self: center;
            color: #cbbfa9;
            font-size: 14px;
            font-weight: 700;
            text-align: right;
          }
          .voice-greetings-editor {
            display: grid;
            gap: 12px;
            margin-top: 16px;
          }
          .voice-greeting-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 10px;
            padding: 14px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 14px;
            background: rgba(255, 255, 255, 0.025);
          }
          .voice-greeting-row-head {
            grid-column: 1 / -1;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
          }
          .voice-greeting-row textarea {
            min-height: 88px;
            resize: vertical;
          }
          .profile-admin-setting-card .voice-greeting-row .btn {
            min-width: 112px;
            align-self: end;
          }
          .voice-greetings-actions {
            justify-content: space-between;
            margin-top: 16px;
          }
          .store-settings-accordion {
            display: grid;
            gap: 14px;
            margin-bottom: 18px;
          }
          .store-setting-card {
            padding: 0;
            overflow: hidden;
          }
          .store-setting-toggle {
            width: 100%;
            border: 0;
            background: transparent;
            color: inherit;
            padding: 18px 20px;
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 16px;
            text-align: left;
            cursor: pointer;
          }
          .store-setting-toggle:focus-visible {
            outline: 2px solid rgba(242, 139, 58, 0.34);
            outline-offset: -2px;
          }
          .store-setting-toggle-main {
            min-width: 0;
            flex: 1;
            display: grid;
            gap: 6px;
          }
          .store-setting-meta {
            flex: 0 0 auto;
            display: flex;
            align-items: center;
            gap: 12px;
            margin-top: 2px;
          }
          .store-setting-action-label {
            padding: 5px 10px;
            border-radius: 999px;
            border: 1px solid rgba(255, 255, 255, 0.12);
            background: rgba(255, 255, 255, 0.04);
            color: rgba(245, 242, 234, 0.78);
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 0;
            text-transform: none;
            white-space: nowrap;
          }
          .store-setting-summary {
            white-space: normal;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
          }
          .store-setting-chevron {
            flex: 0 0 auto;
            margin-top: 4px;
            font-size: 18px;
            line-height: 1;
            color: rgba(245, 242, 234, 0.62);
            transition: transform 0.18s ease, color 0.18s ease;
          }
          .store-setting-card-direct .store-setting-toggle {
            align-items: center;
          }
          .store-setting-card-direct .store-setting-toggle:hover {
            background: rgba(255, 255, 255, 0.025);
          }
          .store-setting-card-direct .store-setting-chevron {
            margin-top: 0;
            transform: none;
          }
          .store-setting-card-direct .store-setting-toggle:hover .store-setting-action-label {
            border-color: rgba(255, 190, 131, 0.44);
            color: #ffbe83;
          }
          .store-setting-card-direct .store-setting-toggle:hover .store-setting-chevron {
            color: #ffbe83;
            transform: translateX(3px);
          }
          .store-setting-card.is-open .store-setting-chevron {
            transform: rotate(180deg);
            color: #ffbe83;
          }
          .store-setting-card.is-open .store-setting-summary {
            display: block;
            white-space: pre-wrap;
          }
          .store-setting-body {
            display: none;
            padding: 0 20px 20px;
            border-top: 1px solid rgba(106, 86, 53, 0.35);
            background: rgba(255, 255, 255, 0.01);
          }
          .store-setting-card.is-open .store-setting-body {
            display: grid;
            gap: 12px;
          }
          .store-setting-body > * {
            min-width: 0;
          }
          .store-setting-body .btn {
            min-width: 220px;
          }
          .profile-admin-modal-card {
            max-width: 760px;
          }
          .profile-admin-modal-title-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 8px;
          }
          .profile-admin-modal-close {
            width: 36px;
            height: 36px;
            border-radius: 999px;
            border: 1px solid rgba(106, 86, 53, 0.6);
            background: rgba(18, 15, 24, 0.86);
            color: #f5f2ea;
            font-size: 20px;
            line-height: 1;
            cursor: pointer;
          }
          .profile-admin-modal-list {
            display: grid;
            gap: 10px;
            margin: 14px 0 18px;
            max-height: min(52vh, 420px);
            overflow: auto;
            padding-right: 4px;
          }
          .profile-admin-district-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
            gap: 10px;
            align-items: end;
          }
          .profile-admin-district-row .field {
            width: 100%;
          }
          .profile-admin-fields-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px 18px;
            margin: 14px 0 18px;
          }
          .profile-admin-fields-grid .field-label {
            margin: 0;
            display: flex;
            align-items: center;
            gap: 10px;
            min-width: 0;
            font-size: 13px;
            color: #f5f2ea;
            line-height: 1.35;
          }
          .profile-admin-fields-grid .field-label input[type="checkbox"] {
            flex: 0 0 18px;
            width: 18px;
            height: 18px;
            margin: 0;
            accent-color: #f28b3a;
          }
          .profile-admin-inline-actions {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            margin-top: 10px;
          }
          #pickupLocationsModal.show {
            align-items: flex-start;
            overflow-y: auto;
            padding: 24px 16px;
          }
          #pickupLocationsModal .pickup-locations-modal-card {
            width: min(940px, calc(100vw - 32px));
            max-width: none;
            max-height: calc(100vh - 48px);
            overflow: hidden;
            display: flex;
            flex-direction: column;
            padding: 24px;
            border-radius: 28px;
            background:
              radial-gradient(120% 90% at 8% 0%, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0) 42%),
              linear-gradient(145deg, rgba(27, 34, 42, 0.98), rgba(17, 21, 27, 0.99));
            border-color: rgba(255, 255, 255, 0.10);
          }
          #pickupLocationsModal .profile-admin-modal-title-row {
            flex: 0 0 auto;
            margin-bottom: 16px;
          }
          #pickupLocationsModal .modal-title {
            margin: 0 0 6px;
            font-size: clamp(24px, 2vw, 32px);
            letter-spacing: 0;
          }
          .pickup-modal-subtitle {
            color: rgba(245, 242, 234, 0.64);
            font-size: 15px;
            line-height: 1.35;
          }
          .pickup-modal-toolbar {
            flex: 0 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 12px;
            margin-bottom: 14px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.035);
          }
          .pickup-modal-count {
            display: inline-flex;
            align-items: center;
            min-height: 38px;
            padding: 0 14px;
            border-radius: 999px;
            color: rgba(245, 242, 234, 0.78);
            background: rgba(255, 255, 255, 0.06);
            font-size: 13px;
            font-weight: 800;
          }
          #pickupLocationsModal .pickup-add-btn {
            min-width: 168px;
            min-height: 38px;
            border-radius: 999px;
          }
          #pickupLocationsModal .profile-admin-modal-list {
            flex: 1 1 auto;
            max-height: none;
            margin: 0;
            padding: 2px 4px 14px 0;
            gap: 12px;
          }
          #pickupLocationsModal .pickup-location-row {
            grid-template-columns: 42px minmax(0, 1fr) 42px;
            align-items: center;
            gap: 14px;
            padding: 16px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 22px;
            background:
              linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015)),
              rgba(9, 13, 18, 0.34);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
          }
          .pickup-location-index {
            width: 42px;
            height: 42px;
            border-radius: 14px;
            display: grid;
            place-items: center;
            color: #11151b;
            background: linear-gradient(180deg, #ffb467, #ff8617);
            box-shadow: 0 10px 24px rgba(242, 139, 58, 0.22);
            font-size: 17px;
            font-weight: 900;
          }
          .pickup-location-fields {
            min-width: 0;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
          }
          .pickup-location-field {
            min-width: 0;
            display: grid;
            gap: 8px;
          }
          .pickup-location-field span {
            color: rgba(245, 242, 234, 0.58);
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 0.03em;
          }
          #pickupLocationsModal .pickup-location-field .field {
            width: 100%;
            height: 50px;
            border-radius: 16px;
            font-size: 16px;
          }
          .pickup-location-remove {
            width: 42px;
            height: 42px;
            border-radius: 999px;
            border: 1px solid rgba(255, 255, 255, 0.10);
            background: rgba(255, 255, 255, 0.05);
            color: rgba(245, 242, 234, 0.72);
            font-size: 24px;
            line-height: 1;
            cursor: pointer;
            transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease;
          }
          .pickup-location-remove:hover {
            border-color: rgba(255, 116, 116, 0.34);
            background: rgba(255, 116, 116, 0.12);
            color: #ff8b8b;
          }
          #pickupLocationsModal .pickup-modal-actions {
            flex: 0 0 auto;
            justify-content: flex-end;
            margin: 0 -24px -24px;
            padding: 16px 24px 18px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            background: rgba(14, 18, 24, 0.86);
            backdrop-filter: blur(18px);
          }
          #pickupLocationsModal .pickup-modal-actions .modal-actions {
            width: 100%;
            justify-content: flex-end;
          }
          #pickupLocationsModal .pickup-modal-actions .btn {
            min-width: 170px;
            min-height: 52px;
            border-radius: 18px;
          }
          @media (max-width: 720px) {
            #pickupLocationsModal.show {
              padding: 12px;
            }
            #pickupLocationsModal .pickup-locations-modal-card {
              width: calc(100vw - 24px);
              max-height: calc(100vh - 24px);
              padding: 18px;
              border-radius: 24px;
            }
            .pickup-modal-toolbar {
              align-items: stretch;
              flex-direction: column;
            }
            #pickupLocationsModal .pickup-add-btn,
            .pickup-modal-count {
              width: 100%;
              justify-content: center;
            }
            #pickupLocationsModal .pickup-location-row {
              grid-template-columns: 36px minmax(0, 1fr) 36px;
              gap: 10px;
              padding: 12px;
              border-radius: 18px;
            }
            .pickup-location-index,
            .pickup-location-remove {
              width: 36px;
              height: 36px;
            }
            .pickup-location-fields {
              grid-template-columns: 1fr;
              gap: 10px;
            }
            #pickupLocationsModal .pickup-location-field .field {
              height: 46px;
              font-size: 15px;
            }
            #pickupLocationsModal .pickup-modal-actions {
              margin: 0 -18px -18px;
              padding: 12px 18px 14px;
            }
            #pickupLocationsModal .pickup-modal-actions .modal-actions {
              display: grid;
              grid-template-columns: 1fr;
            }
            #pickupLocationsModal .pickup-modal-actions .btn {
              width: 100%;
              min-width: 0;
            }
          }
          .about-admin-modal-card {
            max-width: 1040px;
            max-height: min(88vh, 980px);
            overflow: auto;
          }
          #aboutSettingsModal.show {
            align-items: flex-start;
            overflow-y: auto;
            padding: 16px;
          }
          #aboutSettingsModal .about-admin-modal-card {
            max-height: calc(100dvh - 32px);
            margin: 0 auto;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
          }
          #aboutSettingsModal .modal-actions {
            position: sticky;
            bottom: 0;
            z-index: 2;
            margin: 14px -22px -22px;
            padding: 14px 22px 18px;
            background: rgba(19, 24, 30, 0.96);
            border-top: 1px solid rgba(255, 255, 255, 0.06);
          }
          #faqModal.show {
            align-items: flex-start;
            overflow-y: auto;
            padding: 16px;
          }
          #faqModal .loyalty-admin-modal-card {
            max-height: calc(100dvh - 32px);
            margin: 0 auto;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
          }
          #faqModal .modal-actions {
            position: sticky;
            bottom: -22px;
            z-index: 2;
            margin: 0 -22px -22px;
            padding: 14px 22px 18px;
            background: rgba(19, 24, 30, 0.96);
            border-top: 1px solid rgba(255, 255, 255, 0.06);
          }
          #cashbackGroupsModal.show {
            align-items: flex-start;
            overflow-y: auto;
            padding: 16px;
          }
          #cashbackGroupsModal .loyalty-admin-modal-card {
            max-height: calc(100dvh - 32px);
            margin: 0 auto;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
          }
          #cashbackGroupsModal .modal-actions {
            position: sticky;
            bottom: -22px;
            z-index: 2;
            margin: 0 -22px -22px;
            padding: 14px 22px 18px;
            background: rgba(19, 24, 30, 0.96);
            border-top: 1px solid rgba(255, 255, 255, 0.06);
          }
          #deliverySettingsModal.show {
            align-items: center;
            justify-content: center;
            overflow-y: auto;
            padding: 20px;
          }
          #deliverySettingsModal .loyalty-admin-modal-card {
            width: min(1120px, calc(100vw - 40px));
            max-height: calc(100dvh - 40px);
            margin: 0 auto;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            border-radius: 30px;
            background:
              radial-gradient(circle at 12% 0%, rgba(255, 139, 32, 0.12), transparent 36%),
              rgba(20, 25, 31, 0.94);
            box-shadow:
              0 26px 80px rgba(0, 0, 0, 0.5),
              inset 0 1px 0 rgba(255, 255, 255, 0.06);
          }
          .delivery-modal-intro {
            max-width: 780px;
            margin-bottom: 16px;
          }
          .delivery-settings-layout {
            display: grid;
            grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
            gap: 16px;
            align-items: stretch;
          }
          .delivery-tariff-list-panel,
          .delivery-rule-editor-panel {
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.035);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
          }
          .delivery-tariff-list-panel {
            padding: 14px;
          }
          .delivery-rule-editor-panel {
            padding: 18px;
            min-height: 430px;
          }
          .delivery-panel-head,
          .delivery-editor-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 14px;
          }
          .delivery-panel-kicker {
            color: rgba(245, 242, 234, 0.48);
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
          }
          .delivery-panel-title {
            color: #f5f2ea;
            font-size: 22px;
            font-weight: 900;
            line-height: 1.12;
          }
          .delivery-add-mini {
            width: 44px;
            height: 44px;
            border: 0;
            border-radius: 16px;
            background: linear-gradient(180deg, #ffad62, #ff8616);
            color: #0f1115;
            font-size: 28px;
            font-weight: 900;
            line-height: 1;
            cursor: pointer;
            box-shadow: 0 12px 28px rgba(255, 133, 22, 0.28);
          }
          .delivery-rules-list {
            display: grid;
            gap: 10px;
            max-height: min(58vh, 520px);
            overflow-y: auto;
            padding-right: 2px;
          }
          .delivery-rule-card {
            width: 100%;
            display: grid;
            gap: 8px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 18px;
            padding: 14px;
            background: rgba(11, 16, 21, 0.72);
            color: #f5f2ea;
            text-align: left;
            cursor: pointer;
            transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
          }
          .delivery-rule-card:hover {
            border-color: rgba(255, 159, 67, 0.46);
            background: rgba(255, 255, 255, 0.055);
          }
          .delivery-rule-card.active {
            border-color: rgba(255, 139, 32, 0.82);
            background:
              linear-gradient(135deg, rgba(255, 139, 32, 0.18), rgba(255, 255, 255, 0.04)),
              rgba(11, 16, 21, 0.82);
            box-shadow: 0 14px 34px rgba(255, 133, 22, 0.12);
          }
          .delivery-rule-card-top {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 10px;
          }
          .delivery-rule-card-title {
            min-width: 0;
            font-size: 16px;
            font-weight: 900;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .delivery-rule-card-price {
            flex: 0 0 auto;
            color: #ffad62;
            font-size: 15px;
            font-weight: 900;
          }
          .delivery-rule-card-districts {
            color: rgba(245, 242, 234, 0.68);
            font-size: 13px;
            line-height: 1.25;
          }
          .delivery-rule-card-meta {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 6px;
            color: rgba(245, 242, 234, 0.46);
            font-size: 12px;
            font-weight: 800;
          }
          .delivery-rule-card-default {
            border-radius: 999px;
            padding: 4px 8px;
            background: rgba(52, 199, 89, 0.14);
            color: #7ee39b;
          }
          .delivery-editor-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
          }
          .delivery-editor-field {
            display: grid;
            gap: 8px;
            color: rgba(245, 242, 234, 0.78);
            font-weight: 800;
          }
          .delivery-editor-field.wide,
          .delivery-default-switch.wide {
            grid-column: 1 / -1;
          }
          .delivery-editor-field small,
          .delivery-default-switch small {
            color: rgba(245, 242, 234, 0.48);
            font-size: 13px;
            font-weight: 700;
            line-height: 1.35;
          }
          .delivery-price-input {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: center;
            gap: 10px;
          }
          .delivery-price-input b {
            color: rgba(245, 242, 234, 0.58);
            font-size: 15px;
          }
          .delivery-default-switch {
            display: flex;
            align-items: center;
            gap: 12px;
            min-height: 74px;
            padding: 14px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.035);
            color: #f5f2ea;
          }
          .delivery-default-switch input {
            width: 22px;
            height: 22px;
            accent-color: #ff8b20;
          }
          .delivery-default-switch span {
            display: grid;
            gap: 3px;
          }
          .delivery-danger-btn {
            border: 1px solid rgba(255, 103, 103, 0.42);
            border-radius: 999px;
            padding: 9px 14px;
            background: rgba(255, 103, 103, 0.08);
            color: #ff9b9b;
            font-weight: 900;
            cursor: pointer;
          }
          .delivery-modal-footer {
            justify-content: flex-end;
            gap: 12px;
            margin-top: 16px;
          }
          #deliverySettingsModal .modal-actions {
            position: sticky;
            bottom: -22px;
            z-index: 2;
            margin: 0 -22px -22px;
            padding: 14px 22px 18px;
            background: rgba(19, 24, 30, 0.96);
            border-top: 1px solid rgba(255, 255, 255, 0.06);
          }
          #deliverySettingsModal .delivery-modal-footer {
            position: sticky;
            bottom: -22px;
            z-index: 2;
            margin: 16px -22px -22px;
            padding: 14px 22px 18px;
            background: rgba(19, 24, 30, 0.96);
            border-top: 1px solid rgba(255, 255, 255, 0.06);
          }
          @media (max-width: 860px) {
            #deliverySettingsModal.show {
              align-items: flex-start;
              padding: 12px;
            }
            #deliverySettingsModal .loyalty-admin-modal-card {
              width: calc(100vw - 24px);
              max-height: calc(100dvh - 24px);
              border-radius: 24px;
            }
            .delivery-settings-layout,
            .delivery-editor-grid {
              grid-template-columns: 1fr;
            }
            .delivery-rules-list {
              max-height: 260px;
            }
            .delivery-rule-editor-panel {
              min-height: auto;
            }
            .delivery-modal-footer {
              display: grid;
              grid-template-columns: 1fr;
            }
          }
          .about-admin-modal-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 16px;
            margin: 14px 0 18px;
          }
          .about-admin-modal-col {
            border: 1px solid rgba(106, 86, 53, 0.45);
            border-radius: 18px;
            padding: 16px;
            background: rgba(20, 16, 28, 0.72);
          }
          .about-admin-modal-lang-title {
            margin: 0 0 12px;
            font-size: 15px;
            font-weight: 700;
            color: #f5f2ea;
          }
          .about-admin-modal-common {
            display: grid;
            gap: 12px;
            padding-top: 16px;
            border-top: 1px solid rgba(106, 86, 53, 0.38);
          }
          .about-admin-modal-common-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px 14px;
          }
          .about-admin-modal-preview {
            width: 140px;
            height: 180px;
            object-fit: cover;
            border-radius: 16px;
            border: 1px solid rgba(255,255,255,0.12);
            background: rgba(0,0,0,0.18);
          }
          .loyalty-admin-modal-card {
            max-width: 1040px;
            max-height: min(90vh, 980px);
            overflow: auto;
          }
          #jubileeModal.show {
            align-items: flex-start;
            overflow-y: auto;
            padding: 16px;
          }
          #jubileeModal .jubilee-modal-card {
            max-height: calc(100dvh - 32px);
            margin: 0 auto;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
          }
          #jubileeModal .modal-actions {
            position: sticky;
            bottom: -22px;
            z-index: 2;
            margin: 0 -22px -22px;
            padding: 14px 22px 18px;
            background: rgba(19, 24, 30, 0.96);
            border-top: 1px solid rgba(255, 255, 255, 0.06);
          }
          #redeemPolicyModal.show {
            align-items: flex-start;
            overflow-y: auto;
            padding: 16px;
          }
          #redeemPolicyModal .redeem-policy-modal-card {
            max-height: none;
            margin: 0 auto 16px;
            overflow: visible;
            -webkit-overflow-scrolling: touch;
          }
          #redeemPolicyModal .modal-actions {
            margin: 14px -22px -22px;
            padding: 14px 22px 18px;
            background: rgba(19, 24, 30, 0.96);
            border-top: 1px solid rgba(255, 255, 255, 0.06);
          }
          .loyalty-admin-modal-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 18px;
            margin: 18px 0 20px;
          }
          .loyalty-admin-modal-section {
            border: 1px solid rgba(255, 255, 255, 0.07);
            border-radius: 18px;
            padding: 18px;
            background: rgba(19, 24, 30, 0.74);
          }
          .jubilee-modal-card {
            max-width: 1120px;
          }
          .jubilee-active-badge {
            display: inline-flex;
            align-items: center;
            min-height: 22px;
            margin-left: 10px;
            padding: 3px 10px;
            border-radius: 999px;
            background: rgba(91, 220, 136, 0.10);
            color: #9ef0bc;
            font-size: 12px;
            line-height: 1;
            font-weight: 900;
            vertical-align: middle;
          }
          .jubilee-admin-layout {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(310px, 350px);
            gap: 12px 14px;
            margin: 14px 0 12px;
            align-items: start;
          }
          .jubilee-admin-layout > .jubilee-admin-card {
            grid-column: 1;
          }
          .jubilee-admin-layout > .jubilee-preview-stack {
            grid-column: 2;
            grid-row: 1 / span 3;
          }
          .jubilee-admin-card,
          .jubilee-phone-preview,
          .jubilee-compact-preview {
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 22px;
            background:
              radial-gradient(130% 130% at 100% 0%, rgba(255, 145, 72, 0.12), rgba(255, 145, 72, 0) 42%),
              rgba(17, 23, 30, 0.84);
            box-shadow:
              inset 0 1px 0 rgba(255, 255, 255, 0.06),
              0 18px 36px rgba(0, 0, 0, 0.22);
            padding: 14px;
          }
          .jubilee-admin-card-head {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            margin-bottom: 12px;
          }
          .jubilee-admin-card-head.compact {
            margin-bottom: 10px;
          }
          .jubilee-admin-icon {
            width: 32px;
            height: 32px;
            border-radius: 12px;
            display: grid;
            place-items: center;
            background: radial-gradient(circle at 35% 28%, rgba(118, 228, 158, 0.75), rgba(49, 164, 94, 0.22) 56%, rgba(49, 164, 94, 0.08));
            color: #9ef0bc;
            font-size: 15px;
            font-weight: 900;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 10px 24px rgba(0,0,0,0.22);
          }
          .jubilee-admin-icon.text {
            background: radial-gradient(circle at 35% 28%, rgba(255, 173, 99, 0.76), rgba(255, 122, 36, 0.20) 56%, rgba(255, 122, 36, 0.08));
            color: #ffd8bb;
          }
          .jubilee-admin-icon.image {
            background: radial-gradient(circle at 35% 28%, rgba(126, 168, 255, 0.66), rgba(64, 196, 255, 0.18) 56%, rgba(64, 196, 255, 0.08));
            color: #c9ddff;
          }
          .jubilee-admin-card-head strong,
          .jubilee-phone-title span {
            display: block;
            color: #f7f3ea;
            font-size: 16px;
            font-weight: 900;
          }
          .jubilee-admin-card-head small {
            display: block;
            margin-top: 4px;
            color: #aeb8c2;
            font-size: 13px;
            line-height: 1.35;
          }
          .jubilee-admin-hint {
            margin-top: 10px;
            border-radius: 12px;
            padding: 9px 12px;
            background: rgba(8, 12, 18, 0.38);
            color: #b9c2cb;
            font-size: 12px;
            line-height: 1.45;
          }
          .jubilee-reward-top {
            display: grid;
            grid-template-columns: 290px minmax(0, 1fr);
            gap: 16px;
            align-items: start;
          }
          .jubilee-reward-card .jubilee-card-icon-progress {
            margin-top: 9px;
          }
          .jubilee-admin-divider {
            height: 1px;
            margin: 18px 0;
            background: rgba(255,255,255,0.08);
          }
          .jubilee-icon-picker {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 7px;
            margin: 0;
          }
          .jubilee-icon-option {
            min-height: 52px;
            display: grid;
            place-items: center;
            border-radius: 12px;
            border: 1px solid rgba(255,255,255,0.08);
            background: rgba(8, 13, 19, 0.45);
            cursor: pointer;
          }
          .jubilee-icon-option.active {
            border-color: rgba(255, 154, 85, 0.72);
            box-shadow: 0 0 0 2px rgba(255, 154, 85, 0.16);
          }
          .jubilee-icon-option img,
          .jubilee-icon-current img {
            width: 30px;
            height: 30px;
            display: block;
            object-fit: contain;
            filter:
              brightness(0)
              saturate(100%)
              invert(68%)
              sepia(79%)
              saturate(1072%)
              hue-rotate(329deg)
              brightness(103%)
              contrast(101%)
              drop-shadow(0 0 6px rgba(255, 154, 85, 0.28));
          }
          .jubilee-icon-current {
            display: flex;
            align-items: center;
            gap: 10px;
            margin: -4px 0 14px;
            color: #aeb8c2;
            font-size: 12px;
            line-height: 1.35;
          }
          .jubilee-preview-stack {
            display: grid;
            gap: 12px;
            align-content: start;
            padding: 14px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 22px;
            background: rgba(10, 15, 22, 0.42);
          }
          .jubilee-preview-label {
            color: #aeb8c2;
            font-size: 12px;
            font-weight: 800;
          }
          .jubilee-compact-preview {
            width: 190px;
            max-width: 100%;
            min-height: 110px;
            display: grid;
            align-content: start;
            gap: 7px;
            padding: 14px;
            border-radius: 20px;
            background:
              radial-gradient(170px 150px at 100% 0%, rgba(255, 139, 58, 0.16), rgba(255, 139, 58, 0) 68%),
              linear-gradient(180deg, rgba(21, 27, 34, 0.98), rgba(14, 20, 27, 0.98));
          }
          .jubilee-compact-preview span {
            color: #fff7ef;
            font-size: 17px;
            line-height: 1.15;
            font-weight: 900;
          }
          .jubilee-compact-preview strong {
            color: #f3eee8;
            font-size: 14px;
            line-height: 1.2;
          }
          .jubilee-card-icon-progress {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: var(--dot-gap, 8px);
            width: max-content;
            max-width: 100%;
            margin: 2px 0;
            padding: 0 5px 0 0;
          }
          .jubilee-card-icon-progress::before {
            content: "";
            position: absolute;
            left: calc(var(--dot-size, 24px) / 2);
            right: 0;
            top: 50%;
            height: 3px;
            border-radius: 999px;
            transform: translateY(-50%);
            background:
              linear-gradient(
                90deg,
                var(--hub-home-accent, #ff9a55) 0 var(--progress, 0%),
                rgba(255,255,255,0.10) var(--progress, 0%) 100%
              );
          }
          .jubilee-card-icon-progress span {
            position: relative;
            z-index: 1;
            flex: 0 0 var(--dot-size, 24px);
            width: var(--dot-size, 24px);
            height: var(--dot-size, 24px);
            display: grid;
            place-items: center;
            border-radius: 0;
            background: transparent;
            color: rgba(245, 242, 234, 0.56);
            font-size: 10px;
            line-height: 1;
            font-weight: 900;
            box-shadow: none;
          }
          .jubilee-card-icon-progress span::before {
            content: "";
            width: var(--dot-icon-size, 28px);
            height: var(--dot-icon-size, 28px);
            display: block;
            background: rgba(174, 184, 194, 0.62);
            -webkit-mask: var(--icon) center / contain no-repeat;
            mask: var(--icon) center / contain no-repeat;
          }
          .jubilee-card-icon-progress span.done {
            background: transparent;
            color: transparent;
          }
          .jubilee-card-icon-progress span.done::before {
            background: var(--hub-home-accent-strong, linear-gradient(180deg, #ffad63, #ff7a24));
            filter: drop-shadow(0 0 5px rgba(255, 154, 85, 0.34));
          }
          .jubilee-compact-preview small {
            color: #ffd8bb;
            font-size: 12px;
            line-height: 1.2;
            font-weight: 900;
          }
          .jubilee-phone-preview {
            width: 100%;
            max-width: 100%;
            display: grid;
            gap: 10px;
            align-content: start;
            padding: 18px 20px 20px;
            border: 1px solid rgba(255,255,255,0.08);
            border-radius: 28px;
            background:
              radial-gradient(170px 170px at 82% 0%, rgba(255, 139, 58, 0.16), rgba(255, 139, 58, 0) 66%),
              linear-gradient(180deg, rgba(13, 18, 25, 0.98), rgba(9, 14, 20, 0.98));
          }
          .jubilee-phone-frame {
            position: relative;
            max-width: 300px;
            margin: 6px auto 0;
            padding: 16px 12px;
            border-radius: 34px;
            border: 1px solid rgba(255,255,255,0.16);
            background: linear-gradient(180deg, rgba(21, 28, 36, 0.94), rgba(6, 10, 15, 0.96));
            box-shadow: 0 18px 34px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.08);
          }
          .jubilee-phone-frame::before {
            content: "";
            position: absolute;
            left: 50%;
            top: 17px;
            width: 86px;
            height: 18px;
            transform: translateX(-50%);
            border-radius: 0 0 14px 14px;
            background: #071018;
            z-index: 2;
          }
          .jubilee-phone-status {
            display: flex;
            justify-content: space-between;
            margin-bottom: 12px;
            color: #f7f3ea;
            font-size: 11px;
            font-weight: 900;
          }
          .jubilee-preview-gift {
            width: 54px;
            height: 54px;
            margin: 0 auto -4px;
            display: grid;
            place-items: center;
            border-radius: 18px;
            background: radial-gradient(circle at 45% 30%, rgba(255, 173, 99, 0.38), rgba(255, 122, 36, 0.08) 66%);
            font-size: 30px;
          }
          .jubilee-preview-gift span {
            width: 38px;
            height: 38px;
            display: block;
            background: var(--hub-home-accent-strong, linear-gradient(180deg, #ffad63, #ff7a24));
            -webkit-mask: var(--icon) center / contain no-repeat;
            mask: var(--icon) center / contain no-repeat;
          }
          .jubilee-phone-title {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            gap: 12px;
          }
          .jubilee-phone-title strong {
            color: var(--hub-home-accent, #ff9a55);
            font-size: 13px;
            line-height: 1.2;
            font-weight: 900;
            white-space: nowrap;
          }
          .jubilee-phone-title em {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-style: normal;
          }
          .jubilee-phone-title em span {
            width: 20px;
            height: 20px;
            display: block;
            background: var(--hub-home-accent-strong, linear-gradient(180deg, #ffad63, #ff7a24));
            -webkit-mask: var(--icon) center / contain no-repeat;
            mask: var(--icon) center / contain no-repeat;
          }
          .jubilee-preview-subtitle {
            display: block;
            margin-top: 0;
            color: #aeb8c2;
            font-size: 12px;
            line-height: 1.3;
            text-align: center;
          }
          .jubilee-preview-progress-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            color: #fff7ef;
            font-size: 12px;
            font-weight: 900;
          }
          .jubilee-preview-progress-head strong {
            color: var(--hub-home-accent, #ff9a55);
            white-space: nowrap;
          }
          .jubilee-preview-dots {
            position: relative;
            display: grid;
            grid-template-columns: repeat(var(--steps, 5), minmax(0, 1fr));
            gap: 4px;
          }
          .jubilee-preview-dots::before {
            content: "";
            position: absolute;
            left: 18px;
            right: 18px;
            top: 14px;
            height: 3px;
            border-radius: 999px;
            background:
              linear-gradient(
                90deg,
                var(--hub-home-accent, #ff9a55) 0 var(--progress, 0%),
                rgba(255,255,255,0.10) var(--progress, 0%) 100%
              );
          }
          .jubilee-preview-dots span {
            position: relative;
            z-index: 1;
            min-height: 40px;
            display: grid;
            grid-template-rows: 28px auto;
            place-items: center;
            color: rgba(255,255,255,0.50);
            font-size: 10px;
            font-weight: 900;
          }
          .jubilee-preview-dots span::before {
            content: "";
            width: 28px;
            height: 28px;
            display: block;
            background: rgba(174, 184, 194, 0.50);
            -webkit-mask: var(--icon) center / contain no-repeat;
            mask: var(--icon) center / contain no-repeat;
          }
          .jubilee-preview-dots span::after {
            content: attr(data-step);
            line-height: 1;
          }
          .jubilee-preview-dots span.done::before {
            background: var(--hub-home-accent-strong, linear-gradient(180deg, #ffad63, #ff7a24));
            filter: drop-shadow(0 0 5px rgba(255, 154, 85, 0.34));
          }
          .jubilee-preview-dots span.done::after {
            color: var(--hub-home-accent, #ff9a55);
          }
          .jubilee-preview-reward {
            border-radius: 18px;
            padding: 12px;
            background: rgba(8, 12, 18, 0.44);
            border: 1px solid rgba(255,255,255,0.07);
          }
          .jubilee-preview-reward span,
          .jubilee-preview-reward small,
          .jubilee-preview-steps span {
            display: block;
            color: #aeb8c2;
            font-size: 12px;
            line-height: 1.3;
          }
          .jubilee-preview-reward span b {
            color: var(--hub-home-accent, #ff9a55);
          }
          .jubilee-preview-reward strong {
            display: block;
            margin: 8px 0;
            color: #fff7ef;
            font-size: 17px;
            line-height: 1.2;
          }
          .jubilee-preview-reward-grid {
            display: grid;
            grid-template-columns: repeat(var(--reward-count, 2), minmax(0, 1fr));
            gap: 0;
            margin: 10px 0;
            overflow: hidden;
            border-radius: 14px;
            border: 1px solid rgba(255,255,255,0.07);
            background: rgba(255,255,255,0.035);
          }
          .jubilee-preview-reward-grid.reward-count-1 { --reward-count: 1; }
          .jubilee-preview-reward-grid.reward-count-2 { --reward-count: 2; }
          .jubilee-preview-reward-grid.reward-count-3 { --reward-count: 3; }
          .jubilee-preview-reward-grid b {
            min-height: 48px;
            display: grid;
            place-items: center;
            padding: 8px;
            color: #fff7ef;
            font-size: 15px;
            line-height: 1.15;
            text-align: center;
          }
          .jubilee-preview-reward-grid b + b {
            border-left: 1px solid rgba(255,255,255,0.07);
          }
          .jubilee-preview-btn {
            min-height: 48px;
            border: 0;
            border-radius: 14px;
            background: var(--hub-home-accent-strong, linear-gradient(180deg, #ffad63, #ff7a24));
            color: #1f120b;
            font-size: 15px;
            font-weight: 900;
          }
          .jubilee-preview-steps {
            display: grid;
            gap: 8px;
            padding-left: 4px;
          }
          .jubilee-preview-steps span {
            position: relative;
            padding-left: 18px;
          }
          .jubilee-preview-steps span::before {
            content: "✓";
            position: absolute;
            left: 0;
            top: 0;
            color: var(--hub-home-accent, #ff9a55);
            font-weight: 900;
          }
          .jubilee-template-examples {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 8px;
            margin-top: 10px;
            padding: 0;
            border: 0;
            background: transparent;
          }
          .jubilee-template-examples strong {
            grid-column: 1 / -1;
            color: #fff7ef;
            font-size: 12px;
          }
          .jubilee-template-examples button {
            width: 100%;
            min-height: 52px;
            display: grid;
            grid-template-columns: 28px minmax(0, 1fr) auto;
            align-items: center;
            gap: 10px;
            border: 1px solid rgba(255,255,255,0.07);
            border-radius: 12px;
            padding: 8px 10px;
            background: rgba(10, 15, 22, 0.64);
            color: #f5f2ea;
            font-size: 12px;
            font-weight: 800;
            text-align: left;
            cursor: pointer;
          }
          .jubilee-template-examples button.recommended {
            border-color: rgba(255, 154, 85, 0.58);
            background:
              linear-gradient(90deg, rgba(255, 154, 85, 0.10), rgba(255, 154, 85, 0.02)),
              rgba(10, 15, 22, 0.72);
            box-shadow: 0 0 0 1px rgba(255, 154, 85, 0.12), inset 0 1px 0 rgba(255,255,255,0.05);
          }
          .jubilee-template-icon {
            width: 26px;
            height: 26px;
            display: inline-grid;
            place-items: center;
            border-radius: 10px;
            background: rgba(255, 154, 85, 0.12);
            color: #ff9a55;
            font-size: 16px;
            line-height: 1;
          }
          .jubilee-template-icon.violet {
            background: rgba(180, 120, 255, 0.12);
            color: #b88cff;
          }
          .jubilee-template-icon.green {
            background: rgba(91, 220, 136, 0.12);
            color: #7be49f;
          }
          .jubilee-template-icon.gold {
            background: rgba(255, 196, 91, 0.12);
            color: #ffc45b;
          }
          .jubilee-template-examples button span:not(.jubilee-template-icon) {
            min-width: 0;
            display: grid;
            gap: 3px;
          }
          .jubilee-template-examples button b {
            color: #f5f2ea;
            font-size: 12px;
            line-height: 1.15;
          }
          .jubilee-template-examples button small {
            color: #9da8b4;
            font-size: 11px;
            line-height: 1.2;
          }
          .jubilee-template-examples button em {
            color: #ff9a55;
            font-size: 10px;
            font-style: normal;
            font-weight: 900;
            white-space: nowrap;
          }
          .jubilee-file-field {
            max-width: 260px;
          }
          .redeem-policy-modal-card {
            max-width: 1360px;
          }
          #redeemPolicyModal .modal-title {
            font-size: 28px;
            line-height: 1.08;
          }
          #redeemPolicyModal .modal-text {
            margin-top: 8px;
            font-size: 14px;
            line-height: 1.35;
          }
          .redeem-policy-layout {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
            gap: 12px;
            margin: 14px 0 12px;
            align-items: stretch;
          }
          .redeem-policy-layout > .redeem-policy-card {
            grid-column: 1;
          }
          .redeem-policy-layout > .redeem-policy-preview {
            grid-column: 2;
            grid-row: 1 / span 2;
          }
          .redeem-policy-card,
          .redeem-policy-preview {
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 20px;
            background:
              radial-gradient(120% 120% at 100% 0%, rgba(255, 145, 72, 0.12), rgba(255, 145, 72, 0) 44%),
              rgba(17, 23, 30, 0.82);
            box-shadow:
              inset 0 1px 0 rgba(255, 255, 255, 0.06),
              0 16px 34px rgba(0, 0, 0, 0.20);
            padding: 14px 16px;
          }
          .redeem-policy-card-head {
            display: flex;
            gap: 12px;
            align-items: flex-start;
            margin-bottom: 14px;
          }
          .redeem-policy-step {
            width: 26px;
            height: 26px;
            border-radius: 999px;
            display: inline-grid;
            place-items: center;
            flex: 0 0 auto;
            background: linear-gradient(145deg, #4b8dff, #245bbd);
            color: #f8fbff;
            font-size: 13px;
            font-weight: 900;
            box-shadow: 0 8px 18px rgba(37, 98, 218, 0.28);
          }
          .redeem-policy-card-head strong {
            display: block;
            color: #f7f3ea;
            font-size: 18px;
            font-weight: 900;
          }
          .redeem-policy-card-head small,
          .redeem-policy-preview span {
            display: block;
            color: #aeb8c2;
            font-size: 13px;
            line-height: 1.35;
          }
          .redeem-policy-icon {
            width: 42px;
            height: 42px;
            border-radius: 16px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            color: #fff5e8;
            font-size: 18px;
            font-weight: 900;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 10px 24px rgba(0,0,0,0.22);
          }
          .redeem-policy-icon.cashback {
            background: radial-gradient(circle at 35% 28%, rgba(255, 192, 124, 0.85), rgba(255, 116, 35, 0.28) 52%, rgba(255, 116, 35, 0.10));
          }
          .redeem-policy-icon.credit {
            background: radial-gradient(circle at 35% 28%, rgba(104, 161, 255, 0.85), rgba(55, 100, 220, 0.28) 52%, rgba(55, 100, 220, 0.10));
          }
          .redeem-policy-switch-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 8px;
          }
          .redeem-toggle-card {
            min-height: 58px;
            display: grid;
            grid-template-columns: 38px minmax(0, 1fr) 48px;
            align-items: center;
            gap: 10px;
            margin: 0;
            padding: 10px 12px;
            border-radius: 14px;
            border: 1px solid rgba(255,255,255,0.07);
            background:
              radial-gradient(120% 120% at 0% 0%, rgba(255,255,255,0.045), rgba(255,255,255,0) 42%),
              rgba(8, 12, 18, 0.38);
            color: #d7dee6;
            font-size: 14px;
            line-height: 1.25;
            cursor: pointer;
            transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
          }
          .redeem-toggle-card input[type="checkbox"] {
            position: absolute;
            opacity: 0;
            pointer-events: none;
          }
          .redeem-toggle-icon {
            width: 34px;
            height: 34px;
            border-radius: 13px;
            display: inline-grid;
            place-items: center;
            flex: 0 0 auto;
            background: rgba(255,255,255,0.075);
            color: #b7c1cc;
            font-size: 15px;
            font-weight: 900;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
          }
          .redeem-toggle-copy {
            min-width: 0;
            display: grid;
            gap: 2px;
          }
          .redeem-toggle-copy strong {
            color: #f5f2ea;
            font-size: 14px;
            line-height: 1.16;
          }
          .redeem-toggle-copy small {
            color: #9ea8b2;
            font-size: 12px;
            line-height: 1.22;
          }
          .redeem-toggle-control {
            width: 44px;
            height: 26px;
            border-radius: 999px;
            justify-self: end;
            position: relative;
            background: rgba(96, 107, 120, 0.24);
            border: 1px solid rgba(255,255,255,0.08);
            box-shadow: inset 0 2px 8px rgba(0,0,0,0.26);
          }
          .redeem-toggle-control::after {
            content: "";
            position: absolute;
            top: 3px;
            left: 3px;
            width: 18px;
            height: 18px;
            border-radius: 999px;
            background: #dce5ef;
            box-shadow: 0 3px 8px rgba(0,0,0,0.28);
            transition: transform 0.18s ease, background 0.18s ease;
          }
          .redeem-toggle-card:has(input:checked) {
            border-color: rgba(75, 141, 255, 0.32);
            background:
              radial-gradient(130% 130% at 0% 0%, rgba(75, 141, 255, 0.18), rgba(75, 141, 255, 0) 46%),
              rgba(9, 16, 26, 0.58);
            box-shadow: inset 0 0 0 1px rgba(75, 141, 255, 0.10), 0 12px 26px rgba(0,0,0,0.16);
          }
          .redeem-toggle-card:has(input:checked) .redeem-toggle-icon {
            background: linear-gradient(145deg, rgba(75, 141, 255, 0.72), rgba(37, 91, 196, 0.78));
            color: #f8fbff;
          }
          .redeem-toggle-card:has(input:checked) .redeem-toggle-control {
            background: linear-gradient(145deg, #2f84ff, #5f9cff);
            border-color: rgba(143, 188, 255, 0.56);
          }
          .redeem-toggle-card:has(input:checked) .redeem-toggle-control::after {
            transform: translateX(18px);
            background: #ffffff;
          }
          .redeem-policy-preview {
            display: grid;
            align-content: start;
            gap: 12px;
          }
          .redeem-policy-preview-title {
            color: #f5f2ea;
            font-size: 15px;
            line-height: 1.2;
          }
          .redeem-policy-preview-caption {
            color: #cfd6df;
            font-size: 12px;
            line-height: 1.25;
          }
          .redeem-policy-status-preview {
            display: grid;
            grid-template-columns: minmax(0, .76fr) minmax(0, .78fr) 48px minmax(0, .72fr);
            align-items: center;
            gap: 8px;
            padding: 14px;
            border-radius: 18px;
            border: 1px solid rgba(255,255,255,0.08);
            background:
              radial-gradient(120% 120% at 100% 0%, rgba(255, 145, 72, 0.10), rgba(255, 145, 72, 0) 42%),
              rgba(12, 18, 26, 0.72);
          }
          .redeem-policy-status-preview span {
            display: block;
            color: #aeb8c2;
            font-size: 10px;
            font-weight: 900;
            letter-spacing: 0.05em;
          }
          .redeem-policy-status-preview strong {
            display: block;
            margin-top: 3px;
            color: #f7f3ea;
            font-size: 18px;
            line-height: 1;
          }
          .redeem-policy-status-preview > div:nth-child(2) strong {
            color: #5f9cff;
            text-shadow: 0 0 14px rgba(95, 156, 255, 0.28);
          }
          .redeem-policy-status-preview > div:last-child {
            text-align: right;
          }
          .redeem-policy-status-preview > div:last-child span {
            color: #ffb56d;
          }
          .redeem-policy-arrow {
            width: 42px;
            height: 42px;
            border-radius: 999px;
            display: grid;
            place-items: center;
            color: #0b1017;
            font-size: 22px;
            font-weight: 900;
            background: radial-gradient(circle, rgba(255, 173, 99, 0.58), rgba(255, 128, 47, 0.16));
            border: 1px solid rgba(255, 142, 55, 0.54);
            box-shadow: 0 0 18px rgba(255, 125, 53, 0.24);
          }
          .redeem-policy-wallet-preview {
            display: grid;
            gap: 10px;
            padding: 14px;
            border-radius: 20px;
            border: 1px solid rgba(255,255,255,0.08);
            background:
              radial-gradient(120% 120% at 100% 0%, rgba(75, 141, 255, 0.12), rgba(75, 141, 255, 0) 42%),
              rgba(12, 18, 26, 0.76);
          }
          .redeem-policy-wallet-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
          }
          .redeem-policy-wallet-title strong {
            color: #f5f2ea;
            font-size: 18px;
          }
          .redeem-policy-wallet-title span {
            width: 28px;
            height: 28px;
            border-radius: 999px;
            display: grid;
            place-items: center;
            background: rgba(255,255,255,0.06);
            color: #dce3eb;
            font-size: 18px;
          }
          .redeem-policy-wallet-balance {
            position: relative;
            min-height: 0;
            padding: 11px 66px 11px 14px;
            border-radius: 16px;
            border: 1px solid rgba(95, 156, 255, 0.22);
            background: linear-gradient(145deg, rgba(29, 72, 130, 0.46), rgba(16, 27, 45, 0.80));
          }
          .redeem-policy-wallet-balance small {
            display: block;
            color: #89b7ff;
            font-size: 11px;
            font-weight: 800;
          }
          .redeem-policy-wallet-balance b {
            display: block;
            margin-top: 2px;
            color: #5f9cff;
            font-size: 30px;
            line-height: 1;
          }
          .redeem-policy-wallet-balance em {
            color: #a7c7ff;
            font-size: 14px;
            font-style: normal;
          }
          .redeem-policy-wallet-balance i {
            position: absolute;
            right: 13px;
            top: 16px;
            width: 42px;
            height: 42px;
            border-radius: 0;
            display: grid;
            place-items: center;
            background: transparent;
            color: #fff;
            font-size: 18px;
            font-style: normal;
            font-weight: 900;
          }
          .redeem-policy-wallet-balance i img,
          .redeem-policy-mini-card i img {
            width: 42px;
            height: 42px;
            display: block;
            object-fit: contain;
          }
          .redeem-policy-wallet-tabs {
            display: grid;
            grid-template-columns: 1fr 1fr;
            border-radius: 13px;
            overflow: hidden;
            border: 1px solid rgba(255,255,255,0.07);
            background: rgba(5, 9, 14, 0.35);
          }
          .redeem-policy-wallet-tabs span {
            display: grid;
            grid-auto-flow: column;
            grid-auto-columns: max-content;
            gap: 6px;
            place-items: center;
            min-height: 34px;
            color: #aeb8c2;
            font-size: 12px;
            font-weight: 800;
          }
          .redeem-policy-wallet-tabs img {
            width: 15px;
            height: 15px;
            object-fit: contain;
          }
          .redeem-policy-wallet-tabs span:first-child {
            color: #5f9cff;
            background: rgba(32, 86, 154, 0.24);
          }
          .redeem-policy-wallet-empty {
            display: grid;
            place-items: center;
            gap: 4px;
            min-height: 92px;
            border-radius: 16px;
            border: 1px solid rgba(255,255,255,0.06);
            background: rgba(255,255,255,0.02);
            text-align: center;
          }
          .redeem-policy-wallet-empty i {
            width: 42px;
            height: 42px;
            border-radius: 0;
            display: grid;
            place-items: center;
            background: transparent;
            box-shadow: none;
          }
          .redeem-policy-wallet-empty i img {
            width: 34px;
            height: 34px;
            object-fit: contain;
          }
          .redeem-policy-wallet-empty b {
            color: #f5f2ea;
            font-size: 15px;
          }
          .redeem-policy-wallet-empty small {
            color: #aeb8c2;
            font-size: 12px;
          }
          .redeem-policy-preview-row {
            display: flex;
            justify-content: space-between;
            gap: 12px;
            align-items: center;
            padding: 12px 0;
            border-bottom: 1px solid rgba(255,255,255,0.07);
          }
          .redeem-policy-preview-row:last-child {
            border-bottom: 0;
          }
          .redeem-policy-preview-row small {
            color: #aeb8c2;
            font-size: 14px;
          }
          .redeem-policy-preview-row strong {
            color: #f7f3ea;
            font-size: 16px;
            white-space: nowrap;
          }
          .redeem-policy-preview-note {
            display: grid;
            grid-template-columns: 22px minmax(0, 1fr);
            gap: 10px;
            align-items: start;
            padding: 4px 0 12px;
            color: #aeb8c2;
            font-size: 12px;
            line-height: 1.35;
          }
          .redeem-policy-preview-note b {
            width: 20px;
            height: 20px;
            display: grid;
            place-items: center;
            border-radius: 999px;
            background: rgba(255,255,255,0.12);
            color: #dce3eb;
            font-size: 12px;
          }
          .redeem-policy-client-preview {
            display: grid;
            gap: 10px;
            margin-top: 8px;
            padding-top: 16px;
            border-top: 1px solid rgba(255,255,255,0.07);
          }
          .redeem-policy-client-preview > small {
            color: #cfd6df;
            font-size: 12px;
          }
          .redeem-policy-mini-card {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            padding: 16px 18px;
            border-radius: 16px;
            border: 1px solid rgba(255,255,255,0.08);
            background:
              radial-gradient(120% 120% at 100% 0%, rgba(75, 141, 255, 0.16), rgba(75, 141, 255, 0) 42%),
              rgba(12, 18, 26, 0.72);
          }
          .redeem-policy-mini-card span,
          .redeem-policy-mini-card em {
            display: block;
            color: #c5ced8;
            font-size: 12px;
            font-style: normal;
          }
          .redeem-policy-mini-card strong {
            display: block;
            margin: 8px 0 3px;
            color: #f7f3ea;
            font-size: 22px;
            line-height: 1;
          }
          .redeem-policy-mini-card i {
            width: 58px;
            height: 48px;
            display: grid;
            place-items: center;
            border-radius: 0;
            background: transparent;
            color: #fff;
            font-size: 22px;
            font-style: normal;
            font-weight: 900;
            box-shadow: none;
          }
          .redeem-policy-client-preview p {
            position: relative;
            margin: 0;
            padding-left: 26px;
            color: #aeb8c2;
            font-size: 12px;
            line-height: 1.35;
          }
          .redeem-policy-client-preview p::before {
            content: "•";
            position: absolute;
            left: 7px;
            top: 0;
            color: #dce3eb;
          }
          .redeem-policy-fields {
            display: grid;
            grid-template-columns: minmax(210px, 0.55fr) minmax(0, 1fr) minmax(0, 1fr);
            gap: 12px;
          }
          .redeem-policy-fields .field {
            width: 100%;
            margin: 0;
          }
          .cashback-group-row {
            display: grid;
            gap: 14px;
            padding: 16px;
            border: 1px solid rgba(255, 255, 255, 0.07);
            border-radius: 18px;
            background: rgba(19, 24, 30, 0.78);
          }
          .cashback-group-row + .cashback-group-row {
            margin-top: 12px;
          }
          .cashback-group-row-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 12px;
          }
          .cashback-group-id {
            color: #f4f7fa;
            font-size: 16px;
            font-weight: 800;
          }
          .cashback-group-caption {
            margin-top: 3px;
            color: #aeb8c2;
            font-size: 12px;
          }
          .cashback-group-fields {
            display: grid;
            grid-template-columns: minmax(180px, 1fr) minmax(220px, 1.3fr) minmax(110px, 0.45fr);
            gap: 12px;
          }
          .cashback-group-field {
            display: grid;
            gap: 7px;
            min-width: 0;
            color: #cfd7df;
            font-size: 12px;
            font-weight: 700;
          }
          .cashback-group-field .field {
            width: 100%;
            margin: 0;
          }
          .cashback-group-switches {
            display: flex;
            flex-wrap: wrap;
            gap: 12px 18px;
          }
          .cashback-group-switches .field-label,
          .cashback-groups-migrate,
          .first-visit-toggle {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            color: #cfd7df;
            font-size: 14px;
            line-height: 1.3;
          }
          .cashback-group-switches input[type="checkbox"],
          .cashback-groups-migrate input[type="checkbox"],
          .first-visit-toggle input[type="checkbox"] {
            width: 20px;
            height: 20px;
            margin: 0;
            accent-color: #f28b3a;
          }
          .cashback-group-remove {
            min-width: 120px !important;
            min-height: 40px !important;
          }
          .cashback-groups-footer {
            display: grid;
            grid-template-columns: minmax(220px, 360px) minmax(0, 1fr);
            gap: 16px;
            align-items: center;
            margin-top: 14px;
          }
          .first-visit-template-hint {
            margin-top: 12px;
          }
          .loyalty-admin-modal-section .field:last-child,
          .loyalty-admin-modal-section textarea:last-child,
          .loyalty-admin-modal-section select:last-child {
            margin-bottom: 0;
          }
          @media (max-width: 900px) {
            .cashback-group-fields,
            .cashback-groups-footer {
              grid-template-columns: 1fr;
            }
            .cashback-group-row-head {
              align-items: stretch;
              flex-direction: column;
            }
            .cashback-group-remove {
              width: 100%;
            }
            .profile-admin-setting-head {
              flex-direction: column;
              align-items: stretch;
            }
            .admin-ui-language-setting .admin-lang-switch {
              align-self: flex-start;
            }
            .profile-admin-setting-card .btn {
              width: 100%;
              min-width: 0;
            }
            .store-setting-toggle {
              padding: 16px;
            }
            .store-setting-meta {
              gap: 10px;
            }
            .store-setting-status {
              font-size: 11px;
            }
            .store-setting-card.is-open .store-setting-body {
              padding: 0 16px 16px;
            }
            .store-setting-body .btn {
              width: 100%;
              min-width: 0;
            }
            .profile-admin-district-row {
              grid-template-columns: 1fr;
            }
            .profile-admin-fields-grid {
              grid-template-columns: 1fr;
            }
            .about-admin-modal-grid,
            .about-admin-modal-common-grid,
            .loyalty-admin-modal-grid,
            .jubilee-admin-layout,
            .redeem-policy-layout,
            .redeem-policy-fields {
              grid-template-columns: 1fr;
            }
            .redeem-policy-layout > .redeem-policy-card,
            .redeem-policy-layout > .redeem-policy-preview {
              grid-column: auto;
              grid-row: auto;
            }
            .redeem-policy-switch-grid {
              grid-template-columns: 1fr;
            }
            .about-admin-modal-preview {
              width: 100%;
              max-width: 220px;
              height: auto;
              aspect-ratio: 7 / 9;
            }
          }
          .btn-ghost {
            background: transparent;
            border: 1px solid rgba(106, 86, 53, 0.6);
            color: #f5f2ea;
          }
          .news-layout {
            display: grid;
            grid-template-columns: minmax(220px, 280px) minmax(520px, 1fr);
            gap: 14px;
            align-items: start;
            width: 100%;
          }
          .news-layout.form-hidden {
            grid-template-columns: minmax(360px, 760px) minmax(300px, 1fr);
          }
          .news-layout.form-hidden .news-list {
            max-width: none;
          }
          .news-layout:not(.form-hidden) .content-preview-panel,
          .offers-admin-layout:not(.form-hidden) .content-preview-panel {
            display: none;
          }
          .news-list {
            display: grid;
            gap: 10px;
            min-width: 0;
            max-height: calc(100vh - 220px);
            overflow: auto;
            align-content: start;
            padding-right: 4px;
          }
          .news-form-placeholder {
            border: 1px dashed rgba(106, 86, 53, 0.55);
            border-radius: 12px;
            padding: 12px;
            font-size: 12px;
            color: rgba(245, 242, 234, 0.72);
            background: rgba(27, 23, 36, 0.55);
          }
          .news-form {
            display: grid;
            gap: 10px;
            min-width: 0;
            align-content: start;
          }
          .news-lang-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
          }
          .news-lang-grid .label {
            margin: 0 0 6px;
          }
          .news-form .field,
          .news-form textarea {
            width: 100%;
          }
          .news-toolbar {
            display: grid;
            gap: 8px;
          }
          .news-toolbar-row {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
          }
          .news-toolbar-row .btn {
            width: auto;
            min-width: 0;
            margin: 0;
            padding: 8px 12px;
            border-radius: 999px;
            font-size: 12px;
          }
          .news-toolbar-row .btn.news-add-btn {
            border-color: rgba(242, 139, 58, 0.92);
            background: linear-gradient(180deg, rgba(242, 139, 58, 0.18), rgba(242, 139, 58, 0.1));
            color: #ffd7b5;
            font-weight: 700;
          }
          .btn.content-primary-action,
          .news-toolbar-row .btn.content-primary-action,
          .offers-admin-toolbar-row .btn.content-primary-action {
            background: linear-gradient(180deg, #ffa857, #ff8420);
            border-color: rgba(255, 184, 107, 0.92);
            color: #0f0f10;
            box-shadow: 0 12px 28px rgba(242, 139, 58, 0.18);
          }
          .news-toolbar-row .btn.content-utility-action,
          .offers-admin-toolbar-row .btn.content-utility-action {
            color: rgba(245, 242, 234, 0.82);
            border-color: rgba(255, 255, 255, 0.14);
            background: rgba(255, 255, 255, 0.04);
          }
          .news-toolbar-row .btn.news-add-btn.needs-attention {
            box-shadow: 0 0 0 1px rgba(242, 139, 58, 0.35) inset, 0 0 14px rgba(242, 139, 58, 0.26);
            animation: menuNewBtnPulse 1.8s ease-in-out infinite;
          }
          .news-toolbar-row .field {
            flex: 1;
            min-width: 130px;
          }
          .news-toolbar-select {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            padding-right: 34px;
            background-repeat: no-repeat;
            background-position: right 11px center;
            background-size: 12px 12px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23f5f2ea' d='M6 8.5L2.2 4.7l.8-.8L6 6.9l3-3 .8.8z'/%3E%3C/svg%3E");
          }
          .news-toolbar-select::-ms-expand {
            display: none;
          }
          .news-counter {
            font-size: 12px;
            color: rgba(245, 242, 234, 0.75);
          }
          .news-draft-state {
            font-size: 12px;
            color: rgba(245, 242, 234, 0.78);
            min-height: 18px;
          }
          .news-draft-state.saved {
            color: #89dca8;
          }
          .news-draft-state.dirty {
            color: #f2c08d;
          }
          .news-form-actions {
            position: sticky;
            bottom: 0;
            background: linear-gradient(180deg, rgba(33, 25, 43, 0.75), rgba(33, 25, 43, 0.98) 45%);
            border-top: 1px solid rgba(106, 86, 53, 0.45);
            margin-top: 8px;
            padding-top: 10px;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            z-index: 2;
          }
          .news-form-actions .btn {
            width: auto;
            min-width: 0;
            margin: 0;
            padding: 8px 14px;
            border-radius: 10px;
            font-size: 12px;
          }
          .menu-layout {
            display: grid;
            grid-template-columns: minmax(240px, 350px) minmax(360px, 1fr);
            gap: 14px;
            align-items: start;
            width: 100%;
          }
          .menu-layout.form-hidden {
            grid-template-columns: minmax(240px, 520px);
          }
          .menu-layout.form-hidden .menu-list {
            max-width: 520px;
          }
          .menu-list {
            display: grid;
            gap: 10px;
            min-width: 0;
            max-width: 350px;
          }
          #menuPanel .menu-list {
            max-width: none;
            width: 100%;
          }
          #menuPanel .menu-layout {
            grid-template-columns: 1fr;
          }
          #storePanel .menu-layout.form-hidden {
            grid-template-columns: 1fr;
          }
          #storePanel .menu-layout.form-hidden .menu-list {
            max-width: none;
            width: 100%;
          }
          #storePanel .menu-items {
            grid-template-columns: repeat(auto-fill, 250px);
            justify-content: start;
          }
          .menu-toolbar {
            display: grid;
            gap: 8px;
          }
          .menu-toolbar-row {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
          }
          .menu-toolbar-row .btn {
            width: auto;
            min-width: 0;
            margin: 0;
            padding: 8px 12px;
            border-radius: 999px;
            font-size: 12px;
          }
          .menu-toolbar-row .btn.menu-new-btn {
            border-color: rgba(242, 139, 58, 0.92);
            background: linear-gradient(180deg, rgba(242, 139, 58, 0.18), rgba(242, 139, 58, 0.1));
            color: #ffd7b5;
            font-weight: 700;
          }
          .menu-toolbar-row .btn.menu-new-btn.needs-attention {
            box-shadow: 0 0 0 1px rgba(242, 139, 58, 0.35) inset, 0 0 14px rgba(242, 139, 58, 0.26);
            animation: menuNewBtnPulse 1.8s ease-in-out infinite;
          }
          @keyframes menuNewBtnPulse {
            0%, 100% { box-shadow: 0 0 0 1px rgba(242, 139, 58, 0.35) inset, 0 0 12px rgba(242, 139, 58, 0.22); }
            50% { box-shadow: 0 0 0 1px rgba(242, 139, 58, 0.65) inset, 0 0 20px rgba(242, 139, 58, 0.5); }
          }
          .menu-toolbar-row .field {
            flex: 1;
            min-width: 130px;
          }
          .offers-admin-layout {
            display: grid;
            grid-template-columns: minmax(320px, 1fr) minmax(360px, 440px);
            gap: 14px;
            align-items: start;
          }
          .offers-admin-layout.form-hidden {
            grid-template-columns: minmax(360px, 760px) minmax(300px, 1fr);
          }
          .offers-admin-layout.form-hidden .offers-admin-list-wrap {
            max-width: none;
          }
          .offers-admin-list-wrap {
            min-width: 0;
            display: grid;
            gap: 10px;
          }
          .offers-admin-toolbar {
            display: grid;
            gap: 8px;
          }
          .offers-admin-toolbar-row {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 8px;
          }
          .offers-admin-toolbar-row .btn {
            width: auto;
            min-width: 0;
            margin: 0;
            padding: 8px 12px;
            border-radius: 999px;
            font-size: 12px;
          }
          .offers-admin-toolbar-row .btn.offer-add-btn {
            position: relative;
            border-color: rgba(242, 139, 58, 0.92);
            background: linear-gradient(180deg, rgba(242, 139, 58, 0.18), rgba(242, 139, 58, 0.1));
            color: #ffd7b5;
            font-weight: 700;
          }
          .offers-admin-toolbar-row .btn.offer-add-btn.needs-attention {
            box-shadow: 0 0 0 1px rgba(242, 139, 58, 0.35) inset, 0 0 14px rgba(242, 139, 58, 0.26);
            animation: menuNewBtnPulse 1.8s ease-in-out infinite;
          }
          .offers-admin-toolbar-row .field {
            margin: 0;
            flex: 1;
            min-width: 140px;
          }
          .offers-admin-form {
            display: grid;
            gap: 10px;
            min-width: 0;
            align-content: start;
          }
          .offer-lang-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
          }
          .offer-lang-grid .label {
            margin: 0 0 6px;
          }
          .offers-admin-list {
            display: grid;
            gap: 8px;
            max-height: calc(100vh - 260px);
            overflow: auto;
            padding-right: 4px;
          }
          .offers-admin-item {
            padding: 10px 12px;
            border-radius: 12px;
            border: 1px solid var(--stroke);
            background: #221b2b;
            display: grid;
            gap: 6px;
          }
          .offers-admin-delete {
            padding: 6px 10px;
            border-radius: 999px;
            border: 1px solid rgba(242, 139, 58, 0.6);
            background: transparent;
            color: #f28b3a;
            font-size: 11px;
            font-weight: 700;
          }
          .offer-admin-item-card {
            display: grid;
            grid-template-columns: 22px 56px minmax(0, 1fr);
            gap: 12px;
            align-items: start;
            padding: 12px;
            border-radius: 14px;
            border: 1px solid var(--stroke);
            background: #221b2b;
            cursor: pointer;
          }
          .offer-admin-item-card.active {
            border-color: rgba(242, 139, 58, 0.9);
            box-shadow: 0 0 0 1px rgba(242, 139, 58, 0.25) inset;
          }
          .offer-admin-item-card.no-image {
            grid-template-columns: 22px minmax(0, 1fr);
          }
          .offer-admin-item-card.no-image .offer-admin-thumb-wrap {
            display: none;
          }
          .offer-admin-select-wrap {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            padding-top: 4px;
          }
          .offer-admin-select {
            width: 16px;
            height: 16px;
            accent-color: #f28b3a;
            cursor: pointer;
          }
          .offer-admin-thumb-wrap {
            width: 56px;
            height: 56px;
            border-radius: 12px;
            border: 1px solid var(--stroke);
            background: rgba(24, 18, 31, 0.9);
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 4px;
          }
          .offer-admin-thumb {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: contain;
            border-radius: 8px;
          }
          .offer-admin-body {
            min-width: 0;
            display: grid;
            gap: 5px;
          }
          .offer-admin-meta-row {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
          }
          .offer-admin-chip {
            display: inline-flex;
            align-items: center;
            padding: 3px 8px;
            border-radius: 999px;
            font-size: 11px;
            font-weight: 700;
            background: rgba(255, 255, 255, 0.06);
            color: #f5f2ea;
          }
          .offer-admin-chip.published {
            background: rgba(64, 179, 118, 0.18);
            color: #9ee3b9;
          }
          .offer-admin-chip.scheduled {
            background: rgba(242, 139, 58, 0.18);
            color: #ffd7b5;
          }
          .offer-admin-chip.archived,
          .offer-admin-chip.draft {
            background: rgba(255, 255, 255, 0.08);
            color: rgba(245, 242, 234, 0.74);
          }
          .offer-admin-time,
          .offer-admin-category,
          .offer-admin-metric {
            font-size: 12px;
            color: rgba(245, 242, 234, 0.68);
          }
          .offer-admin-title {
            font-size: 15px;
            font-weight: 700;
            color: #f5f2ea;
            line-height: 1.25;
          }
          .offer-admin-desc {
            margin: 0;
            font-size: 12px;
            line-height: 1.4;
            color: rgba(245, 242, 234, 0.78);
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
          }
          .offer-admin-link {
            font-size: 12px;
            font-weight: 700;
            color: #ffd7b5;
          }
          .offer-admin-metrics {
            display: flex;
            flex-wrap: wrap;
            gap: 6px 10px;
          }
          .offer-admin-actions {
            grid-column: 3;
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            margin-top: 2px;
          }
          .offer-admin-item-card.no-image .offer-admin-actions {
            grid-column: 2;
          }
          .offer-admin-action-btn {
            width: auto;
            min-width: 0;
            margin: 0;
            padding: 6px 10px;
            border-radius: 999px;
            font-size: 11px;
          }
          .offer-admin-remove-btn {
            border-color: rgba(241, 83, 83, 0.55);
            color: #ff9d9d;
          }
          .content-preview-panel {
            position: sticky;
            top: 86px;
            min-height: 240px;
            border-radius: 18px;
            border: 1px solid rgba(255, 255, 255, 0.09);
            background: linear-gradient(180deg, rgba(31, 37, 45, 0.9), rgba(14, 18, 23, 0.92));
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
            padding: 18px;
            overflow: hidden;
          }
          .content-preview-card,
          .content-preview-empty,
          .content-empty-state {
            display: grid;
            gap: 12px;
          }
          .content-preview-empty,
          .content-empty-state {
            min-height: 150px;
            align-content: center;
            padding: 18px;
            border-radius: 16px;
            border: 1px dashed rgba(255, 255, 255, 0.13);
            background: rgba(255, 255, 255, 0.025);
          }
          .content-preview-kicker {
            width: fit-content;
            padding: 4px 9px;
            border-radius: 999px;
            background: rgba(98, 209, 139, 0.13);
            color: #8ee3ad;
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.04em;
          }
          .content-preview-title,
          .content-empty-title {
            color: #f5f2ea;
            font-size: 20px;
            line-height: 1.15;
            font-weight: 850;
          }
          .content-preview-text,
          .content-empty-text {
            color: rgba(245, 242, 234, 0.68);
            font-size: 14px;
            line-height: 1.45;
            display: -webkit-box;
            -webkit-line-clamp: 7;
            -webkit-box-orient: vertical;
            overflow: hidden;
          }
          .content-preview-meta {
            color: rgba(245, 242, 234, 0.52);
            font-size: 12px;
          }
          .content-preview-actions {
            margin-top: 4px;
          }
          .content-preview-actions .btn,
          .content-empty-state .btn,
          .content-preview-empty .btn {
            width: fit-content;
            min-width: 0;
            padding: 9px 14px;
            border-radius: 999px;
          }
          .content-overflow-menu {
            position: relative;
          }
          .content-overflow-menu summary {
            list-style: none;
            width: 34px;
            height: 28px;
            border-radius: 999px;
            border: 1px solid rgba(255, 255, 255, 0.13);
            background: rgba(255, 255, 255, 0.05);
            color: rgba(245, 242, 234, 0.78);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-weight: 800;
            line-height: 1;
          }
          .content-overflow-menu summary::-webkit-details-marker {
            display: none;
          }
          .content-overflow-list {
            position: absolute;
            right: 0;
            top: calc(100% + 6px);
            min-width: 150px;
            z-index: 8;
            padding: 6px;
            border-radius: 12px;
            border: 1px solid rgba(255, 255, 255, 0.12);
            background: rgba(18, 22, 28, 0.98);
            box-shadow: 0 18px 38px rgba(0, 0, 0, 0.36);
          }
          .content-overflow-list button {
            width: 100%;
            border: 0;
            border-radius: 8px;
            background: transparent;
            color: #f5f2ea;
            text-align: left;
            padding: 8px 10px;
            font-size: 12px;
            font-weight: 700;
            cursor: pointer;
          }
          .content-overflow-list button:hover {
            background: rgba(255, 255, 255, 0.06);
          }
          .content-overflow-list button.danger {
            color: #ff9d9d;
          }
          @media (max-width: 980px) {
            .offers-admin-layout,
            .offers-admin-layout.form-hidden,
            .news-layout.form-hidden {
              grid-template-columns: 1fr;
            }
            .content-preview-panel {
              position: static;
            }
            .offers-admin-list { max-height: none; }
            .offer-lang-grid { grid-template-columns: 1fr; }
          }
          .admin-menu-tabs {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
          }
          .admin-menu-tab {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 6px 12px;
            border-radius: 999px;
            border: 1px solid rgba(106, 86, 53, 0.6);
            background: #171d24;
            color: #f5f2ea;
            font-size: 12px;
            cursor: pointer;
            user-select: none;
          }
          .admin-menu-tab.active {
            border-color: #f28b3a;
            color: #f28b3a;
            background: rgba(242, 139, 58, 0.12);
          }
          .admin-menu-tab.draggable {
            cursor: grab;
          }
          .admin-menu-tab.dragging {
            opacity: 0.55;
            border-color: #f28b3a;
          }
          .admin-menu-tab.drag-over {
            outline: 2px dashed rgba(242, 139, 58, 0.75);
            outline-offset: 2px;
          }
          .admin-menu-tab-grip {
            font-size: 11px;
            color: rgba(245, 242, 234, 0.7);
            line-height: 1;
          }
          .menu-category-order-panel {
            display: grid;
            gap: 10px;
            padding: 12px 14px;
            border: 1px solid #dfe4ea;
            border-radius: 14px;
            background: #f8fafc;
          }
          .menu-category-order-copy { display: grid; gap: 3px; }
          .menu-category-order-copy strong { color: #26313d; font-size: 13px; }
          .menu-category-order-copy span { color: #7a8796; font-size: 11px; line-height: 1.45; }
          .menu-category-order-copy .menu-category-order-status { color: #536273; font-weight: 750; }
          .menu-category-order-status[data-state="saving"] { color: #a65a16; }
          .menu-category-order-status[data-state="saved"] { color: #237a48; }
          .menu-category-order-status[data-state="error"] { color: #b43a3a; }
          .store-banner-panel {
            display: grid;
            gap: 14px;
            margin-top: 12px;
            padding: 14px;
            border: 1px solid #dfe4ea;
            border-radius: 14px;
            background: #fff;
          }
          .store-banner-heading {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 16px;
          }
          .store-banner-heading > div { display: grid; gap: 3px; }
          .store-banner-heading strong { color: #26313d; font-size: 13px; }
          .store-banner-heading span { color: #7a8796; font-size: 11px; line-height: 1.45; }
          .store-banner-status {
            flex: 0 0 auto;
            padding: 5px 9px;
            border-radius: 999px;
            background: #f4f6f8;
            color: #667382 !important;
            font-weight: 700;
          }
          .store-banner-status.is-active { background: #e8f6ed; color: #21834a !important; }
          .store-banner-status.is-error { background: #fff0ef; color: #bd3f38 !important; }
          .store-banner-layout {
            display: grid;
            grid-template-columns: minmax(320px, 1.25fr) minmax(280px, .75fr);
            gap: 16px;
            align-items: stretch;
          }
          .store-banner-preview {
            position: relative;
            width: 100%;
            min-height: 180px;
            overflow: hidden;
            border: 1px dashed #cfd6de;
            border-radius: 12px;
            background: #f8fafc center / cover no-repeat;
            color: #7a8796;
            cursor: pointer;
          }
          .store-banner-preview.has-image { border-style: solid; }
          .store-banner-preview.has-image::after {
            content: "Заменить изображение";
            position: absolute;
            right: 10px;
            bottom: 10px;
            padding: 6px 9px;
            border-radius: 8px;
            background: rgba(24, 31, 39, .78);
            color: #fff;
            font-size: 10px;
            font-weight: 800;
          }
          .store-banner-preview span { font-size: 12px; font-weight: 700; }
          .store-banner-controls { display: grid; align-content: start; gap: 9px; }
          .store-banner-controls > .btn { width: 100%; margin: 0; }
          .store-banner-target-row { display: grid; grid-template-columns: 140px 1fr; gap: 8px; }
          .store-banner-enabled {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #35414e;
            font-size: 12px;
            font-weight: 700;
          }
          .store-banner-actions { display: flex; gap: 8px; margin-top: 3px; }
          .store-banner-actions .btn { flex: 1; margin: 0; }
          .store-banner-remove { color: #b64343; }
          @media (max-width: 900px) {
            .store-banner-layout { grid-template-columns: 1fr; }
            .store-banner-preview { min-height: 150px; }
          }
          @media (max-width: 560px) {
            .store-banner-heading { display: grid; }
            .store-banner-status { justify-self: start; }
            .store-banner-target-row { grid-template-columns: 1fr; }
            .store-banner-actions { display: grid; }
          }
          .admin-menu-tab-order-item { display: inline-flex; align-items: stretch; border-radius: 999px; }
          .admin-menu-tab-order-item.dragging { opacity: .55; }
          .admin-menu-tab-order-item.drag-over { outline: 2px dashed rgba(242, 139, 58, .75); outline-offset: 2px; }
          .admin-menu-tab-order-item .admin-menu-tab { border-radius: 999px 8px 8px 999px; }
          .admin-menu-category-move {
            width: 28px;
            min-height: 32px;
            border: 1px solid #d8dee6;
            border-left: 0;
            background: #fff;
            color: #667382;
            font-size: 13px;
            font-weight: 800;
          }
          .admin-menu-category-move:last-child { border-radius: 0 999px 999px 0; }
          .admin-menu-category-move:disabled { color: #c3cad2; cursor: default; }
          .menu-form {
            display: grid;
            gap: 10px;
            min-width: 0;
          }
          .menu-form .field.invalid,
          .menu-form textarea.invalid {
            border-color: rgba(241, 83, 83, 0.85);
            box-shadow: 0 0 0 1px rgba(241, 83, 83, 0.35) inset;
          }
          .menu-image-dropzone {
            border: 1px dashed rgba(106, 86, 53, 0.85);
            border-radius: 12px;
            background: #f8fafc;
            color: #536171;
            font-size: 12px;
            text-align: center;
            padding: 18px 12px;
            transition: border-color .2s ease, background .2s ease;
            display: grid;
            gap: 4px;
            cursor: pointer;
          }
          .menu-image-dropzone strong { color: #26313d; font-size: 13px; }
          .menu-image-dropzone span { color: #6f7b89; font-size: 11px; }
          .menu-image-dropzone small { color: #9aa4af; font-size: 10px; }
          .menu-image-dropzone:focus-visible { outline: 2px solid #f28b3a; outline-offset: 2px; }
          .menu-image-dropzone.drag-over {
            border-color: rgba(242, 139, 58, 0.9);
            background: rgba(242, 139, 58, 0.14);
            color: #f5f2ea;
          }
          .menu-image-dropzone[data-state="selected"] {
            border-color: #f47a16;
            background-color: #fff6ed;
          }
          .menu-image-preview {
            border: 1px solid rgba(106, 86, 53, 0.6);
            border-radius: 12px;
            min-height: 170px;
            background: #f6f8fa;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            color: #8793a0;
          }
          .menu-image-preview.empty {
            background-image: none !important;
          }
          .menu-image-actions {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
          }
          .menu-image-actions .btn {
            width: auto;
            min-width: 0;
            margin: 0;
            padding: 6px 10px;
          }
          .menu-image-actions .menu-image-remove { color: #b64343; }
          .full-menu-admin-panel {
            padding: 12px;
            border-radius: 16px;
            border: 1px solid rgba(106, 86, 53, 0.55);
            background: linear-gradient(180deg, rgba(31, 37, 45, 0.98), rgba(21, 26, 32, 0.98));
            display: grid;
            gap: 12px;
          }
          .full-menu-admin-head {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 10px;
            flex-wrap: wrap;
          }
          .full-menu-admin-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
          }
          .full-menu-admin-actions .field {
            width: 260px;
            max-width: 100%;
            margin: 0;
          }
          .full-menu-admin-actions .btn {
            width: auto;
            min-width: 0;
            margin: 0;
            padding: 8px 12px;
            border-radius: 999px;
            font-size: 12px;
          }
          .full-menu-top-admin-box {
            display: grid;
            gap: 10px;
          }
          .full-menu-top-admin-preview {
            width: min(100%, 260px);
            aspect-ratio: 4 / 5;
            border-radius: 12px;
            overflow: hidden;
            border: 1px solid rgba(106, 86, 53, 0.5);
            background: #0f0b16;
          }
          .full-menu-top-admin-preview img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
          }
          .full-menu-top-admin-empty {
            font-size: 12px;
            color: rgba(245, 242, 234, 0.72);
          }
          .full-menu-admin-list {
            display: grid;
            gap: 10px;
          }
          #menuPanel .full-menu-admin-list {
            grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
            align-items: start;
          }
          .full-menu-admin-empty {
            padding: 12px;
            border-radius: 12px;
            border: 1px dashed rgba(106, 86, 53, 0.55);
            color: rgba(245, 242, 234, 0.74);
            font-size: 12px;
            background: rgba(31, 37, 45, 0.72);
          }
          #menuPanel .full-menu-admin-empty {
            grid-column: 1 / -1;
          }
          .full-menu-admin-item {
            display: grid;
            grid-template-columns: 72px minmax(0, 1fr) auto;
            gap: 12px;
            align-items: center;
            padding: 10px;
            border-radius: 14px;
            border: 1px solid rgba(106, 86, 53, 0.5);
            background: #151b22;
          }
          #menuPanel .full-menu-admin-item {
            align-items: start;
            min-height: 100%;
          }
          .full-menu-admin-thumb {
            width: 72px;
            height: 102px;
            border-radius: 10px;
            object-fit: cover;
            display: block;
            background: #120d18;
            border: 1px solid rgba(255, 255, 255, 0.04);
          }
          .full-menu-admin-meta {
            min-width: 0;
            display: grid;
            gap: 4px;
          }
          .full-menu-admin-title {
            font-size: 13px;
            font-weight: 700;
            color: #f5f2ea;
          }
          .full-menu-admin-hint {
            font-size: 11px;
            line-height: 1.35;
            color: rgba(245, 242, 234, 0.72);
          }
          .full-menu-admin-order {
            display: inline-flex;
            align-items: center;
            width: fit-content;
            padding: 3px 8px;
            border-radius: 999px;
            border: 1px solid rgba(242, 139, 58, 0.4);
            color: #f28b3a;
            background: rgba(242, 139, 58, 0.08);
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 0.04em;
            text-transform: uppercase;
          }
          .full-menu-admin-item-actions {
            display: inline-flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            gap: 6px;
          }
          .full-menu-admin-btn {
            border: 1px solid rgba(106, 86, 53, 0.6);
            background: #261d31;
            color: #f5f2ea;
            border-radius: 10px;
            padding: 6px 10px;
            font-size: 11px;
            font-weight: 700;
            cursor: pointer;
          }
          .full-menu-admin-btn.danger {
            color: #ffb0b0;
            border-color: rgba(241, 83, 83, 0.55);
          }
          .full-menu-icon-picker {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(82px, 1fr));
            gap: 8px;
            margin-top: 2px;
            max-height: 230px;
            overflow: auto;
            padding: 2px;
          }
          .full-menu-icon-picker-actions {
            display: flex;
            justify-content: flex-start;
            margin-top: -2px;
          }
          .full-menu-icon-picker-actions .btn {
            width: auto;
            min-width: 0;
            margin: 0;
            padding: 6px 10px;
            border-radius: 10px;
            font-size: 11px;
          }
          .full-menu-icon-tile {
            margin: 0;
            border: 1px solid rgba(106, 86, 53, 0.55);
            border-radius: 12px;
            background: rgba(31, 37, 45, 0.86);
            min-height: 82px;
            padding: 8px 6px;
            display: grid;
            align-content: center;
            justify-items: center;
            gap: 6px;
            color: rgba(245, 242, 234, 0.86);
            position: relative;
            cursor: pointer;
          }
          .full-menu-icon-tile:focus-visible {
            outline: 2px solid rgba(242, 139, 58, 0.9);
            outline-offset: 1px;
          }
          .full-menu-icon-tile.active {
            border-color: rgba(242, 139, 58, 0.88);
            box-shadow: inset 0 0 0 1px rgba(242, 139, 58, 0.42);
            color: #f5f2ea;
          }
          .full-menu-icon-tile-img-wrap {
            width: 28px;
            height: 28px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
          }
          .full-menu-icon-tile-img {
            width: 24px;
            height: 24px;
            object-fit: contain;
            display: block;
          }
          .full-menu-icon-tile-name {
            font-size: 10px;
            line-height: 1.2;
            text-align: center;
            max-width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-transform: uppercase;
          }
          .full-menu-icon-tile-none {
            font-size: 10px;
            line-height: 1.2;
            text-align: center;
            text-transform: uppercase;
            color: rgba(245, 242, 234, 0.74);
          }
          .full-menu-icon-delete-btn {
            position: absolute;
            right: 4px;
            top: 4px;
            width: 18px;
            height: 18px;
            border-radius: 999px;
            border: 1px solid rgba(241, 83, 83, 0.65);
            background: rgba(30, 14, 22, 0.9);
            color: #ffb0b0;
            font-size: 12px;
            line-height: 1;
            padding: 0;
            display: inline-flex;
            align-items: center;
            justify-content: center;
          }
          .menu-skeleton-card {
            border-radius: 14px;
            border: 1px solid rgba(106, 86, 53, 0.45);
            background: linear-gradient(90deg, rgba(36, 28, 47, 0.9), rgba(48, 39, 63, 0.95), rgba(36, 28, 47, 0.9));
            background-size: 220% 100%;
            min-height: 170px;
            animation: menu-skeleton-wave 1.1s linear infinite;
          }
          @keyframes menu-skeleton-wave {
            from { background-position: 200% 0; }
            to { background-position: -200% 0; }
          }
          .menu-items {
            display: grid;
            gap: 10px;
            min-width: 0;
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .menu-category-title {
            grid-column: 1 / -1;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 0.25px;
            color: #f5f2ea;
            padding: 2px 2px 0;
          }
          .menu-card {
            background: #151b22;
            border: 1px solid rgba(106, 86, 53, 0.6);
            border-radius: 16px;
            overflow: hidden;
            display: grid;
            gap: 8px;
            padding: 10px;
          }
          .menu-img {
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 12px;
            background:
              radial-gradient(circle at 20% 20%, rgba(255, 190, 120, 0.35), transparent 60%),
              radial-gradient(circle at 80% 10%, rgba(255, 120, 60, 0.35), transparent 55%),
              linear-gradient(140deg, rgba(50, 40, 70, 0.9), rgba(20, 16, 32, 0.9));
            border: 1px solid rgba(255, 255, 255, 0.04);
            background-size: cover;
            background-position: center;
            position: relative;
          }
          .menu-badges {
            position: absolute;
            top: 8px;
            left: 8px;
            right: 8px;
            height: 0;
            display: flex;
            gap: 6px;
            align-items: center;
            z-index: 2;
            pointer-events: none;
          }
          .menu-badge-img {
            width: 22px;
            height: 22px;
            max-width: 22px;
            max-height: 22px;
            object-fit: contain;
            display: block;
            filter: drop-shadow(0 2px 6px rgba(0,0,0,0.35));
          }
          .menu-admin-card .menu-badge-new {
            width: 33px;
            height: 33px;
            max-width: 33px;
            max-height: 33px;
          }
          .menu-badge-top {
            position: absolute;
            left: 0;
            top: 0;
          }
          .menu-badge-new {
            position: absolute;
            right: 0;
            top: 0;
          }
          .menu-admin-card .menu-badge-new {
            right: -5px;
            top: -5px;
          }
          .menu-name {
            font-size: 12px;
            font-weight: 700;
            color: #f5f2ea;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
          }
          .menu-desc {
            font-size: 11px;
            color: rgba(245, 242, 234, 0.7);
            line-height: 1.3;
            min-height: 32px;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
          }
          .menu-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            min-height: 32px;
          }
          .menu-price {
            font-size: 12px;
            font-weight: 700;
            color: #f28b3a;
            white-space: nowrap;
          }
          .menu-item-card {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 10px 12px;
            border-radius: 12px;
            border: 1px solid rgba(106, 86, 53, 0.6);
            background: #171d24;
            color: #f5f2ea;
          }
          .menu-item-img {
            width: 56px;
            height: 56px;
            border-radius: 10px;
            background: #151b22;
            background-size: cover;
            background-position: center;
            border: 1px solid rgba(255,255,255,0.06);
            flex: 0 0 56px;
          }
          .menu-item-body {
            min-width: 0;
            flex: 1;
            display: grid;
            gap: 4px;
          }
          .menu-item-title {
            font-size: 13px;
            font-weight: 700;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
          .menu-item-desc {
            font-size: 11px;
            color: rgba(245, 242, 234, 0.7);
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
          }
          .menu-item-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            font-size: 11px;
            color: #cbbfa9;
          }
          .menu-flag {
            padding: 2px 6px;
            border-radius: 999px;
            border: 1px solid rgba(255, 154, 85, 0.6);
            color: #f28b3a;
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
          }
          .menu-flags {
            display: flex;
            gap: 12px;
            align-items: center;
            margin: 6px 0 2px;
          }
          .menu-flag-check {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 12px;
            color: #cbbfa9;
          }
          .voucher-settings-row-grid {
            display: grid;
            grid-template-columns: minmax(280px, 1.4fr) minmax(160px, 1fr) minmax(180px, 1fr) minmax(170px, 0.9fr) auto;
            gap: 12px;
            align-items: start;
          }
          .voucher-settings-product {
            display: flex;
            align-items: center;
            gap: 12px;
            min-width: 0;
          }
          .voucher-settings-field {
            display: grid;
            gap: 6px;
            min-width: 0;
          }
          .voucher-settings-field-label {
            font-size: 11px;
            font-weight: 700;
            line-height: 1.25;
            letter-spacing: 0.03em;
            text-transform: uppercase;
            color: rgba(201, 191, 169, 0.84);
          }
          .voucher-settings-toggle {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            margin-top: 10px;
            font-size: 13px;
            font-weight: 700;
            color: #f5f2ea;
            cursor: pointer;
          }
          .voucher-settings-enabled {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            width: 20px;
            height: 20px;
            flex: 0 0 20px;
            margin: 0;
            border-radius: 6px;
            border: 1.5px solid rgba(242, 139, 58, 0.72);
            background: rgba(27, 23, 38, 0.92);
            display: inline-grid;
            place-items: center;
            cursor: pointer;
            position: relative;
            box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04);
          }
          .voucher-settings-enabled:checked {
            background: linear-gradient(135deg, #f26522 0%, #ffb15f 100%);
            border-color: #ffb15f;
          }
          .voucher-settings-enabled:checked::after {
            content: "✓";
            color: #2b1105;
            font-size: 14px;
            font-weight: 900;
            line-height: 1;
          }
          .voucher-settings-enabled:focus-visible {
            outline: 2px solid rgba(242, 139, 58, 0.28);
            outline-offset: 2px;
          }
          @media (max-width: 1280px) {
            .voucher-settings-row-grid {
              grid-template-columns: minmax(240px, 1.3fr) repeat(2, minmax(150px, 1fr)) minmax(160px, 0.9fr) auto;
            }
          }
          @media (max-width: 980px) {
            .voucher-settings-row-grid {
              grid-template-columns: 1fr;
            }
          }
          .menu-item-price {
            margin-left: auto;
            font-weight: 700;
            color: #f28b3a;
            font-size: 12px;
          }
          .menu-item-actions {
            display: inline-flex;
            align-items: center;
            gap: 6px;
          }
          .menu-item-card.dragging {
            opacity: 0.5;
            border-color: rgba(255, 154, 85, 0.9);
          }
          .menu-item-card.drag-over {
            outline: 2px dashed rgba(255, 154, 85, 0.7);
            outline-offset: 2px;
          }
          .menu-drag-handle {
            font-size: 14px;
            color: rgba(245, 242, 234, 0.6);
            cursor: grab;
            user-select: none;
          }
          .menu-item-btn {
            border: 0;
            background: #151b22;
            color: #f5f2ea;
            font-size: 12px;
            cursor: pointer;
            padding: 6px 8px;
            border-radius: 8px;
            border: 1px solid rgba(106, 86, 53, 0.6);
          }
          .menu-item-delete {
            border: 0;
            background: transparent;
            color: #ff9a9a;
            font-size: 16px;
            cursor: pointer;
            padding: 0 4px;
          }
          .menu-admin-card {
            position: relative;
          }
          .menu-admin-card.is-hidden {
            opacity: 0.55;
            border-color: rgba(255, 154, 154, 0.7);
          }
          .menu-hidden-badge {
            display: inline-flex;
            align-items: center;
            padding: 2px 8px;
            border-radius: 999px;
            border: 1px solid rgba(255, 154, 154, 0.8);
            color: #ffd6d6;
            font-size: 10px;
            font-weight: 700;
          }
          .menu-admin-meta {
            font-size: 11px;
            color: rgba(245, 242, 234, 0.7);
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
          }
          .menu-admin-actions {
            display: inline-flex;
            align-items: center;
            gap: 6px;
          }
          .menu-admin-quick {
            display: inline-flex;
            gap: 6px;
            flex-wrap: wrap;
            align-items: center;
          }
          .menu-quick-btn {
            border: 1px solid rgba(106, 86, 53, 0.6);
            background: #151b22;
            color: rgba(245, 242, 234, 0.85);
            border-radius: 8px;
            padding: 4px 8px;
            font-size: 10px;
            font-weight: 700;
            cursor: pointer;
          }
          .menu-quick-btn.active {
            border-color: rgba(242, 139, 58, 0.85);
            color: #f28b3a;
            background: rgba(242, 139, 58, 0.15);
          }
          .menu-quick-btn.danger {
            border-color: rgba(241, 83, 83, 0.65);
            color: #ff9f9f;
          }
          .menu-admin-btn {
            border: 0;
            background: #151b22;
            color: #f5f2ea;
            font-size: 12px;
            cursor: pointer;
            padding: 6px 8px;
            border-radius: 8px;
            border: 1px solid rgba(106, 86, 53, 0.6);
          }
          .menu-admin-delete {
            border: 0;
            background: transparent;
            color: #ff9a9a;
            font-size: 16px;
            cursor: pointer;
            padding: 0 4px;
          }
          .menu-admin-card.dragging {
            opacity: 0.5;
            border-color: rgba(255, 154, 85, 0.9);
          }
          .menu-admin-card.drag-over {
            outline: 2px dashed rgba(255, 154, 85, 0.7);
            outline-offset: 2px;
          }
          .news-item {
            padding: 12px;
            border-radius: 12px;
            border: 1px solid rgba(106, 86, 53, 0.6);
            background: #171d24;
            color: #f5f2ea;
            font-size: 12px;
            text-align: left;
            cursor: pointer;
            display: grid;
            gap: 8px;
          }
          .news-item.active {
            border-color: rgba(242, 139, 58, 0.95);
            box-shadow: 0 0 0 1px rgba(242, 139, 58, 0.25) inset;
          }
          .news-item-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 8px;
          }
          .news-item-title {
            font-size: 13px;
            font-weight: 700;
            color: #f5f2ea;
            line-height: 1.25;
          }
          .news-item-meta {
            font-size: 11px;
            color: rgba(245, 242, 234, 0.62);
          }
          .news-item-preview {
            margin: 0;
            color: rgba(245, 242, 234, 0.85);
            font-size: 12px;
            line-height: 1.3;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
          }
          .news-item-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
          }
          .news-item-action-btn {
            min-width: 0;
            margin: 0;
            width: auto;
            padding: 4px 8px;
            border-radius: 8px;
            border: 1px solid rgba(242, 139, 58, 0.55);
            background: rgba(31, 37, 45, 0.8);
            color: #f2b277;
            font-size: 11px;
            font-weight: 700;
            cursor: pointer;
          }
          .news-item-action-btn.danger {
            border-color: rgba(241, 83, 83, 0.65);
            color: #ff8b8b;
          }
          .news-chip {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            padding: 2px 8px;
            border: 1px solid rgba(245, 242, 234, 0.35);
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            white-space: nowrap;
          }
          .news-chip.published {
            border-color: rgba(116, 216, 155, 0.75);
            color: #7ce7b0;
          }
          .news-chip.draft {
            border-color: rgba(245, 242, 234, 0.25);
            color: rgba(245, 242, 234, 0.75);
          }
          .news-empty {
            padding: 14px;
            border-radius: 12px;
            border: 1px dashed rgba(106, 86, 53, 0.65);
            background: rgba(36, 28, 47, 0.55);
            color: rgba(245, 242, 234, 0.75);
            font-size: 12px;
          }
          .admin-news-preview-modal .modal-card {
            max-width: 560px;
          }
          .admin-news-preview {
            border: 1px solid rgba(160, 152, 182, 0.24);
            border-radius: 14px;
            background: #1c1725;
            padding: 14px;
            display: grid;
            gap: 8px;
          }
          .admin-news-preview-photo {
            width: 100%;
            aspect-ratio: 16 / 9;
            border-radius: 12px;
            border: 1px solid rgba(160, 152, 182, 0.3);
            background: #221b2b;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
          }
          .admin-news-preview-photo.empty::before {
            content: "Фото не добавлено";
            display: flex;
            width: 100%;
            height: 100%;
            align-items: center;
            justify-content: center;
            color: rgba(245, 242, 234, 0.68);
            font-size: 12px;
          }
          body[data-admin-ui-lang="ro"] .admin-news-preview-photo.empty::before {
            content: "Poza nu este adaugata";
          }
          .admin-news-preview-title {
            margin: 0;
            font-size: 18px;
            font-weight: 800;
            color: #f5f2ea;
          }
          .admin-news-preview-meta {
            margin: 0;
            font-size: 12px;
            color: rgba(245, 242, 234, 0.66);
          }
          .admin-news-preview-text {
            margin: 0;
            font-size: 13px;
            line-height: 1.4;
            color: rgba(245, 242, 234, 0.92);
          }
          .admin-news-preview-link {
            font-size: 12px;
            color: #f2b277;
            font-weight: 700;
          }
          .broadcast-schedule-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 8px 10px;
            border: 1px solid rgba(106, 86, 53, 0.4);
            border-radius: 10px;
            background: #1b1b21;
            margin-bottom: 8px;
          }
          .broadcast-schedule-text {
            font-size: 12px;
            color: #f5f2ea;
            line-height: 1.4;
          }
          .broadcast-delete-btn {
            width: auto;
            min-width: 110px;
            padding: 8px 12px;
            margin: 0;
            border-radius: 10px;
          }
          .broadcast-builder {
            display: grid;
            gap: 12px;
          }
          .broadcast-main-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.25fr) minmax(300px, 380px);
            gap: 14px;
            align-items: start;
          }
          .broadcast-editor-card,
          .broadcast-review-card {
            border: 1px solid rgba(106, 86, 53, 0.45);
            border-radius: 16px;
            background: rgba(21, 26, 32, 0.72);
            padding: 14px;
            display: grid;
            gap: 12px;
          }
          .broadcast-editor-head {
            display: flex;
            align-items: start;
            justify-content: space-between;
            gap: 12px;
          }
          .broadcast-locale-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
          }
          .broadcast-locale-card {
            border: 1px solid rgba(160, 152, 182, 0.22);
            border-radius: 14px;
            background: rgba(31, 37, 45, 0.74);
            padding: 12px;
            display: grid;
            gap: 8px;
          }
          .broadcast-locale-card .field {
            margin: 0;
            min-height: 180px;
          }
          .broadcast-locale-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 44px;
            padding: 6px 10px;
            border-radius: 999px;
            border: 1px solid rgba(242, 139, 58, 0.55);
            background: rgba(242, 139, 58, 0.12);
            color: #f2b277;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.04em;
          }
          .broadcast-media-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
          }
          .broadcast-side-stack {
            display: grid;
            gap: 12px;
            align-content: start;
          }
          .broadcast-setting-card {
            border-radius: 16px;
          }
          .broadcast-summary-note {
            margin: 6px 0 0;
            font-size: 12px;
            line-height: 1.45;
            color: rgba(245, 242, 234, 0.6);
          }
          .broadcast-steps {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
          }
          .broadcast-step-btn {
            border: 1px solid rgba(106, 86, 53, 0.6);
            background: #171d24;
            color: #f5f2ea;
            border-radius: 999px;
            font-size: 12px;
            padding: 7px 12px;
            cursor: pointer;
          }
          .broadcast-step-btn.active {
            border-color: rgba(242, 139, 58, 0.86);
            background: rgba(242, 139, 58, 0.18);
            color: #f2b277;
          }
          .broadcast-step {
            border: 1px solid rgba(106, 86, 53, 0.45);
            border-radius: 12px;
            background: rgba(21, 26, 32, 0.65);
            padding: 12px;
          }
          .broadcast-step.hidden {
            display: none;
          }
          .broadcast-collapsible {
            border: 1px solid rgba(106, 86, 53, 0.45);
            border-radius: 10px;
            background: rgba(33, 25, 43, 0.45);
            margin-top: 10px;
            overflow: hidden;
          }
          .broadcast-collapse-btn {
            width: 100%;
            border: 0;
            border-bottom: 1px solid rgba(106, 86, 53, 0.45);
            background: rgba(31, 37, 45, 0.8);
            color: #f5f2ea;
            font-size: 12px;
            font-weight: 700;
            text-align: left;
            padding: 9px 11px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
          }
          .broadcast-collapse-body {
            padding: 10px;
          }
          .broadcast-collapsible.collapsed .broadcast-collapse-body {
            display: none;
          }
          .broadcast-collapse-chevron {
            transition: transform .2s ease;
          }
          .broadcast-collapsible.collapsed .broadcast-collapse-chevron {
            transform: rotate(-90deg);
          }
          .broadcast-mode-switch {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
          }
          .broadcast-mode-chip {
            border: 1px solid rgba(106, 86, 53, 0.6);
            border-radius: 999px;
            padding: 6px 10px;
            font-size: 12px;
            color: #f5f2ea;
            background: #171d24;
            display: inline-flex;
            align-items: center;
            gap: 6px;
          }
          .broadcast-mode-chip input {
            accent-color: #f28b3a;
          }
          .broadcast-preview-tabs {
            display: flex;
            gap: 8px;
            margin-bottom: 8px;
          }
          .broadcast-preview-tab {
            border: 1px solid rgba(106, 86, 53, 0.6);
            border-radius: 999px;
            background: #171d24;
            color: #f5f2ea;
            font-size: 11px;
            padding: 5px 10px;
            cursor: pointer;
          }
          .broadcast-preview-tab.active {
            border-color: rgba(242, 139, 58, 0.86);
            color: #f2b277;
            background: rgba(242, 139, 58, 0.14);
          }
          .broadcast-preview {
            border: 1px solid rgba(160, 152, 182, 0.24);
            border-radius: 14px;
            background: #1c1725;
            padding: 12px;
            display: grid;
            gap: 8px;
          }
          .broadcast-preview-locale-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
          }
          .broadcast-preview-locale-card {
            border: 1px solid rgba(160, 152, 182, 0.2);
            border-radius: 12px;
            background: rgba(29, 22, 39, 0.9);
            padding: 10px;
            display: grid;
            gap: 8px;
          }
          .broadcast-preview-locale-card .broadcast-preview-title {
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            color: rgba(245, 242, 234, 0.72);
          }
          .broadcast-preview-photo {
            width: min(100%, 620px);
            margin: 0 auto;
            border-radius: 18px;
            border: 1px solid rgba(160, 152, 182, 0.3);
            background: #221b2b;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
          }
          .broadcast-preview-photo-img {
            display: block;
            width: 100%;
            height: auto;
            max-height: 520px;
            object-fit: contain;
          }
          .broadcast-preview-photo.empty {
            min-height: 220px;
          }
          .broadcast-preview-photo.empty::before {
            content: "Фото не добавлено";
            display: flex;
            width: 100%;
            height: 100%;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            color: rgba(245, 242, 234, 0.68);
          }
          body[data-admin-ui-lang="ro"] .broadcast-preview-photo.empty::before {
            content: "Poza nu este adaugata";
          }
          .broadcast-preview-title {
            margin: 0;
            font-size: 14px;
            font-weight: 700;
            color: #f5f2ea;
          }
          .broadcast-preview-text {
            margin: 0;
            font-size: 13px;
            line-height: 1.4;
            color: rgba(245, 242, 234, 0.92);
            white-space: pre-wrap;
          }
          .broadcast-estimate-row {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 10px;
            font-size: 12px;
            color: rgba(245, 242, 234, 0.82);
          }
          .broadcast-estimate-badge {
            border: 1px solid rgba(242, 139, 58, 0.7);
            background: rgba(242, 139, 58, 0.16);
            color: #f2b277;
            border-radius: 999px;
            padding: 6px 10px;
            font-weight: 700;
          }
          .broadcast-template-row {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
          }
          .broadcast-template-row .field {
            min-width: 210px;
          }
          .broadcast-template-row .btn {
            width: auto;
            min-width: 0;
            margin: 0;
            padding: 8px 12px;
            border-radius: 999px;
          }
          .broadcast-modal-card {
            max-width: 980px;
          }
          #broadcastAudienceModal {
            align-items: flex-start;
            overflow-y: auto;
            padding: 18px;
          }
          #broadcastAudienceModal .broadcast-modal-card {
            max-height: calc(100vh - 36px);
            overflow-y: auto;
            overscroll-behavior: contain;
          }
          #broadcastAudienceModal .profile-admin-inline-actions {
            position: sticky;
            bottom: -22px;
            z-index: 3;
            margin: 12px -22px -22px;
            padding: 14px 22px 18px;
            background: rgba(21, 26, 32, 0.97);
            border-top: 1px solid rgba(255,255,255,0.08);
          }
          .broadcast-modal-section {
            display: grid;
            gap: 8px;
            margin-bottom: 10px;
          }
          .broadcast-modal-statuses {
            display: grid;
            gap: 4px;
            margin-left: auto;
            text-align: right;
          }
          .broadcast-action-bar {
            position: sticky;
            bottom: 10px;
            z-index: 15;
            border: 1px solid rgba(242, 139, 58, 0.5);
            border-radius: 12px;
            background: rgba(21, 26, 32, 0.94);
            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.36);
            margin: 10px 0 16px;
            padding: 10px;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
          }
          .broadcast-action-summary {
            font-size: 12px;
            color: rgba(245, 242, 234, 0.85);
            margin-right: auto;
          }
          .broadcast-action-bar .btn {
            width: auto;
            min-width: 0;
            margin: 0;
            padding: 8px 12px;
            border-radius: 999px;
          }
          .broadcast-report-cards {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: 10px;
            margin-bottom: 10px;
          }
          .broadcast-report-card {
            border: 1px solid rgba(160, 152, 182, 0.24);
            border-radius: 12px;
            background: #151b22;
            padding: 10px;
            display: grid;
            gap: 4px;
          }
          .broadcast-report-label {
            font-size: 11px;
            color: rgba(245, 242, 234, 0.7);
          }
          .broadcast-report-value {
            font-size: 18px;
            font-weight: 800;
            color: #f5f2ea;
          }
          .broadcast-status-good {
            color: #91d29d;
          }
          .broadcast-status-warn {
            color: #f2b277;
          }
          .broadcast-status-bad {
            color: #ff9f9f;
          }
          .broadcast-report-host {
            margin-top: 6px;
            border: 1px solid rgba(106, 86, 53, 0.45);
            border-radius: 12px;
            background: rgba(21, 16, 29, 0.8);
            padding: 10px;
            min-height: 56px;
          }
          .broadcast-log-list {
            display: grid;
            gap: 10px;
          }
          .broadcast-log-item {
            border: 1px solid rgba(160, 152, 182, 0.22);
            border-radius: 12px;
            background: rgba(32, 24, 44, 0.72);
            padding: 10px;
            display: grid;
            gap: 8px;
          }
          .broadcast-log-top {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
          }
          .broadcast-log-time {
            font-size: 12px;
            font-weight: 700;
            color: #f5f2ea;
          }
          .broadcast-log-chips {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
          }
          .broadcast-log-chip {
            border: 1px solid rgba(160, 152, 182, 0.28);
            border-radius: 999px;
            padding: 3px 8px;
            font-size: 11px;
            color: rgba(245, 242, 234, 0.88);
            background: rgba(22, 18, 31, 0.65);
          }
          .broadcast-log-chip.good {
            border-color: rgba(145, 210, 157, 0.55);
            color: #9ce0a8;
          }
          .broadcast-log-chip.bad {
            border-color: rgba(255, 159, 159, 0.55);
            color: #ffb2b2;
          }
          .broadcast-log-text {
            font-size: 13px;
            line-height: 1.45;
            color: #f5f2ea;
            white-space: pre-wrap;
            overflow-wrap: anywhere;
          }
          .broadcast-log-meta {
            font-size: 12px;
            line-height: 1.45;
            color: rgba(245, 242, 234, 0.82);
            overflow-wrap: anywhere;
          }
          .broadcast-log-details {
            border-top: 1px dashed rgba(160, 152, 182, 0.24);
            padding-top: 7px;
            margin-top: 2px;
          }
          .broadcast-log-details > summary {
            list-style: none;
            cursor: pointer;
            font-size: 12px;
            font-weight: 700;
            color: #f2b277;
          }
          .broadcast-log-details > summary::-webkit-details-marker {
            display: none;
          }
          .broadcast-log-details[open] > summary {
            margin-bottom: 6px;
          }
          .broadcast-log-actions {
            display: flex;
            justify-content: flex-end;
          }
          .broadcast-log-actions .btn {
            width: auto;
            min-width: 0;
            margin: 0;
            padding: 7px 12px;
          }
          .broadcast-log-empty {
            font-size: 13px;
            color: rgba(245, 242, 234, 0.72);
            padding: 4px 2px;
          }
          .client-card-search-row {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 10px;
            margin-bottom: 8px;
          }
          .client-card-top {
            border: 1px solid rgba(160, 152, 182, 0.24);
            border-radius: 12px;
            background: rgba(21, 26, 32, 0.7);
            padding: 12px;
            margin-top: 10px;
          }
          .client-card-top-main {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            flex-wrap: wrap;
          }
          .client-card-name {
            font-size: 20px;
            font-weight: 800;
            color: #f5f2ea;
            margin: 0;
          }
          .client-card-sub {
            font-size: 12px;
            color: rgba(245, 242, 234, 0.72);
            margin: 2px 0 0;
          }
          .client-copy-row {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 8px;
          }
          .client-copy-chip {
            border: 1px solid rgba(106, 86, 53, 0.55);
            border-radius: 999px;
            background: #171d24;
            color: #f5f2ea;
            font-size: 11px;
            padding: 6px 10px;
            cursor: pointer;
          }
          .client-metrics {
            margin-top: 10px;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 8px;
          }
          .client-metric-card {
            border: 1px solid rgba(106, 86, 53, 0.4);
            border-radius: 10px;
            background: #151b22;
            padding: 8px;
          }
          .client-metric-label {
            font-size: 11px;
            color: rgba(245, 242, 234, 0.7);
          }
          .client-metric-value {
            margin-top: 4px;
            font-size: 18px;
            font-weight: 800;
            color: #f5f2ea;
          }
          .client-card-tabs {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 12px;
          }
          .client-card-tab-btn {
            border: 1px solid rgba(106, 86, 53, 0.6);
            border-radius: 999px;
            background: #171d24;
            color: #f5f2ea;
            font-size: 12px;
            padding: 6px 12px;
            cursor: pointer;
          }
          .client-card-tab-btn.active {
            border-color: rgba(242, 139, 58, 0.86);
            background: rgba(242, 139, 58, 0.16);
            color: #f2b277;
          }
          .client-card-tab {
            margin-top: 10px;
            border: 1px solid rgba(160, 152, 182, 0.24);
            border-radius: 12px;
            background: rgba(21, 26, 32, 0.62);
            padding: 12px;
          }
          .client-card-tab.hidden {
            display: none;
          }
          .client-kv-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 8px;
          }
          .client-kv-item {
            border: 1px solid rgba(106, 86, 53, 0.4);
            border-radius: 10px;
            background: #151b22;
            padding: 8px;
          }
          .client-kv-item .k {
            font-size: 11px;
            color: rgba(245, 242, 234, 0.7);
          }
          .client-kv-item .v {
            margin-top: 4px;
            font-size: 14px;
            font-weight: 700;
            color: #f5f2ea;
            word-break: break-word;
          }
          .client-card-inline-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
            margin-top: 8px;
          }
          .client-card-inline-actions .btn {
            width: auto;
            min-width: 0;
            margin: 0;
            padding: 8px 12px;
            border-radius: 999px;
          }
          .client-card-inline-actions .btn.danger {
            border-color: rgba(255, 82, 82, 0.42);
            color: #ffb2b2;
          }
          .client-timeline-filters {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-bottom: 10px;
          }
          .client-timeline-filter {
            border: 1px solid rgba(106, 86, 53, 0.6);
            border-radius: 999px;
            background: #171d24;
            color: #f5f2ea;
            font-size: 11px;
            padding: 5px 10px;
            cursor: pointer;
          }
          .client-timeline-filter.active {
            border-color: rgba(242, 139, 58, 0.86);
            background: rgba(242, 139, 58, 0.16);
            color: #f2b277;
          }
          .client-timeline-list {
            display: grid;
            gap: 8px;
          }
          .client-timeline-item {
            border: 1px solid rgba(106, 86, 53, 0.4);
            border-radius: 10px;
            background: #151b22;
            padding: 9px;
          }
          .client-timeline-title {
            font-size: 13px;
            color: #f5f2ea;
            font-weight: 700;
          }
          .client-timeline-meta {
            margin-top: 4px;
            font-size: 12px;
            color: rgba(245, 242, 234, 0.76);
            line-height: 1.4;
            white-space: pre-wrap;
          }
          .client-empty {
            border: 1px dashed rgba(160, 152, 182, 0.35);
            border-radius: 10px;
            padding: 10px;
            font-size: 12px;
            color: rgba(245, 242, 234, 0.76);
            background: rgba(21, 26, 32, 0.6);
          }
          .export-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 12px;
          }
          .export-card {
            border: 1px solid rgba(160, 152, 182, 0.24);
            border-radius: 12px;
            background: rgba(21, 26, 32, 0.62);
            padding: 12px;
          }
          .export-inline {
            display: flex;
            gap: 8px;
            align-items: center;
            flex-wrap: wrap;
          }
          .export-inline .btn {
            width: auto;
            min-width: 0;
            margin: 0;
            padding: 8px 12px;
            border-radius: 999px;
          }
          .export-inline .field {
            margin: 0;
            width: auto;
            min-width: 120px;
          }
          .export-admins-list {
            display: grid;
            gap: 6px;
            max-height: 220px;
            overflow: auto;
            border: 1px solid rgba(106, 86, 53, 0.35);
            border-radius: 10px;
            background: rgba(19, 15, 28, 0.72);
            padding: 8px;
          }
          .export-admin-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            border: 1px solid rgba(106, 86, 53, 0.35);
            border-radius: 8px;
            padding: 8px;
            background: #151b22;
          }
          .export-admin-item label {
            margin: 0;
            color: #f5f2ea;
            font-size: 12px;
            display: flex;
            align-items: center;
            gap: 8px;
            flex: 1;
          }
          .export-admin-meta {
            font-size: 11px;
            color: rgba(245, 242, 234, 0.68);
            white-space: nowrap;
          }
          .export-actions-inline {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
          }
          .export-actions-inline .btn {
            width: auto;
            min-width: 0;
            margin: 0;
            padding: 8px 12px;
            border-radius: 999px;
          }
          #adminPanel {
            --team-surface: rgba(255, 255, 255, 0.045);
            --team-surface-strong: rgba(255, 255, 255, 0.075);
            --team-line: rgba(255, 255, 255, 0.10);
            --team-line-strong: rgba(255, 255, 255, 0.16);
            --team-text: #f5f5f7;
            --team-muted: rgba(245, 245, 247, 0.58);
          }
          #adminPanel .panel-title-row {
            align-items: center;
            margin-bottom: 22px;
          }
          #adminPanel .feedback-admin-actions {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 10px;
          }
          #adminPanel .btn,
          #adminPanel .btn-ghost,
          #adminPanel .operator-delete-btn {
            width: auto;
            min-width: 0;
            margin: 0;
            border-radius: 999px;
            white-space: nowrap;
          }
          #adminPanel .feedback-admin-actions .btn {
            min-height: 44px;
            padding: 0 18px;
          }
          #adminPanel .feedback-routing-open-btn {
            width: 52px;
            min-width: 52px;
            height: 52px;
            padding: 0;
            border-radius: 50%;
          }
          #adminPanel > .admin-filter-row {
            display: grid;
            grid-template-columns: minmax(280px, 1.35fr) minmax(180px, 0.55fr) minmax(180px, 0.55fr);
            gap: 10px;
            margin-bottom: 18px;
            padding: 12px;
            border: 1px solid var(--team-line);
            border-radius: 22px;
            background: rgba(255, 255, 255, 0.025);
          }
          #adminPanel > .admin-filter-row .field {
            width: 100%;
            min-height: 44px;
            margin: 0;
            border-radius: 15px;
            background: rgba(3, 7, 18, 0.34);
          }
          .admin-split-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 16px;
            align-items: start;
          }
          .admin-manage-card {
            display: grid;
            gap: 14px;
            min-width: 0;
            padding: 16px;
            border: 1px solid var(--team-line);
            border-radius: 24px;
            background:
              linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
              rgba(14, 18, 24, 0.72);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 24px 70px rgba(0, 0, 0, 0.20);
          }
          .admin-manage-card .panel-subtitle {
            margin: 0;
            color: var(--team-text);
            font-size: 18px;
            font-weight: 850;
            letter-spacing: 0;
          }
          .admin-manage-card > .hint,
          .admin-manage-card .label {
            color: var(--team-muted);
            font-size: 13px;
            line-height: 1.4;
          }
          .admin-manage-card > .admin-filter-row {
            display: grid;
            grid-template-columns: minmax(180px, 1fr) auto;
            gap: 10px;
            align-items: center;
          }
          .admin-manage-card > .admin-filter-row .field {
            min-height: 44px;
            margin: 0;
            border-radius: 15px;
          }
          .admin-manage-card > .admin-filter-row .btn {
            min-height: 44px;
            padding: 0 18px;
          }
          .admin-users-list {
            display: grid;
            gap: 10px;
          }
          .operator-card-row {
            display: grid;
            gap: 14px;
            padding: 14px;
            border: 1px solid var(--team-line);
            border-radius: 20px;
            background: rgba(255, 255, 255, 0.035);
            transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
          }
          .operator-card-row:hover {
            transform: translateY(-1px);
            border-color: var(--team-line-strong);
            background: rgba(255, 255, 255, 0.052);
          }
          .operator-card-head {
            display: grid;
            grid-template-columns: 48px minmax(0, 1fr) auto;
            gap: 12px;
            align-items: center;
          }
          .operator-card-avatar {
            width: 48px;
            height: 48px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 16px;
            color: #111827;
            font-size: 15px;
            font-weight: 900;
            background: linear-gradient(135deg, #f5f5f7, #b9c7d8);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
          }
          .operator-card-avatar.admin {
            background: linear-gradient(135deg, #ffb25f, #ff7a2f);
          }
          .operator-card-identity {
            min-width: 0;
            display: grid;
            gap: 3px;
          }
          .operator-card-name {
            overflow: hidden;
            color: var(--team-text);
            font-size: 16px;
            font-weight: 850;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .operator-card-sub {
            overflow: hidden;
            color: var(--team-muted);
            font-size: 13px;
            font-weight: 650;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .operator-card-badges {
            display: flex;
            justify-content: flex-end;
            flex-wrap: wrap;
            gap: 7px;
          }
          .admin-role-chip,
          .operator-badge {
            display: inline-flex;
            align-items: center;
            min-height: 26px;
            padding: 0 10px;
            border-radius: 999px;
            font-size: 11px;
            font-weight: 900;
            letter-spacing: 0;
          }
          .admin-role-chip {
            border: 1px solid rgba(255, 178, 95, 0.32);
            color: #ffd5aa;
            background: rgba(255, 138, 36, 0.12);
          }
          .admin-role-chip.operator {
            border-color: rgba(148, 163, 184, 0.26);
            color: rgba(245, 245, 247, 0.76);
            background: rgba(148, 163, 184, 0.10);
          }
          .operator-badge {
            border: 1px solid rgba(74, 222, 128, 0.26);
            color: #8ff0ad;
            background: rgba(34, 197, 94, 0.10);
          }
          .operator-badge.off {
            border-color: rgba(148, 163, 184, 0.20);
            color: rgba(245, 245, 247, 0.5);
            background: rgba(148, 163, 184, 0.08);
          }
          .operator-card-meta-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 8px;
          }
          #operatorsList .operator-card-meta-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .operator-card-meta-item {
            min-width: 0;
            display: grid;
            gap: 4px;
            padding: 10px;
            border: 1px solid rgba(255, 255, 255, 0.07);
            border-radius: 14px;
            background: rgba(3, 7, 18, 0.28);
          }
          .operator-card-meta-label {
            color: rgba(245, 245, 247, 0.45);
            font-size: 10px;
            font-weight: 850;
            letter-spacing: 0;
            text-transform: uppercase;
          }
          .operator-card-meta-value {
            overflow: hidden;
            color: rgba(245, 245, 247, 0.83);
            font-size: 12px;
            font-weight: 750;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-variant-numeric: tabular-nums;
          }
          .operator-card-actions {
            display: flex;
            justify-content: flex-end;
            flex-wrap: wrap;
            gap: 8px;
          }
          .operator-delete-btn {
            min-height: 36px;
            padding: 0 13px;
            border: 1px solid transparent;
            color: #111827;
            background: #f5f5f7;
            font-size: 13px;
            font-weight: 850;
            cursor: pointer;
          }
          .operator-delete-btn.secondary {
            border-color: rgba(255, 255, 255, 0.11);
            color: rgba(245, 245, 247, 0.82);
            background: rgba(255, 255, 255, 0.055);
          }
          .operator-delete-btn.danger {
            color: #ffd3d3;
            background: rgba(239, 68, 68, 0.16);
            border-color: rgba(239, 68, 68, 0.24);
          }
          .operator-delete-btn.success {
            color: #bbf7d0;
            background: rgba(34, 197, 94, 0.14);
            border-color: rgba(34, 197, 94, 0.24);
          }
          .operator-card-action-note {
            display: inline-flex;
            align-items: center;
            min-height: 36px;
            padding: 0 12px;
            border-radius: 999px;
            color: rgba(245, 245, 247, 0.56);
            background: rgba(255, 255, 255, 0.045);
            font-size: 12px;
            font-weight: 750;
          }
          .admin-invite-card {
            margin-top: 16px;
          }
          .admin-invite-card > .admin-filter-row {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
          }
          .admin-invite-card > .admin-filter-row .btn {
            min-height: 44px;
            padding: 0 18px;
          }
          .admin-invite-link {
            min-height: 44px;
            display: flex;
            align-items: center;
            padding: 0 14px;
            border: 1px solid rgba(255, 138, 36, 0.20);
            border-radius: 16px;
            color: rgba(245, 245, 247, 0.84);
            background: rgba(255, 138, 36, 0.055);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .admin-invite-meta {
            color: var(--team-muted);
            font-size: 13px;
          }
          @media (max-width: 1180px) {
            .admin-split-grid {
              grid-template-columns: 1fr;
            }
          }
          @media (max-width: 760px) {
            #adminPanel > .admin-filter-row {
              grid-template-columns: 1fr;
            }
            .admin-manage-card > .admin-filter-row {
              grid-template-columns: 1fr;
            }
            .operator-card-head {
              grid-template-columns: 44px minmax(0, 1fr);
            }
            .operator-card-badges {
              grid-column: 1 / -1;
              justify-content: flex-start;
            }
            .operator-card-meta-grid,
            #operatorsList .operator-card-meta-grid {
              grid-template-columns: 1fr;
            }
            .operator-card-actions,
            .admin-invite-card > .admin-filter-row {
              justify-content: stretch;
            }
            .operator-card-actions > *,
            .admin-invite-card > .admin-filter-row .btn {
              flex: 1 1 160px;
              justify-content: center;
            }
          }
          @media (min-width: 1180px) {
            .admin-content {
              max-width: none;
            }
            .admin-section {
              max-width: none;
            }
            #settingsPanel,
            #loyaltyPanel,
            #clientCardPanel {
              max-width: none;
            }
            #ordersPanel {
              max-width: none;
            }
            #broadcastsPanel {
              max-width: none;
            }
            .admin-filter-row .field,
            .news-toolbar-row .field,
            .menu-toolbar-row .field,
            .offers-admin-toolbar-row .field {
              width: auto;
              flex: 0 1 clamp(180px, 20vw, 300px);
            }
            #adminPanelSearch,
            #newsSearch,
            #menuSearchInputAdmin,
            #offerSearch {
              flex: 1 1 clamp(300px, 28vw, 460px);
              max-width: 460px;
            }
            .client-card-search-row {
              grid-template-columns: repeat(2, minmax(260px, 420px));
              justify-content: start;
            }
            #settingsPanel .field,
            #loyaltyPanel .field,
            #clientCardPanel .field,
            #ordersPanel .field,
            #broadcastsPanel .field {
              width: min(100%, 760px);
            }
            #settingsPanel textarea.field,
            #loyaltyPanel textarea.field,
            #clientCardPanel textarea.field,
            #ordersPanel textarea.field,
            #broadcastsPanel textarea.field {
              width: min(100%, 860px);
            }
            #settingsPanel .btn,
            #loyaltyPanel .btn,
            #clientCardPanel .btn,
            #ordersPanel .btn {
              width: auto;
              min-width: 180px;
              max-width: 100%;
            }
            .export-grid {
              grid-template-columns: repeat(2, minmax(320px, 520px));
              justify-content: start;
            }
          }
          @media (max-width: 980px) {
            .orders-kanban-board {
              grid-auto-columns: minmax(260px, 86vw);
            }
            .orders-kanban-column {
              max-height: none;
            }
            .orders-kanban-stack {
              max-height: 68vh;
            }
            .broadcast-main-grid {
              grid-template-columns: 1fr;
            }
            .broadcast-locale-grid,
            .broadcast-preview-locale-grid,
            .broadcast-media-grid {
              grid-template-columns: 1fr;
            }
            .news-layout { grid-template-columns: 1fr; }
            .news-list { max-height: none; }
            .news-lang-grid { grid-template-columns: 1fr; }
            .menu-layout { grid-template-columns: 1fr; }
            .broadcast-action-bar {
              position: static;
            }
          }
          /* Admin soft UI finishing pass */
          :root {
            --admin-soft-surface: linear-gradient(145deg, rgba(35, 40, 50, 0.98), rgba(23, 28, 36, 0.99));
            --admin-soft-surface-strong: linear-gradient(145deg, rgba(28, 33, 41, 1), rgba(20, 24, 31, 1));
            --admin-soft-surface-elevated: linear-gradient(145deg, rgba(49, 56, 68, 0.98), rgba(29, 34, 42, 0.99));
            --admin-soft-edge: rgba(255, 255, 255, 0.055);
            --admin-soft-edge-strong: rgba(255, 255, 255, 0.09);
            --admin-soft-highlight: linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0) 28%);
            --admin-soft-shadow: 20px 20px 36px rgba(7, 10, 14, 0.42), -10px -10px 22px rgba(255,255,255,0.02);
            --admin-soft-inset: inset 7px 7px 14px rgba(10, 13, 17, 0.44), inset -6px -6px 12px rgba(255,255,255,0.02);
            --admin-soft-accent-shadow: 0 16px 28px rgba(242, 139, 58, 0.22), inset 1px 1px 0 rgba(255,255,255,0.18);
          }
          body {
            background: #151b22;
          }
          .admin-layout {
            border-color: var(--admin-soft-edge);
            background: #171d24;
            box-shadow: 28px 28px 54px rgba(0,0,0,0.28), -12px -12px 24px rgba(255,255,255,0.015);
          }
          .admin-sidebar {
            background: #1b222b;
            border-right-color: var(--admin-soft-edge);
          }
          .admin-nav-btn,
          .admin-settings-tab,
          .admin-menu-tab,
          .analytics-pill,
          .client-card-tab-btn,
          .client-timeline-filter,
          .btn-ghost {
            border-color: var(--admin-soft-edge);
            background: var(--admin-soft-surface-strong);
            box-shadow: var(--admin-soft-inset);
          }
          .admin-nav-btn.active,
          .admin-settings-tab.active,
          .admin-menu-tab.active,
          .client-card-tab-btn.active,
          .client-timeline-filter.active {
            background: linear-gradient(180deg, #ffb06f 0%, #f28b3a 100%);
            border-color: rgba(255, 195, 143, 0.18);
            box-shadow: var(--admin-soft-accent-shadow);
            color: #201109;
          }
          .panel,
          .card,
          .analytics-card,
          .kpi-card,
          .orders-kanban-column,
          .orders-admin-card,
          .feedback-admin-card,
          .owner-do-now-card,
          .client-card-shell,
          .client-card-section,
          .client-metric-card,
          .export-card,
          .profile-admin-setting-card,
          .store-setting-card,
          .broadcast-editor-card,
          .broadcast-review-card,
          .broadcast-locale-card,
          .broadcast-setting-card,
          .broadcast-preview-locale-card,
          .broadcast-report-card,
          .offer-admin-item-card,
          .news-item,
          .news-form-placeholder,
          .news-empty,
          .menu-admin-card,
          .menu-item-card,
          .full-menu-admin-panel,
          .full-menu-admin-item,
          .modal-card,
          .feedback-routing-modal-card,
          .order-routing-modal-card,
          .profile-admin-modal-card,
          .about-admin-modal-card,
          .loyalty-admin-modal-card,
          .broadcast-modal-card {
            position: relative;
            overflow: hidden;
            border: 1px solid var(--admin-soft-edge);
            background:
              radial-gradient(140% 130% at 14% 0%, rgba(255,255,255,0.05), rgba(255,255,255,0) 34%),
              radial-gradient(120% 140% at 100% 0%, rgba(242, 139, 58, 0.10), rgba(242, 139, 58, 0) 36%),
              var(--admin-soft-surface);
            box-shadow: var(--admin-soft-shadow);
          }
          .panel::before,
          .card::before,
          .analytics-card::before,
          .kpi-card::before,
          .orders-kanban-column::before,
          .orders-admin-card::before,
          .feedback-admin-card::before,
          .owner-do-now-card::before,
          .client-card-shell::before,
          .client-card-section::before,
          .client-metric-card::before,
          .export-card::before,
          .profile-admin-setting-card::before,
          .store-setting-card::before,
          .broadcast-editor-card::before,
          .broadcast-review-card::before,
          .broadcast-locale-card::before,
          .broadcast-setting-card::before,
          .broadcast-preview-locale-card::before,
          .broadcast-report-card::before,
          .offer-admin-item-card::before,
          .news-item::before,
          .news-form-placeholder::before,
          .news-empty::before,
          .menu-admin-card::before,
          .menu-item-card::before,
          .full-menu-admin-panel::before,
          .full-menu-admin-item::before,
          .modal-card::before,
          .feedback-routing-modal-card::before,
          .order-routing-modal-card::before,
          .profile-admin-modal-card::before,
          .about-admin-modal-card::before,
          .loyalty-admin-modal-card::before,
          .broadcast-modal-card::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: inherit;
            pointer-events: none;
            background: var(--admin-soft-highlight);
          }
          .field,
          select.field,
          textarea.field,
          .analytics-select,
          .analytics-search,
          .news-toolbar-select,
          .feedback-rating-select > summary,
          .offer-admin-select,
          .orders-admin-chip,
          .orders-kanban-count,
          .client-card-badge,
          .client-card-flag,
          .client-card-channel,
          .analytics-check {
            border-color: var(--admin-soft-edge);
            background: var(--admin-soft-surface-strong);
            box-shadow: var(--admin-soft-inset);
            color: #f4f7fa;
          }
          .field:focus,
          select.field:focus,
          textarea.field:focus,
          .analytics-search:focus,
          .analytics-select:focus,
          .offer-admin-select:focus {
            outline: none;
            border-color: rgba(255, 195, 143, 0.22);
            box-shadow: var(--admin-soft-inset), 0 0 0 1px rgba(255, 195, 143, 0.16);
          }
          .btn {
            border-radius: 16px;
            border: 1px solid rgba(255, 195, 143, 0.18);
            background: linear-gradient(180deg, #ffb06f 0%, #f28b3a 100%);
            box-shadow: var(--admin-soft-accent-shadow);
          }
          .btn-ghost {
            color: #f1f4f7;
          }
          .news-item {
            border-color: var(--admin-soft-edge);
            background:
              radial-gradient(140% 130% at 14% 0%, rgba(255,255,255,0.05), rgba(255,255,255,0) 34%),
              var(--admin-soft-surface);
            box-shadow: var(--admin-soft-shadow);
          }
          .news-item.active {
            border-color: rgba(255, 195, 143, 0.28);
            box-shadow: var(--admin-soft-shadow), 0 0 0 1px rgba(255, 195, 143, 0.12) inset;
          }
          .news-item-action-btn {
            border-color: rgba(255, 255, 255, 0.08);
            background: var(--admin-soft-surface-strong);
            box-shadow: var(--admin-soft-inset);
            color: #f1f4f7;
          }
          .news-item-action-btn:hover {
            border-color: rgba(255, 195, 143, 0.20);
            color: #ffe1c6;
          }
          .news-item-action-btn.danger {
            border-color: rgba(255, 107, 107, 0.30);
            color: #ffb5b5;
          }
          .news-chip {
            border-color: rgba(255, 255, 255, 0.12);
            background: rgba(255, 255, 255, 0.03);
          }
          .news-chip.published {
            border-color: rgba(51, 209, 122, 0.45);
            color: #8df0b9;
          }
          .news-chip.draft {
            border-color: rgba(255, 255, 255, 0.10);
            color: rgba(244, 247, 250, 0.72);
          }
          .news-form-placeholder,
          .news-empty {
            border-color: var(--admin-soft-edge);
            background: var(--admin-soft-surface-strong);
            box-shadow: var(--admin-soft-inset);
            color: rgba(244, 247, 250, 0.74);
          }
          .news-draft-state.dirty {
            color: #ffd2a6;
          }
          .analytics-table-wrap,
          .orders-admin-history,
          .orders-kanban-column,
          .client-card-list,
          .feedback-admin-list,
          .offers-admin-list,
          .full-menu-admin-list {
            border: 1px solid var(--admin-soft-edge);
            border-radius: 22px;
            background: rgba(15, 19, 25, 0.28);
            box-shadow: var(--admin-soft-inset);
          }
          .analytics-table th {
            background: rgba(23, 28, 36, 0.96);
            color: #f4f7fa;
          }
          .analytics-table td,
          .analytics-table th {
            border-bottom-color: rgba(255, 255, 255, 0.06);
          }
          .kpi-card {
            border-radius: 18px;
          }
          .kpi-card.active,
          .kpi-card-action {
            box-shadow: var(--admin-soft-accent-shadow);
          }
          .kpi-title,
          .panel-subtitle,
          .field-label,
          .orders-admin-row-label,
          .feedback-admin-metric-label,
          .client-card-stat-label,
          .client-metric-label {
            color: #b8c2cd;
          }
          .kpi-value,
          .panel-title,
          .orders-admin-title,
          .feedback-admin-userline strong,
          .client-card-name,
          .client-metric-value,
          .client-card-stat-value {
            color: #f4f7fa;
          }
          .admin-lang-switch,
          .admin-settings-savebar,
          .admin-config-block,
          .admin-settings-ux-controls {
            border-color: var(--admin-soft-edge);
            background:
              radial-gradient(140% 130% at 14% 0%, rgba(255,255,255,0.05), rgba(255,255,255,0) 34%),
              var(--admin-soft-surface-strong);
            box-shadow: var(--admin-soft-shadow);
          }
          .admin-config-block {
            border-radius: 22px;
          }
          .admin-nav-btn-icon,
          .admin-lang-btn,
          .admin-header-company,
          .analytics-table-sort,
          .client-card-tool,
          .offer-admin-action-btn,
          .full-menu-admin-btn,
          .menu-admin-btn {
            border-color: var(--admin-soft-edge);
            background: var(--admin-soft-surface-strong);
            box-shadow: var(--admin-soft-inset);
          }
          .orders-admin-card.frontpad-error,
          .orders-admin-card.frontpad-stuck,
          .owner-do-now-card.critical,
          .owner-do-now-card.warn,
          .owner-do-now-card.info {
            box-shadow: var(--admin-soft-shadow);
          }
          @media (max-width: 980px) {
            .panel,
            .card,
            .analytics-card,
            .kpi-card,
            .orders-admin-card,
            .feedback-admin-card,
            .owner-do-now-card,
            .client-card-shell,
            .client-card-section,
            .client-metric-card,
            .export-card {
              border-radius: 20px;
            }
          }
          /* Tone down white translucent sheet on large admin surfaces */
          :root {
            --admin-soft-highlight: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0) 16%);
          }
          .admin-layout {
            background: #171d24;
            box-shadow: 28px 28px 54px rgba(0,0,0,0.3), -8px -8px 18px rgba(255,255,255,0.01);
          }
          .admin-content {
            background: #171d24;
            border-radius: 0;
          }
          .admin-content > .panel.admin-section {
            background: transparent;
          }
          .panel,
          .card,
          .analytics-card,
          .kpi-card,
          .orders-kanban-column,
          .orders-admin-card,
          .feedback-admin-card,
          .owner-do-now-card,
          .client-card-shell,
          .client-card-section,
          .client-metric-card,
          .export-card,
          .profile-admin-setting-card,
          .store-setting-card,
          .broadcast-editor-card,
          .broadcast-review-card,
          .broadcast-locale-card,
          .broadcast-setting-card,
          .broadcast-preview-locale-card,
          .broadcast-report-card,
          .offer-admin-item-card,
          .menu-admin-card,
          .menu-item-card,
          .full-menu-admin-panel,
          .full-menu-admin-item,
          .modal-card,
          .feedback-routing-modal-card,
          .order-routing-modal-card,
          .profile-admin-modal-card,
          .about-admin-modal-card,
          .loyalty-admin-modal-card,
          .broadcast-modal-card,
          .admin-settings-savebar,
          .admin-config-block,
          .admin-settings-ux-controls {
            background: linear-gradient(145deg, rgba(31, 37, 45, 0.985), rgba(21, 26, 32, 0.992));
          }
          .admin-settings-ux-controls {
            border-color: rgba(255, 255, 255, 0.05);
          }
          .panel::before,
          .card::before,
          .analytics-card::before,
          .kpi-card::before,
          .orders-kanban-column::before,
          .orders-admin-card::before,
          .feedback-admin-card::before,
          .owner-do-now-card::before,
          .client-card-shell::before,
          .client-card-section::before,
          .client-metric-card::before,
          .export-card::before,
          .profile-admin-setting-card::before,
          .store-setting-card::before,
          .broadcast-editor-card::before,
          .broadcast-review-card::before,
          .broadcast-locale-card::before,
          .broadcast-setting-card::before,
          .broadcast-preview-locale-card::before,
          .broadcast-report-card::before,
          .offer-admin-item-card::before,
          .menu-admin-card::before,
          .menu-item-card::before,
          .full-menu-admin-panel::before,
          .full-menu-admin-item::before,
          .modal-card::before,
          .feedback-routing-modal-card::before,
          .order-routing-modal-card::before,
          .profile-admin-modal-card::before,
          .about-admin-modal-card::before,
          .loyalty-admin-modal-card::before,
          .broadcast-modal-card::before {
            background: linear-gradient(180deg, rgba(255,255,255,0.018), rgba(255,255,255,0) 14%);
          }
          .analytics-table-wrap,
          .orders-admin-history,
          .orders-kanban-column,
          .client-card-list,
          .feedback-admin-list,
          .offers-admin-list,
          .full-menu-admin-list {
            background: rgba(12, 16, 21, 0.34);
          }
          #analyticsPanel,
          #analyticsPanel.panel.admin-section {
            background: linear-gradient(180deg, rgba(21, 26, 32, 0.992) 0%, rgba(17, 21, 27, 0.996) 100%);
            border-color: rgba(255, 255, 255, 0.045);
          }
          #analyticsPanel::before {
            background: linear-gradient(180deg, rgba(255,255,255,0.012), rgba(255,255,255,0) 12%);
          }
          .analytics-dashboard,
          .analytics-main,
          .analytics-grid {
            background: transparent;
          }
          .analytics-kpi-group,
          .analytics-pane {
            border-color: rgba(255, 255, 255, 0.055);
            background:
              radial-gradient(140% 130% at 10% 0%, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0) 28%),
              linear-gradient(145deg, rgba(23, 28, 34, 0.99), rgba(17, 21, 27, 0.995));
            box-shadow: 18px 18px 30px rgba(7, 10, 14, 0.28), -6px -6px 14px rgba(255,255,255,0.008);
          }
          .analytics-kpi-group-title,
          .analytics-pane .panel-title,
          .analytics-pane .analytics-title {
            color: #f4f7fa;
          }
          .analytics-kpi-group-note,
          .analytics-pane .hint,
          .analytics-pane .analytics-list {
            color: #aeb8c2;
          }
          /* Final admin de-purple pass */
          .admin-layout,
          .admin-content,
          .panel,
          .panel.admin-section,
          .admin-content > .panel.admin-section,
          #clientCardPanel,
          #analyticsPanel,
          #ordersPanel,
          #feedbackPanel,
          #broadcastsPanel,
          #settingsPanel,
          #loyaltyPanel,
          #menuPanel,
          #storePanel,
          #offersPanel,
          #newsPanel,
          #contentPanel,
          #adminPanel,
          #exportPanel {
            background: #171d24 !important;
          }
          .admin-layout {
            background: #171d24 !important;
          }
          .admin-content {
            background: #171d24 !important;
          }
          .admin-sidebar {
            background: #1b222b !important;
          }
          .admin-header-bar {
            background: transparent !important;
          }
          .admin-lang-switch {
            background: #1b222b !important;
          }

          /* Admin polish fixes */
          body:has(#adminPanels.hidden) .admin-shell {
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 28px;
            padding: 24px;
          }
          #loginCard {
            width: min(420px, calc(100vw - 40px));
            max-width: 420px;
            margin: 0;
            padding: 30px 22px 22px;
          }
          #loginCard .btn {
            width: 100%;
            max-width: 374px;
            white-space: normal;
            overflow-wrap: anywhere;
            line-height: 1.2;
          }
          body:has(#adminPanels:not(.hidden)) #loginCard {
            display: none;
          }
          body:has(#adminPanels.hidden) .admin-header-bar {
            position: static;
            top: auto;
            left: auto;
            right: auto;
            width: min(420px, calc(100vw - 40px));
            transform: none;
            justify-content: center;
            margin: 0;
          }
          body:has(#adminPanels.hidden) .admin-header {
            width: 100%;
            justify-content: center;
            text-align: center;
          }
          body:has(#adminPanels.hidden) .admin-lang-switch {
            position: fixed;
            top: 28px;
            right: 28px;
            z-index: 30;
          }
          .admin-layout.admin-sidebar-collapsed .admin-sidebar-head {
            margin-bottom: 28px;
          }
          .admin-content {
            max-width: none !important;
          }
          .admin-content > .panel.admin-section,
          .admin-section {
            max-width: none !important;
          }
          #broadcastsPanel > .panel-title-row,
          #ordersPanel > .panel-title-row {
            background: transparent !important;
            border: 0;
            box-shadow: none;
            padding: 0;
            margin-bottom: 16px;
          }
          #broadcastsPanel > .panel-title-row::before,
          #ordersPanel > .panel-title-row::before {
            display: none;
          }
          #broadcastsPanel .broadcast-template-row,
          #ordersPanel .admin-filter-row {
            background: transparent;
            border: 0;
            box-shadow: none;
            padding: 0;
          }
          #broadcastsPanel .broadcast-template-row .field {
            flex: 1 1 360px;
            width: auto;
          }
          .panel-title-row,
          .analytics-overview,
          .analytics-dashboard,
          .analytics-main,
          .analytics-grid,
          .analytics-kpi-group,
          .analytics-pane,
          .owner-do-now-grid,
          .orders-admin-toolbar,
          .broadcast-builder,
          .broadcast-template-row,
          .admin-filter-row,
          .client-card-list,
          .feedback-admin-list,
          .offers-admin-list,
          .full-menu-admin-list {
            background: transparent !important;
            background-image: none !important;
            border-color: transparent !important;
            box-shadow: none !important;
          }
          .panel-title-row::before,
          .analytics-overview::before,
          .analytics-dashboard::before,
          .analytics-main::before,
          .analytics-grid::before,
          .analytics-kpi-group::before,
          .analytics-pane::before,
          .owner-do-now-grid::before,
          .orders-admin-toolbar::before,
          .broadcast-builder::before,
          .broadcast-template-row::before,
          .admin-filter-row::before,
          .client-card-list::before,
          .feedback-admin-list::before,
          .offers-admin-list::before,
          .full-menu-admin-list::before {
            display: none !important;
          }
          body:has(#adminPanels:not(.hidden)) .admin-layout,
          body:has(#adminPanels:not(.hidden)) .admin-content,
          body:has(#adminPanels:not(.hidden)) .admin-content > .panel.admin-section,
          body:has(#adminPanels:not(.hidden)) .admin-section,
          body:has(#adminPanels:not(.hidden)) #clientCardPanel,
          body:has(#adminPanels:not(.hidden)) #analyticsPanel,
          body:has(#adminPanels:not(.hidden)) #ordersPanel,
          body:has(#adminPanels:not(.hidden)) #feedbackPanel,
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel,
          body:has(#adminPanels:not(.hidden)) #settingsPanel,
          body:has(#adminPanels:not(.hidden)) #loyaltyPanel,
          body:has(#adminPanels:not(.hidden)) #menuPanel,
          body:has(#adminPanels:not(.hidden)) #storePanel,
          body:has(#adminPanels:not(.hidden)) #offersPanel,
          body:has(#adminPanels:not(.hidden)) #newsPanel,
          body:has(#adminPanels:not(.hidden)) #contentPanel,
          body:has(#adminPanels:not(.hidden)) #adminPanel,
          body:has(#adminPanels:not(.hidden)) #exportPanel {
            background: transparent !important;
            background-image: none !important;
          }
          body:has(#adminPanels:not(.hidden)) #analyticsPanel::before,
          body:has(#adminPanels:not(.hidden)) .admin-content > .panel.admin-section::before,
          body:has(#adminPanels:not(.hidden)) .admin-section::before {
            display: none !important;
          }
          .panel::before,
          .card::before,
          .analytics-card::before,
          .kpi-card::before,
          .orders-admin-card::before,
          .feedback-admin-card::before,
          .owner-do-now-card::before,
          .client-card-shell::before,
          .client-card-section::before,
          .client-metric-card::before,
          .export-card::before,
          .profile-admin-setting-card::before,
          .store-setting-card::before,
          .broadcast-editor-card::before,
          .broadcast-review-card::before,
          .broadcast-locale-card::before,
          .broadcast-setting-card::before,
          .broadcast-preview-locale-card::before,
          .broadcast-report-card::before,
          .offer-admin-item-card::before,
          .menu-admin-card::before,
          .menu-item-card::before,
          .full-menu-admin-panel::before,
          .full-menu-admin-item::before,
          .modal-card::before,
          .feedback-routing-modal-card::before,
          .order-routing-modal-card::before,
          .profile-admin-modal-card::before,
          .about-admin-modal-card::before,
          .loyalty-admin-modal-card::before,
          .broadcast-modal-card::before {
            background: linear-gradient(180deg, rgba(255,255,255,0.012), rgba(255,255,255,0) 10%) !important;
          }

          .client-card-empty,
          .client-card-shell,
          .client-card-stat,
          .client-card-section,
          .client-card-row,
          .client-card-tool,
          .client-card-status-row,
          .client-card-channel,
          .client-voucher-reminder-option,
          .client-card-top,
          .client-metric-card,
          .client-card-tab,
          .client-kv-item {
            background: linear-gradient(145deg, rgba(28, 34, 42, 0.985), rgba(19, 24, 30, 0.992)) !important;
            border-color: rgba(255, 255, 255, 0.06) !important;
          }

          .client-copy-chip,
          .client-card-tab-btn,
          .client-timeline-filter,
          .client-card-badge,
          .client-card-flag {
            background: #20262e !important;
            border-color: rgba(255, 255, 255, 0.07) !important;
            color: #eef2f6 !important;
          }

          .client-card-badge.warn,
          .client-card-tab-btn.active,
          .client-timeline-filter.active {
            background: rgba(242, 139, 58, 0.16) !important;
            border-color: rgba(242, 139, 58, 0.32) !important;
            color: #ffbf87 !important;
          }

          .client-card-badge.good,
          .client-card-flag.yes {
            background: rgba(36, 210, 108, 0.12) !important;
            border-color: rgba(36, 210, 108, 0.28) !important;
            color: #9ef0bc !important;
          }

          .client-card-badge.muted,
          .client-card-flag.no {
            background: #20262e !important;
            color: #d8e0e8 !important;
          }

          .client-card-section-title,
          .client-card-amount,
          .client-card-title,
          .client-card-name,
          .client-card-stat-value,
          .client-metric-value,
          .client-kv-item .v {
            color: #f4f7fa !important;
          }

          .client-card-sub,
          .client-card-stat-label,
          .client-card-meta-row,
          .client-card-row-sub,
          .client-card-order-heading,
          .client-metric-label,
          .client-kv-item .k {
            color: #aeb8c2 !important;
          }

          .client-card-section-title {
            color: #ffad6d !important;
          }

          .client-card-search-grid,
          .client-card-result,
          .client-card-tabs,
          .client-timeline-filters,
          .client-card-tools,
          .client-card-sections,
          .client-card-stats {
            background: transparent !important;
          }
          .analytics-pill,
          .analytics-tab-btn,
          .analytics-select,
          .analytics-date,
          .feedback-rating-select > summary,
          .feedback-rating-option,
          .orders-admin-chip,
          .orders-kanban-count,
          .broadcast-step-btn,
          .broadcast-mode-chip,
          .broadcast-preview-tab,
          .client-copy-chip,
          .client-card-tab-btn,
          .client-timeline-filter,
          .admin-menu-tab,
          .offer-admin-chip,
          .full-menu-admin-order,
          .client-card-badge,
          .client-card-flag,
          .client-card-channel,
          .client-voucher-reminder-option,
          .btn-ghost {
            background: #20262e !important;
            border-color: rgba(255, 255, 255, 0.07) !important;
            color: #eef2f6 !important;
          }

          .analytics-pill.active,
          .analytics-tab-btn.active,
          .broadcast-step-btn.active,
          .broadcast-preview-tab.active,
          .client-card-tab-btn.active,
          .client-timeline-filter.active,
          .admin-menu-tab.active,
          .client-card-badge.warn,
          .offer-admin-chip.scheduled,
          .full-menu-admin-order {
            background: rgba(242, 139, 58, 0.16) !important;
            border-color: rgba(242, 139, 58, 0.32) !important;
            color: #ffbf87 !important;
          }

          .client-card-badge.good,
          .client-card-flag.yes,
          .offer-admin-chip.published,
          .orders-admin-chip.good {
            background: rgba(36, 210, 108, 0.12) !important;
            border-color: rgba(36, 210, 108, 0.28) !important;
            color: #9ef0bc !important;
          }

          .orders-admin-chip.warn,
          .orders-admin-chip.bad,
          .orders-admin-chip.status-pending,
          .orders-admin-chip.status-accepted,
          .orders-admin-chip.status-in_progress,
          .offer-admin-chip.archived,
          .offer-admin-chip.draft {
            background: #20262e !important;
          }

          .profile-admin-setting-card,
          .store-setting-card,
          .store-setting-body,
          .about-admin-modal-col,
          .loyalty-admin-modal-section,
          .broadcast-editor-card,
          .broadcast-review-card,
          .broadcast-locale-card,
          .broadcast-setting-card,
          .broadcast-step,
          .broadcast-collapsible,
          .broadcast-preview,
          .broadcast-preview-locale-card,
          .broadcast-action-bar,
          .broadcast-report-card,
          .broadcast-report-host,
          .broadcast-log-item,
          .export-card,
          .export-admins-list,
          .export-admin-item,
          .full-menu-admin-panel,
          .full-menu-admin-empty,
          .full-menu-admin-item,
          .full-menu-top-admin-preview,
          .offer-admin-item-card,
          .offers-admin-item,
          .news-form-placeholder,
          .news-empty,
          .client-empty,
          .client-card-empty,
          .client-card-tool,
          .client-card-top,
          .client-metric-card,
          .client-card-tab,
          .client-kv-item,
          .client-timeline-item {
            background: linear-gradient(145deg, rgba(28, 34, 42, 0.985), rgba(19, 24, 30, 0.992)) !important;
            border-color: rgba(255, 255, 255, 0.06) !important;
            color: #eef2f6 !important;
          }

          #loyaltyTextsModal.show {
            align-items: flex-start;
            overflow-y: auto;
            padding: 24px 16px;
          }
          #loyaltyTextsModal .loyalty-admin-modal-card {
            display: flex;
            flex-direction: column;
            max-height: calc(100dvh - 48px);
            overflow: hidden;
            margin: 0 auto;
          }
          #loyaltyTextsModal .loyalty-admin-modal-grid {
            min-height: 0;
            overflow-y: auto;
            padding-right: 4px;
            -webkit-overflow-scrolling: touch;
          }
          #loyaltyTextsModal .modal-actions {
            position: sticky;
            bottom: -22px;
            z-index: 2;
            margin: 0 -22px -22px;
            padding: 14px 22px 18px;
            background: rgba(19, 24, 30, 0.96);
            border-top: 1px solid rgba(255, 255, 255, 0.06);
          }

          .broadcast-collapse-btn,
          .store-setting-toggle,
          .admin-config-block-header,
          .news-form-actions {
            background: #20262e !important;
            border-color: rgba(255, 255, 255, 0.06) !important;
            color: #eef2f6 !important;
          }

          .broadcast-preview-photo,
          .offer-admin-thumb-wrap,
          .full-menu-admin-thumb,
          .menu-image-preview,
          .about-admin-modal-preview {
            background-color: #20262e !important;
            border-color: rgba(255, 255, 255, 0.06) !important;
          }

          .broadcast-log-chip,
          .feedback-rating-option,
          .profile-admin-modal-close {
            background: #20262e !important;
            border-color: rgba(255, 255, 255, 0.07) !important;
            color: #eef2f6 !important;
          }

          .broadcast-log-chip.good {
            background: rgba(36, 210, 108, 0.12) !important;
            border-color: rgba(36, 210, 108, 0.28) !important;
            color: #9ef0bc !important;
          }

          .broadcast-log-chip.bad {
            background: rgba(255, 122, 122, 0.12) !important;
            border-color: rgba(255, 122, 122, 0.28) !important;
            color: #ffb0b0 !important;
          }

          .profile-admin-setting-summary,
          .store-setting-summary,
          .broadcast-summary-note,
          .broadcast-log-meta,
          .broadcast-log-empty,
          .news-counter,
          .news-draft-state,
          .client-card-empty,
          .client-card-row-sub,
          .client-card-meta-row,
          .client-card-order-heading,
          .client-metric-label,
          .client-kv-item .k,
          .export-admin-meta,
          .full-menu-admin-hint,
          .full-menu-top-admin-empty {
            color: #aeb8c2 !important;
          }

          .profile-admin-setting-title,
          .store-setting-title,
          .about-admin-modal-lang-title,
          .broadcast-preview-title,
          .broadcast-report-value,
          .broadcast-log-time,
          .broadcast-log-text,
          .client-card-name,
          .client-card-title,
          .client-metric-value,
          .client-kv-item .v,
          .offer-admin-title,
          .full-menu-admin-title {
            color: #f4f7fa !important;
          }

          .news-form-actions,
          .broadcast-action-bar {
            box-shadow: none !important;
          }
          .feedback-admin-metric,
          .analytics-drill,
          .analytics-drill-block,
          .analytics-drill-title,
          .analytics-drill-text,
          .analytics-drill-line {
            background: transparent !important;
          }
          .feedback-admin-metric {
            background: linear-gradient(145deg, rgba(28, 34, 42, 0.985), rgba(19, 24, 30, 0.992)) !important;
            border-color: rgba(255, 255, 255, 0.06) !important;
          }
          .analytics-drill {
            background: linear-gradient(145deg, rgba(28, 34, 42, 0.985), rgba(19, 24, 30, 0.992)) !important;
            border-color: rgba(255, 255, 255, 0.06) !important;
          }
          .analytics-drill-title,
          .analytics-drill-line {
            color: #f4f7fa !important;
          }
          .analytics-drill-text {
            color: #aeb8c2 !important;
          }
          #feedbackRoutingModal .feedback-routing-modal-card {
            overflow-y: auto !important;
            max-height: calc(100vh - 36px) !important;
          }
          #broadcastAudienceModal .broadcast-modal-card {
            overflow-y: auto !important;
            max-height: calc(100vh - 36px) !important;
          }
          .orders-kanban-column.has-expanded-card,
          .orders-admin-card.is-expanded,
          .orders-admin-card.is-collapsed {
            overflow: visible !important;
          }
          /* Final cleanup: no visible sheet edges around admin content. */
          body:has(#adminPanels:not(.hidden)) .admin-layout,
          body:has(#adminPanels:not(.hidden)) .admin-content,
          body:has(#adminPanels:not(.hidden)) .admin-content > .panel.admin-section,
          body:has(#adminPanels:not(.hidden)) .admin-section,
          body:has(#adminPanels:not(.hidden)) #analyticsPanel,
          body:has(#adminPanels:not(.hidden)) #clientCardPanel,
          body:has(#adminPanels:not(.hidden)) #ordersPanel,
          body:has(#adminPanels:not(.hidden)) #feedbackPanel,
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel,
          body:has(#adminPanels:not(.hidden)) #settingsPanel,
          body:has(#adminPanels:not(.hidden)) #loyaltyPanel,
          body:has(#adminPanels:not(.hidden)) #contentPanel,
          body:has(#adminPanels:not(.hidden)) #adminPanel,
          body:has(#adminPanels:not(.hidden)) #exportPanel {
            background: transparent !important;
            background-image: none !important;
            border: 0 !important;
            box-shadow: none !important;
            outline: 0 !important;
          }
          body:has(#adminPanels:not(.hidden)) .admin-layout::before,
          body:has(#adminPanels:not(.hidden)) .admin-layout::after,
          body:has(#adminPanels:not(.hidden)) .admin-content::before,
          body:has(#adminPanels:not(.hidden)) .admin-content::after,
          body:has(#adminPanels:not(.hidden)) .admin-content > .panel.admin-section::before,
          body:has(#adminPanels:not(.hidden)) .admin-content > .panel.admin-section::after,
          body:has(#adminPanels:not(.hidden)) .admin-section::before,
          body:has(#adminPanels:not(.hidden)) .admin-section::after {
            display: none !important;
            content: none !important;
          }
          body:has(#adminPanels:not(.hidden)) .kpi-carousel-tooltip {
            background: #151b22 !important;
            background-image: none !important;
            border-color: rgba(255, 255, 255, 0.12) !important;
            box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28) !important;
          }
          body:has(#adminPanels:not(.hidden)) .analytics-kpi-grid,
          body:has(#adminPanels:not(.hidden)) .analytics-kpi-grid-scrollable,
          body:has(#adminPanels:not(.hidden)) .owner-do-now-grid {
            background: transparent !important;
            background-image: none !important;
            border: 0 !important;
            box-shadow: none !important;
          }
          body:has(#adminPanels:not(.hidden)) .kpi-card,
          body:has(#adminPanels:not(.hidden)) .owner-do-now-card {
            overflow: hidden !important;
            border-radius: 18px !important;
          }
          body:has(#adminPanels:not(.hidden)) .kpi-card::before,
          body:has(#adminPanels:not(.hidden)) .owner-do-now-card::before {
            display: none !important;
            content: none !important;
          }
          body:has(#adminPanels:not(.hidden)) #analyticsKpiTrack {
            gap: 0 !important;
            column-gap: 0 !important;
            row-gap: 0 !important;
            background: transparent !important;
            background-image: none !important;
            border: 0 !important;
            box-shadow: none !important;
            padding: 0 !important;
          }
          body:has(#adminPanels:not(.hidden)) #analyticsKpiTrack > .kpi-card {
            margin-right: 10px !important;
            flex-basis: calc((100% - 30px) / 4) !important;
            background-clip: padding-box !important;
            clip-path: inset(0 round 18px);
            contain: paint;
          }
          body:has(#adminPanels:not(.hidden)) #analyticsKpiTrack > .kpi-card:last-child {
            margin-right: 0 !important;
          }
          body:has(#adminPanels:not(.hidden)) .kpi-card.active {
            box-shadow: none !important;
          }
          /* Remove wrapper gaps that create visible colored seams in DevTools and in dark corners. */
          body:has(#adminPanels:not(.hidden)) .analytics-grid,
          body:has(#adminPanels:not(.hidden)) .analytics-row,
          body:has(#adminPanels:not(.hidden)) .analytics-subrow,
          body:has(#adminPanels:not(.hidden)) .analytics-kpi-grid,
          body:has(#adminPanels:not(.hidden)) .analytics-kpi-grid-scrollable,
          body:has(#adminPanels:not(.hidden)) .analytics-overview,
          body:has(#adminPanels:not(.hidden)) .analytics-main,
          body:has(#adminPanels:not(.hidden)) .owner-do-now-grid,
          body:has(#adminPanels:not(.hidden)) .client-card-search-grid,
          body:has(#adminPanels:not(.hidden)) .client-card-sections,
          body:has(#adminPanels:not(.hidden)) .client-card-stats,
          body:has(#adminPanels:not(.hidden)) .broadcast-main-grid,
          body:has(#adminPanels:not(.hidden)) .broadcast-locale-grid,
          body:has(#adminPanels:not(.hidden)) .broadcast-media-grid,
          body:has(#adminPanels:not(.hidden)) .broadcast-preview-locale-grid,
          body:has(#adminPanels:not(.hidden)) .admin-filter-row {
            gap: 0 !important;
            column-gap: 0 !important;
            row-gap: 0 !important;
            background: transparent !important;
            background-image: none !important;
            border: 0 !important;
            box-shadow: none !important;
          }
          body:has(#adminPanels:not(.hidden)) .analytics-grid::before,
          body:has(#adminPanels:not(.hidden)) .analytics-row::before,
          body:has(#adminPanels:not(.hidden)) .analytics-subrow::before,
          body:has(#adminPanels:not(.hidden)) .analytics-kpi-grid::before,
          body:has(#adminPanels:not(.hidden)) .analytics-kpi-grid-scrollable::before,
          body:has(#adminPanels:not(.hidden)) .analytics-overview::before,
          body:has(#adminPanels:not(.hidden)) .analytics-main::before,
          body:has(#adminPanels:not(.hidden)) .owner-do-now-grid::before,
          body:has(#adminPanels:not(.hidden)) .client-card-search-grid::before,
          body:has(#adminPanels:not(.hidden)) .client-card-sections::before,
          body:has(#adminPanels:not(.hidden)) .client-card-stats::before,
          body:has(#adminPanels:not(.hidden)) .broadcast-main-grid::before,
          body:has(#adminPanels:not(.hidden)) .broadcast-locale-grid::before,
          body:has(#adminPanels:not(.hidden)) .broadcast-media-grid::before,
          body:has(#adminPanels:not(.hidden)) .broadcast-preview-locale-grid::before,
          body:has(#adminPanels:not(.hidden)) .admin-filter-row::before {
            display: none !important;
            content: none !important;
          }
          body:has(#adminPanels:not(.hidden)) .analytics-card,
          body:has(#adminPanels:not(.hidden)) .kpi-card,
          body:has(#adminPanels:not(.hidden)) .owner-do-now-card,
          body:has(#adminPanels:not(.hidden)) .client-card-section,
          body:has(#adminPanels:not(.hidden)) .client-metric-card,
          body:has(#adminPanels:not(.hidden)) .broadcast-editor-card,
          body:has(#adminPanels:not(.hidden)) .broadcast-review-card,
          body:has(#adminPanels:not(.hidden)) .broadcast-locale-card,
          body:has(#adminPanels:not(.hidden)) .broadcast-setting-card,
          body:has(#adminPanels:not(.hidden)) .broadcast-preview-locale-card {
            overflow: hidden !important;
            background-clip: padding-box !important;
            contain: paint;
          }
          /* Restore natural spacing while keeping the spacing area transparent. */
          body:has(#adminPanels:not(.hidden)) .analytics-grid {
            gap: 10px !important;
            margin-top: 10px;
          }
          body:has(#adminPanels:not(.hidden)) .analytics-row,
          body:has(#adminPanels:not(.hidden)) .analytics-subrow {
            gap: 10px !important;
          }
          body:has(#adminPanels:not(.hidden)) .analytics-kpi-grid,
          body:has(#adminPanels:not(.hidden)) .analytics-kpi-grid-scrollable {
            gap: 10px !important;
            column-gap: 10px !important;
            row-gap: 10px !important;
          }
          body:has(#adminPanels:not(.hidden)) #analyticsKpiTrack {
            gap: 10px !important;
            column-gap: 10px !important;
            row-gap: 10px !important;
            padding-bottom: 0 !important;
          }
          body:has(#adminPanels:not(.hidden)) #analyticsKpiTrack > .kpi-card {
            margin-right: 0 !important;
            flex-basis: calc((100% - 30px) / 4) !important;
          }
          body:has(#adminPanels:not(.hidden)) .analytics-overview {
            gap: 12px !important;
          }
          body:has(#adminPanels:not(.hidden)) .analytics-main {
            gap: 12px !important;
          }
          body:has(#adminPanels:not(.hidden)) .owner-do-now-grid {
            gap: 10px !important;
          }
          body:has(#adminPanels:not(.hidden)) .client-card-search-grid {
            gap: 12px !important;
          }
          body:has(#adminPanels:not(.hidden)) .client-card-sections {
            gap: 12px !important;
          }
          body:has(#adminPanels:not(.hidden)) .client-card-stats {
            gap: 10px !important;
          }
          body:has(#adminPanels:not(.hidden)) .broadcast-main-grid {
            gap: 14px !important;
          }
          body:has(#adminPanels:not(.hidden)) .broadcast-locale-grid,
          body:has(#adminPanels:not(.hidden)) .broadcast-media-grid,
          body:has(#adminPanels:not(.hidden)) .broadcast-preview-locale-grid {
            gap: 12px !important;
          }
          body:has(#adminPanels:not(.hidden)) .admin-filter-row {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 10px !important;
          }
          /* Premium grouped sidebar navigation */
          body:has(#adminPanels:not(.hidden)) .admin-layout {
            grid-template-columns: 280px minmax(0, 1fr);
          }
          body:has(#adminPanels:not(.hidden)) .admin-header-bar {
            left: 306px;
          }
          body:has(#adminPanels:not(.hidden)) .admin-shell.admin-sidebar-collapsed-shell .admin-header-bar {
            left: 108px;
          }
          body:has(#adminPanels:not(.hidden)) .admin-sidebar {
            --admin-nav-row-height: 48px;
            --admin-nav-icon-box: 34px;
            --admin-nav-collapsed-icon-box: 40px;
            width: 280px;
            padding: 22px 12px 20px;
            border-right: 1px solid rgba(255, 255, 255, 0.08);
            background:
              linear-gradient(180deg, rgba(20, 27, 36, 0.9), rgba(16, 22, 30, 0.92)),
              rgba(18, 24, 32, 0.82);
            backdrop-filter: blur(18px);
            box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.035);
          }
          body:has(#adminPanels:not(.hidden)) .admin-sidebar-head {
            padding: 0 0 18px;
            margin: 0 0 8px;
          }
          body:has(#adminPanels:not(.hidden)) .admin-nav {
            display: flex;
            flex-direction: column;
            gap: 3px;
            padding-right: 0;
          }
          body:has(#adminPanels:not(.hidden)) .admin-nav-group-label {
            margin: 16px 12px 6px;
            color: rgba(184, 194, 205, 0.56);
            font-size: 10px;
            font-weight: 900;
            line-height: 1;
            letter-spacing: 0.11em;
            text-transform: uppercase;
          }
          body:has(#adminPanels:not(.hidden)) .admin-nav-group-label[data-admin-nav-group="stock"] {
            order: 1;
            margin-top: 0;
          }
          body:has(#adminPanels:not(.hidden)) .admin-nav-group-label[data-admin-nav-group="work"] {
            order: 10;
          }
          body:has(#adminPanels:not(.hidden)) .admin-nav-group-label[data-admin-nav-group="growth"] {
            order: 30;
          }
          body:has(#adminPanels:not(.hidden)) .admin-nav-group-label[data-admin-nav-group="admin"] {
            order: 50;
          }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn {
            height: var(--admin-nav-row-height) !important;
            min-height: var(--admin-nav-row-height) !important;
            border-radius: 14px;
            background: transparent !important;
            border-color: transparent !important;
            box-shadow: none !important;
            grid-template-columns: var(--admin-nav-icon-box) minmax(0, 1fr);
            gap: 10px;
            padding: 7px 10px;
            color: rgba(245, 245, 247, 0.82);
            font-size: 13px;
            font-weight: 800;
          }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn::after,
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn-arrow {
            display: none !important;
          }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn:hover {
            background: rgba(255, 255, 255, 0.055) !important;
            color: #f5f5f7;
            transform: none;
          }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn-icon {
            width: var(--admin-nav-icon-box);
            height: var(--admin-nav-icon-box);
            border-radius: 11px;
            background: transparent;
            border-color: transparent;
            box-shadow: none;
            color: rgba(245, 245, 247, 0.58);
          }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn.active {
            background: rgba(255, 138, 31, 0.09) !important;
            border-color: rgba(255, 138, 31, 0.14) !important;
            color: #f5f5f7 !important;
            box-shadow:
              inset 3px 0 0 #ff8a1f,
              inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
          }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn.active::before {
            opacity: 0 !important;
          }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn.active .admin-nav-btn-icon {
            background: rgba(255, 138, 31, 0.09) !important;
            border-color: rgba(255, 138, 31, 0.14) !important;
            box-shadow: none !important;
            color: #ff9b38 !important;
          }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn[data-target="indexStockPanel"] { order: 2; }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn[data-target="indexStockMultiPanel"] { order: 3; }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn[data-target="analyticsPanel"] { order: 11; }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn[data-target="ordersPanel"] { order: 12; }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn[data-target="clientCardPanel"] { order: 13; }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn[data-target="broadcastsPanel"] { order: 14; }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn[data-target="feedbackPanel"] { order: 15; }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn[data-target="newsPanel"] { order: 16; }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn[data-target="offersPanel"] { order: 17; }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn[data-target="menuPanel"] { order: 18; }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn[data-target="storePanel"] { order: 19; }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn[data-target="contentPanel"] { order: 20; }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn[data-target="loyaltyPanel"] { order: 31; }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn[data-target="vouchersPanel"] { order: 32; }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn[data-target="trafficPanel"] { order: 33; }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn[data-target="adminPanel"] { order: 51; }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn[data-target="modulesPanel"] { order: 52; }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn[data-target="securityPanel"] { order: 53; }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn[data-target="settingsPanel"] { order: 54; }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn[data-target="exportPanel"] { order: 55; }
          body:has(#adminPanels:not(.hidden)) .admin-layout.admin-sidebar-collapsed .admin-nav-group-label {
            display: none;
          }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn.admin-nav-content {
            height: 44px !important;
            min-height: 44px !important;
            margin-left: 12px;
            width: calc(100% - 12px);
            grid-template-columns: 30px minmax(0, 1fr);
            padding: 6px 10px;
            border-radius: 12px;
            font-size: 12.5px;
            font-weight: 800;
            color: rgba(245, 245, 247, 0.72);
          }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn.admin-nav-content .admin-nav-btn-icon {
            width: 30px;
            height: 30px;
            border-radius: 10px;
            color: rgba(245, 245, 247, 0.48);
          }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn.admin-nav-content.active {
            color: #f5f5f7 !important;
          }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn.admin-nav-content.active .admin-nav-btn-icon {
            color: #ff9b38 !important;
          }
          body:has(#adminPanels:not(.hidden)) .admin-layout.admin-sidebar-collapsed {
            grid-template-columns: 82px minmax(0, 1fr);
          }
          body:has(#adminPanels:not(.hidden)) .admin-layout.admin-sidebar-collapsed .admin-sidebar {
            width: auto;
            padding: 18px 10px;
          }
          body:has(#adminPanels:not(.hidden)) .admin-layout.admin-sidebar-collapsed .admin-nav-btn:not(.hidden) {
            display: grid;
          }
          body:has(#adminPanels:not(.hidden)) .admin-layout.admin-sidebar-collapsed .admin-nav-btn {
            width: 48px;
            border-radius: 16px;
            padding: 0;
            grid-template-columns: 1fr;
            justify-items: center;
          }
          body:has(#adminPanels:not(.hidden)) .admin-layout.admin-sidebar-collapsed .admin-nav-btn[data-target="loyaltyPanel"],
          body:has(#adminPanels:not(.hidden)) .admin-layout.admin-sidebar-collapsed .admin-nav-btn[data-target="adminPanel"] {
            margin-top: 18px;
          }
          body:has(#adminPanels:not(.hidden)) .admin-layout.admin-sidebar-collapsed .admin-nav-btn:hover {
            transform: translateY(-1px);
          }
          body:has(#adminPanels:not(.hidden)) .admin-layout.admin-sidebar-collapsed .admin-nav-btn-icon {
            width: var(--admin-nav-collapsed-icon-box);
            height: var(--admin-nav-collapsed-icon-box);
          }
          body:has(#adminPanels:not(.hidden)) .admin-layout.admin-sidebar-collapsed .admin-nav-btn.active {
            background: rgba(255, 138, 31, 0.14) !important;
            box-shadow: inset 0 0 0 1px rgba(255, 138, 31, 0.2) !important;
          }
          @media (max-width: 980px) {
            body:has(#adminPanels:not(.hidden)) .admin-layout,
            body:has(#adminPanels:not(.hidden)) .admin-layout.admin-sidebar-collapsed {
              grid-template-columns: 1fr;
            }
            body:has(#adminPanels:not(.hidden)) .admin-header-bar,
            body:has(#adminPanels:not(.hidden)) .admin-shell.admin-sidebar-collapsed-shell .admin-header-bar {
              left: auto;
            }
            body:has(#adminPanels:not(.hidden)) .admin-sidebar,
            body:has(#adminPanels:not(.hidden)) .admin-layout.admin-sidebar-collapsed .admin-sidebar {
              width: auto;
              padding: 12px;
            }
          }
          /* Orders panel spacing */
          body:has(#adminPanels:not(.hidden)) #ordersPanel .admin-filter-row {
            gap: 12px !important;
            margin-bottom: 12px;
          }
          body:has(#adminPanels:not(.hidden)) #ordersPanel .orders-admin-toolbar {
            display: grid;
            gap: 10px !important;
            margin: 0 0 16px;
          }
          body:has(#adminPanels:not(.hidden)) #ordersPanel .orders-admin-stats {
            gap: 10px !important;
          }
          body:has(#adminPanels:not(.hidden)) #ordersPanel .orders-kanban-stack {
            gap: 16px !important;
            padding: 14px;
          }
          body:has(#adminPanels:not(.hidden)) #ordersPanel .orders-kanban-stack > .orders-admin-card {
            margin: 0 !important;
          }

          #redeemPolicyModal.show {
            align-items: flex-start !important;
            overflow-y: auto !important;
            padding: 14px !important;
          }
          #redeemPolicyModal .redeem-policy-modal-card {
            width: min(1360px, calc(100vw - 28px));
            max-height: calc(100dvh - 28px);
            margin: 0 auto !important;
            overflow-y: auto !important;
            overflow-x: hidden !important;
            -webkit-overflow-scrolling: touch;
          }
          #redeemPolicyModal .modal-actions {
            position: sticky;
            bottom: -1px;
            z-index: 3;
            margin: 12px -22px -22px;
            padding: 12px 22px 16px;
          }
          #redeemPolicyModal .modal-title {
            font-size: 26px;
          }
          #redeemPolicyModal .modal-text {
            margin: 6px 0 0;
          }
          #redeemPolicyModal .redeem-policy-layout {
            margin: 12px 0;
          }
          #redeemPolicyModal .redeem-policy-card,
          #redeemPolicyModal .redeem-policy-preview {
            padding: 13px 15px;
          }
          #redeemPolicyModal .redeem-policy-card-head {
            margin-bottom: 10px;
          }
          #redeemPolicyModal .redeem-toggle-card {
            min-height: 44px;
          }
          .loyalty-miniapp-status > div:nth-child(2) strong {
            color: #5f9cff;
            text-shadow: 0 0 14px rgba(95, 156, 255, 0.28);
          }

          .index-stock-admin-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
            gap: 16px;
            margin-bottom: 16px;
          }
          #indexStockPanel {
            font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;
          }
          .index-stock-admin-toolbar {
            position: sticky;
            top: 0;
            z-index: 4;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            min-height: 70px;
            margin: -4px -2px 14px;
            padding: 8px 2px 14px;
            background: transparent;
            backdrop-filter: none;
          }
          .index-stock-admin-toolbar .panel-title {
            font-size: 26px;
            letter-spacing: 0;
          }
          .index-stock-admin-toolbar .btn {
            width: auto;
            min-width: 0;
            margin: 0;
            border-radius: 12px;
          }
          .index-stock-admin-toolbar .btn:disabled {
            opacity: .45;
            cursor: default;
            box-shadow: none;
          }
          .index-stock-utility-btn {
            padding-inline: 16px;
            color: rgba(245, 245, 247, .78);
          }
          .index-stock-admin-tabs,
          .index-stock-language-tabs {
            display: inline-flex;
            gap: 4px;
            padding: 4px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 14px;
            background: rgba(255, 255, 255, 0.035);
          }
          .index-stock-admin-tabs {
            width: 100%;
            margin-bottom: 16px;
            overflow-x: auto;
          }
          .index-stock-admin-tabs button,
          .index-stock-language-tabs button {
            min-width: max-content;
            padding: 9px 14px;
            border: 0;
            border-radius: 10px;
            background: transparent;
            color: rgba(245, 245, 247, 0.62);
            font-weight: 800;
            cursor: pointer;
            transition: background .16s ease, color .16s ease, box-shadow .16s ease;
          }
          .index-stock-admin-tabs button:hover,
          .index-stock-language-tabs button:hover {
            color: rgba(245, 245, 247, .9);
            background: rgba(255, 255, 255, .045);
          }
          .index-stock-admin-tabs button.active,
          .index-stock-language-tabs button.active {
            background: rgba(255, 138, 31, .18);
            color: #ffb15d;
            box-shadow: inset 0 0 0 1px rgba(255, 138, 31, .24);
          }
          .index-stock-tab-panel,
          .index-stock-notification-panel {
            display: none;
          }
          .index-stock-tab-panel.active,
          .index-stock-notification-panel.active {
            display: block;
          }
          .index-stock-settings-card {
            padding: 0;
            overflow: hidden;
          }
          .index-stock-settings-card > .profile-admin-setting-title,
          .index-stock-settings-card > .profile-admin-setting-summary,
          .index-stock-settings-card > .profile-admin-setting-head,
          .index-stock-settings-card > .index-stock-language-tabs,
          .index-stock-settings-card > .index-stock-notification-panel {
            margin: 0 18px;
          }
          .index-stock-settings-card > .profile-admin-setting-title {
            margin-top: 18px;
          }
          .index-stock-settings-card > .profile-admin-setting-head {
            margin-top: 18px;
            margin-bottom: 14px;
          }
          .index-stock-settings-card > .profile-admin-setting-summary {
            margin-top: 4px;
            margin-bottom: 14px;
          }
          .index-stock-settings-card > .index-stock-language-tabs {
            margin-bottom: 14px;
          }
          .index-stock-notification-panel {
            padding-bottom: 18px;
          }
          .index-stock-settings-list,
          .index-stock-settings-sublist {
            display: grid;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
          }
          .index-stock-settings-sublist {
            margin-left: 34px;
            border-top: 0;
            border-left: 2px solid rgba(255, 138, 31, 0.22);
          }
          .index-stock-setting-row {
            display: grid;
            grid-template-columns: minmax(250px, 0.85fr) minmax(220px, 1fr);
            align-items: center;
            gap: 18px;
            min-height: 66px;
            padding: 12px 18px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
          }
          .index-stock-setting-row > span {
            display: grid;
            gap: 3px;
          }
          .index-stock-setting-row strong {
            color: #f5f5f7;
            font-size: 15px;
          }
          .index-stock-setting-row small {
            color: rgba(245, 245, 247, 0.55);
            font-size: 12px;
            line-height: 1.35;
          }
          .index-stock-setting-row.toggle {
            grid-template-columns: minmax(250px, 1fr) auto;
          }
          .index-stock-setting-row.block {
            grid-template-columns: 1fr;
            align-items: stretch;
          }
          .index-stock-setting-row.block > span {
            max-width: 760px;
          }
          .index-stock-setting-row.toggle input[type="checkbox"],
          .index-stock-toggle-card input[type="checkbox"] {
            position: relative;
            width: 42px;
            height: 24px;
            margin: 0;
            border: 1px solid rgba(255, 255, 255, 0.18);
            border-radius: 999px;
            appearance: none;
            background: rgba(255, 255, 255, 0.12);
            cursor: pointer;
            transition: background .16s ease, border-color .16s ease;
          }
          .index-stock-setting-row.toggle input[type="checkbox"]::after,
          .index-stock-toggle-card input[type="checkbox"]::after {
            content: "";
            position: absolute;
            top: 3px;
            left: 3px;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: #f5f5f7;
            transition: transform .16s ease;
          }
          .index-stock-setting-row.toggle input[type="checkbox"]:checked,
          .index-stock-toggle-card input[type="checkbox"]:checked {
            border-color: rgba(255, 138, 31, 0.75);
            background: #ff8a1f;
          }
          .index-stock-setting-row.toggle input[type="checkbox"]:checked::after,
          .index-stock-toggle-card input[type="checkbox"]:checked::after {
            transform: translateX(18px);
            background: #0d0f13;
          }
          .index-stock-unit-field,
          .index-stock-range-fields {
            display: flex;
            align-items: center;
            gap: 8px;
          }
          .index-stock-unit-field .field {
            max-width: 180px;
          }
          .index-stock-range-fields .field {
            min-width: 0;
          }
          .index-stock-unit-field span,
          .index-stock-range-fields span {
            color: rgba(245, 245, 247, 0.58);
            font-size: 13px;
            font-weight: 800;
          }
          .index-stock-editor-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
            gap: 16px;
          }
          .index-stock-preview-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 16px;
          }
          .index-stock-preview-card {
            display: grid;
            gap: 14px;
            align-content: start;
            padding: 18px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 18px;
            background: linear-gradient(145deg, rgba(25, 31, 40, 0.92), rgba(12, 17, 24, 0.96));
          }
          .index-stock-live-card,
          .index-stock-public-preview,
          .index-stock-telegram-preview {
            display: grid;
            gap: 12px;
            min-height: 220px;
            padding: 18px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 18px;
            background:
              radial-gradient(circle at 20% 15%, rgba(255, 138, 31, 0.16), transparent 28%),
              #070d13;
          }
          .index-stock-live-card-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
          }
          .index-stock-live-card-head span {
            padding: 5px 9px;
            border-radius: 999px;
            background: rgba(48, 209, 88, 0.16);
            color: #58e577;
            font-size: 12px;
            font-weight: 900;
          }
          .index-stock-live-card-head strong,
          .index-stock-public-preview-title,
          .index-stock-telegram-preview strong {
            color: #f5f5f7;
            font-size: 20px;
            line-height: 1.1;
          }
          .index-stock-live-card-body,
          .index-stock-public-preview-product,
          .index-stock-public-preview-market {
            display: grid;
            grid-template-columns: 120px minmax(0, 1fr);
            align-items: center;
            gap: 16px;
          }
          .index-stock-live-card-body img,
          .index-stock-public-preview-product img {
            max-width: 120px;
            max-height: 110px;
            object-fit: contain;
            filter: drop-shadow(0 18px 22px rgba(0, 0, 0, 0.45));
          }
          .index-stock-live-card-body b,
          .index-stock-public-preview-product span,
          .index-stock-public-preview-market strong {
            color: #f5f5f7;
            font-size: 34px;
            font-weight: 900;
            font-variant-numeric: tabular-nums;
            line-height: 1;
          }
          .index-stock-live-card-body small,
          .index-stock-live-card p,
          .index-stock-public-preview-subtitle,
          .index-stock-telegram-preview p,
          .index-stock-telegram-preview small {
            color: rgba(245, 245, 247, 0.62);
          }
          .index-stock-live-card-body em {
            display: block;
            margin-top: 6px;
            color: rgba(245, 245, 247, 0.46);
            font-style: normal;
          }
          .index-stock-public-preview.tv {
            min-height: 260px;
          }
          .index-stock-public-preview-market {
            grid-template-columns: 1fr auto 1fr;
            margin-top: 20px;
          }
          .index-stock-public-preview-market span {
            color: rgba(245, 245, 247, 0.58);
            font-weight: 800;
          }
          .index-stock-telegram-preview {
            min-height: 170px;
          }
          .index-stock-advanced {
            margin: 14px 18px 18px;
          }
          .index-stock-advanced summary {
            color: rgba(245, 245, 247, 0.58);
            cursor: pointer;
            font-weight: 800;
          }
          .index-stock-advanced .field {
            margin-top: 10px;
          }
          .index-stock-multi-products {
            display: grid;
            gap: 16px;
          }
          #indexStockMultiPanel {
            --multi-bg: #050d13;
            --multi-surface: #08141d;
            --multi-line: rgba(133, 170, 193, 0.2);
            padding: 16px;
            border: 1px solid var(--multi-line);
            border-radius: 20px;
            background:
              radial-gradient(circle at 50% 0%, rgba(19, 78, 107, 0.14), transparent 38%),
              var(--multi-bg);
          }
          .index-stock-multi-admin-head,
          .index-stock-multi-products-head,
          .index-stock-multi-card-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
          }
          .index-stock-multi-admin-head {
            margin-bottom: 14px;
          }
          .index-stock-multi-kpi-grid {
            display: grid;
            grid-template-columns: minmax(220px, .8fr) minmax(360px, 1.7fr) minmax(220px, .8fr);
            gap: 12px;
            margin-bottom: 12px;
          }
          .index-stock-multi-kpi,
          .index-stock-multi-command-bar,
          .index-stock-multi-side-card,
          .index-stock-multi-qr-card,
          .index-stock-multi-activity-card {
            border: 1px solid var(--multi-line);
            border-radius: 14px;
            background: linear-gradient(145deg, rgba(10, 25, 35, 0.96), rgba(5, 14, 21, 0.98));
          }
          .index-stock-multi-kpi {
            display: grid;
            align-content: center;
            gap: 5px;
            min-height: 92px;
            padding: 15px 18px;
          }
          .index-stock-multi-kpi span,
          .index-stock-multi-kpi small,
          .index-stock-multi-products-head small,
          .index-stock-multi-qr-card small {
            color: rgba(225, 235, 242, 0.58);
          }
          .index-stock-multi-kpi strong {
            color: #4ade54;
            font-size: 24px;
          }
          .index-stock-multi-kpi.index {
            grid-template-columns: auto minmax(180px, 1fr);
          }
          .index-stock-multi-kpi.index span {
            grid-column: 1 / -1;
          }
          .index-stock-multi-kpi.index strong {
            font-size: 30px;
          }
          .index-stock-multi-market-sparkline {
            min-height: 42px;
          }
          .index-stock-multi-market-sparkline svg,
          .index-stock-multi-dashboard-chart svg {
            width: 100%;
            height: 100%;
          }
          .index-stock-multi-kpi.timer strong {
            color: #ff941f;
          }
          .index-stock-multi-command-bar {
            display: grid;
            grid-template-columns: minmax(210px, 1fr) minmax(210px, 1fr) minmax(220px, 1fr) auto;
            gap: 12px;
            align-items: center;
            padding: 10px;
            margin-bottom: 12px;
          }
          .index-stock-toggle-card.compact {
            min-height: 58px;
            padding: 10px 12px;
            border: 0;
            background: rgba(255, 255, 255, 0.025);
          }
          .index-stock-multi-saved-state {
            display: grid;
            gap: 3px;
            padding: 8px 12px;
          }
          .index-stock-multi-saved-state strong {
            color: #4ade80;
          }
          .index-stock-multi-saved-state small {
            color: rgba(255, 255, 255, 0.52);
          }
          .index-stock-multi-workspace {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 285px;
            gap: 12px;
          }
          .index-stock-multi-main,
          .index-stock-multi-aside {
            min-width: 0;
          }
          .index-stock-multi-products-head {
            margin: 8px 0 10px;
          }
          .index-stock-multi-products-head > div {
            display: grid;
            gap: 3px;
          }
          .index-stock-multi-products-head strong {
            color: #f8fafc;
            font-size: 17px;
            text-transform: uppercase;
          }
          .index-stock-multi-dashboard-products {
            display: grid;
            grid-template-columns: repeat(5, minmax(150px, 1fr));
            gap: 9px;
          }
          .index-stock-multi-dashboard-product {
            position: relative;
            display: grid;
            gap: 8px;
            min-width: 0;
            min-height: 220px;
            padding: 10px;
            border: 1px solid rgba(255, 211, 26, 0.62);
            border-radius: 11px;
            overflow: hidden;
            background: linear-gradient(155deg, rgba(8, 20, 28, 0.98), rgba(2, 9, 14, 0.99));
            cursor: pointer;
            transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
          }
          .index-stock-multi-dashboard-product:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 30px rgba(0, 0, 0, .28);
          }
          .index-stock-multi-dashboard-product.up {
            border-color: rgba(255, 59, 69, .72);
          }
          .index-stock-multi-dashboard-product.down {
            border-color: rgba(82, 219, 69, .68);
          }
          .index-stock-multi-dashboard-product.disabled {
            opacity: .48;
          }
          .index-stock-multi-dashboard-product-head {
            display: grid;
            grid-template-columns: 28px minmax(0, 1fr) auto;
            align-items: center;
            gap: 7px;
          }
          .index-stock-multi-dashboard-product-head strong {
            overflow: hidden;
            color: #f8fafc;
            font-size: 12px;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .index-stock-multi-rank {
            display: grid;
            width: 28px;
            height: 28px;
            place-items: center;
            border: 1px solid currentColor;
            border-radius: 7px;
            color: #ffd31a;
            font-weight: 900;
          }
          .index-stock-multi-card-switch input {
            display: none;
          }
          .index-stock-multi-card-switch span {
            position: relative;
            display: block;
            width: 30px;
            height: 17px;
            border-radius: 999px;
            background: rgba(148, 163, 184, .35);
          }
          .index-stock-multi-card-switch span::after {
            content: "";
            position: absolute;
            top: 3px;
            left: 3px;
            width: 11px;
            height: 11px;
            border-radius: 50%;
            background: #f8fafc;
            transition: transform .16s ease;
          }
          .index-stock-multi-card-switch input:checked + span {
            background: #44b83d;
          }
          .index-stock-multi-card-switch input:checked + span::after {
            transform: translateX(13px);
          }
          .index-stock-multi-dashboard-product-main {
            display: grid;
            grid-template-columns: minmax(60px, .9fr) minmax(68px, 1fr);
            align-items: center;
            gap: 8px;
          }
          .index-stock-multi-dashboard-image {
            display: grid;
            height: 80px;
            place-items: center;
            color: rgba(255,255,255,.35);
            font-size: 11px;
          }
          .index-stock-multi-dashboard-image img {
            width: 100%;
            height: 100%;
            object-fit: contain;
          }
          .index-stock-multi-dashboard-price {
            display: grid;
            justify-items: end;
            gap: 1px;
          }
          .index-stock-multi-dashboard-price strong {
            color: #f8fafc;
            font-size: clamp(22px, 2.1vw, 34px);
            line-height: 1;
          }
          .index-stock-multi-dashboard-price span {
            color: rgba(255,255,255,.68);
            font-size: 11px;
            font-weight: 700;
          }
          .index-stock-multi-dashboard-price b {
            margin-top: 5px;
            font-size: 16px;
          }
          .index-stock-multi-dashboard-chart {
            height: 34px;
          }
          .index-stock-multi-dashboard-meta {
            display: flex;
            justify-content: space-between;
            gap: 5px;
            color: rgba(255,255,255,.52);
            font-size: 9px;
          }
          .index-stock-multi-aside {
            display: grid;
            align-content: start;
            gap: 10px;
          }
          .index-stock-multi-side-card,
          .index-stock-multi-activity-card {
            padding: 14px;
          }
          .index-stock-multi-side-card.deal {
            min-height: 220px;
            border-color: rgba(255, 211, 26, .56);
          }
          .index-stock-multi-side-card h3 {
            margin: 14px 0;
            color: #f8fafc;
          }
          .index-stock-multi-deal-body {
            display: grid;
            grid-template-columns: 1fr 1fr;
            align-items: center;
            gap: 8px;
          }
          .index-stock-multi-deal-body > div {
            display: grid;
            gap: 5px;
          }
          .index-stock-multi-deal-body b {
            color: #f8fafc;
            font-size: 31px;
          }
          .index-stock-multi-deal-body strong {
            color: #52db45;
          }
          .index-stock-multi-deal-body img {
            width: 100%;
            max-height: 120px;
            object-fit: contain;
          }
          .index-stock-multi-leaders {
            display: grid;
            gap: 3px;
            margin-top: 8px;
          }
          .index-stock-multi-leaders > div {
            display: grid;
            grid-template-columns: 22px minmax(0, 1fr) auto;
            align-items: center;
            gap: 7px;
            padding: 9px 0;
            border-bottom: 1px solid rgba(255,255,255,.08);
          }
          .index-stock-multi-leaders span {
            display: grid;
            width: 22px;
            height: 22px;
            place-items: center;
            border-radius: 6px;
            background: rgba(255,255,255,.06);
          }
          .index-stock-multi-leaders strong {
            overflow: hidden;
            color: rgba(255,255,255,.78);
            font-size: 11px;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .index-stock-multi-leaders b {
            color: #52db45;
            font-size: 11px;
          }
          #indexStockMultiGrowthLeaders b {
            color: #ff4d55;
          }
          .index-stock-multi-quick-actions {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 7px;
            margin-top: 10px;
          }
          .index-stock-multi-quick-actions .btn {
            padding: 9px 7px;
            font-size: 10px;
          }
          .index-stock-multi-bottom-grid {
            display: grid;
            grid-template-columns: minmax(260px, .75fr) minmax(320px, 1.25fr);
            gap: 10px;
            margin-top: 10px;
          }
          .index-stock-multi-qr-card {
            display: grid;
            grid-template-columns: 100px minmax(0, 1fr);
            gap: 14px;
            align-items: center;
            padding: 12px;
          }
          .index-stock-multi-qr-card > div:last-child {
            display: grid;
            gap: 7px;
          }
          .index-stock-multi-settings-modal-card,
          .index-stock-multi-product-modal-card {
            width: min(1180px, calc(100vw - 32px));
            max-width: 1180px;
            max-height: calc(100vh - 32px);
            overflow: auto;
          }
          .index-stock-multi-report-settings {
            display: grid;
            gap: 10px;
            margin-top: 14px;
          }
          .index-stock-multi-product {
            border-color: rgba(96, 165, 250, 0.32);
            padding: 0;
            overflow: hidden;
            scroll-margin-top: 18px;
          }
          .index-stock-multi-product-body {
            display: grid;
            gap: 16px;
            padding: 18px;
            border-top: 1px solid rgba(255, 255, 255, 0.07);
          }
          .index-stock-multi-section-title {
            margin-top: 4px;
            color: #f8fafc;
            font-size: 17px;
            font-weight: 800;
          }
          .index-stock-rule-guide-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
          }
          .index-stock-rule-guide {
            display: grid;
            gap: 9px;
            padding: 14px;
            border: 1px solid rgba(255, 255, 255, 0.09);
            border-radius: 16px;
            background: rgba(255, 255, 255, 0.025);
          }
          .index-stock-rule-guide strong {
            font-size: 15px;
          }
          .index-stock-rule-guide span,
          .index-stock-rule-guide small {
            color: rgba(255, 255, 255, 0.64);
            line-height: 1.45;
          }
          .index-stock-rule-guide.growth {
            border-color: rgba(34, 197, 94, 0.25);
          }
          .index-stock-rule-guide.growth strong {
            color: #4ade80;
          }
          .index-stock-rule-guide.drop {
            border-color: rgba(239, 68, 68, 0.25);
          }
          .index-stock-rule-guide.drop strong {
            color: #fb7185;
          }
          .index-stock-rule-guide.price-floor {
            border-color: rgba(255, 155, 56, 0.25);
            background: rgba(255, 155, 56, 0.045);
          }
          .index-stock-rule-guide.price-floor strong {
            color: #ff9b38;
          }
          .index-stock-time-floor-editor {
            display: grid;
            gap: 12px;
            padding: 14px;
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 20px;
            background:
              linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025)),
              rgba(14, 17, 22, 0.82);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09), 0 18px 48px rgba(0, 0, 0, 0.22);
          }
          .index-stock-time-floor-head {
            display: flex;
            justify-content: space-between;
            gap: 12px;
            align-items: center;
          }
          .index-stock-time-floor-head > div {
            display: grid;
            gap: 3px;
          }
          .index-stock-time-floor-head strong {
            color: #f8fafc;
            font-size: 16px;
            font-weight: 800;
          }
          .index-stock-time-floor-head small,
          .index-stock-time-floor-empty {
            color: rgba(255, 255, 255, 0.58);
            font-size: 12px;
            line-height: 1.4;
          }
          .index-stock-time-floor-add,
          .index-stock-time-floor-presets button,
          .index-stock-time-floor-delete {
            border: 0;
            cursor: pointer;
            font: inherit;
            transition: transform 0.16s ease, background 0.16s ease, border-color 0.16s ease;
          }
          .index-stock-time-floor-add {
            min-height: 34px;
            padding: 0 14px;
            border-radius: 999px;
            color: #111827;
            font-size: 13px;
            font-weight: 800;
            background: #f8fafc;
          }
          .index-stock-time-floor-add:hover,
          .index-stock-time-floor-presets button:hover,
          .index-stock-time-floor-delete:hover {
            transform: translateY(-1px);
          }
          .index-stock-time-floor-presets {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
          }
          .index-stock-time-floor-presets button {
            min-height: 32px;
            padding: 0 12px;
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 999px;
            color: rgba(255, 255, 255, 0.78);
            font-size: 12px;
            font-weight: 750;
            background: rgba(255, 255, 255, 0.055);
          }
          .index-stock-time-floor-list {
            display: grid;
            gap: 8px;
          }
          .index-stock-time-floor-row {
            display: grid;
            grid-template-columns: minmax(130px, 1fr) minmax(130px, 1fr) minmax(180px, 1.25fr) 38px;
            gap: 8px;
            align-items: end;
            padding: 10px;
            border: 1px solid rgba(255, 255, 255, 0.09);
            border-radius: 16px;
            background: rgba(3, 7, 18, 0.42);
          }
          .index-stock-time-floor-field {
            display: grid;
            gap: 6px;
          }
          .index-stock-time-floor-field span {
            color: rgba(255, 255, 255, 0.52);
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0;
            text-transform: uppercase;
          }
          .index-stock-time-floor-field input {
            width: 100%;
            height: 42px;
            border: 1px solid rgba(255, 255, 255, 0.11);
            border-radius: 13px;
            color: #f8fafc;
            font-size: 15px;
            font-weight: 750;
            outline: none;
            background: rgba(255, 255, 255, 0.07);
            padding: 0 12px;
          }
          .index-stock-time-floor-field input:focus {
            border-color: rgba(255, 255, 255, 0.28);
            background: rgba(255, 255, 255, 0.105);
            box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.06);
          }
          .index-stock-time-floor-field.price label {
            position: relative;
            display: block;
          }
          .index-stock-time-floor-field.price input {
            padding-right: 56px;
          }
          .index-stock-time-floor-field.price b {
            position: absolute;
            right: 12px;
            top: 50%;
            transform: translateY(-50%);
            color: rgba(255, 255, 255, 0.5);
            font-size: 11px;
            font-weight: 900;
          }
          .index-stock-time-floor-delete {
            width: 38px;
            height: 38px;
            border-radius: 50%;
            color: rgba(255, 255, 255, 0.7);
            font-size: 22px;
            line-height: 1;
            background: rgba(255, 255, 255, 0.07);
          }
          .index-stock-time-floor-delete:hover {
            color: #fff;
            background: rgba(239, 68, 68, 0.28);
          }
          .index-stock-time-floor-empty {
            padding: 14px;
            border: 1px dashed rgba(255, 255, 255, 0.14);
            border-radius: 16px;
            background: rgba(255, 255, 255, 0.035);
          }
          .index-stock-multi-image-admin {
            grid-template-columns: 110px minmax(0, 1fr);
            margin-top: 0;
          }
          #indexStockMultiPanel {
            --multi-bg: #090a0d;
            --multi-surface: #14161b;
            --multi-surface-raised: #1b1e24;
            --multi-line: rgba(255, 255, 255, 0.08);
            --multi-line-strong: rgba(255, 255, 255, 0.14);
            --multi-muted: #a1a1aa;
            background: var(--multi-bg);
            border-color: var(--multi-line);
            font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;
          }
          #indexStockMultiPanel .btn {
            border-radius: 12px;
          }
          .index-stock-multi-admin-head {
            position: sticky;
            top: 0;
            z-index: 5;
            min-height: 68px;
            padding: 8px 0 14px;
            background: transparent;
            backdrop-filter: none;
          }
          .index-stock-multi-admin-head .panel-title {
            text-transform: none;
            letter-spacing: 0;
          }
          .index-stock-multi-profile-switch {
            display: inline-flex;
            gap: 4px;
            padding: 4px;
            border: 1px solid var(--multi-line);
            border-radius: 14px;
            background: rgba(255, 255, 255, 0.035);
          }
          .index-stock-multi-profile-switch .btn {
            min-width: 132px;
            padding: 10px 14px;
            border: 0;
            box-shadow: none;
          }
          .index-stock-multi-profile-switch .btn:not(.active) {
            background: transparent;
            color: var(--multi-muted);
          }
          .index-stock-multi-kpi-grid {
            grid-template-columns: repeat(4, minmax(150px, 1fr));
          }
          .index-stock-multi-kpi,
          .index-stock-multi-command-bar,
          .index-stock-multi-side-card,
          .index-stock-multi-qr-card,
          .index-stock-multi-activity-card {
            border-color: var(--multi-line);
            border-radius: 16px;
            background: var(--multi-surface);
          }
          .index-stock-multi-kpi {
            min-height: 92px;
          }
          .index-stock-multi-kpi strong {
            color: #f5f5f7;
            font-size: 28px;
            line-height: 1.05;
            font-variant-numeric: tabular-nums;
          }
          .index-stock-multi-kpi.index {
            grid-template-columns: auto minmax(120px, 1fr);
          }
          .index-stock-multi-kpi.timer strong {
            color: #f5f5f7;
          }
          .index-stock-multi-command-bar {
            grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr) minmax(240px, 1fr) auto;
            padding: 12px;
          }
          .index-stock-toggle-card.compact {
            border: 1px solid transparent;
            background: rgba(255, 255, 255, 0.035);
          }
          .index-stock-multi-workspace {
            grid-template-columns: minmax(0, 1fr) 340px;
          }
          .index-stock-multi-products-head {
            align-items: end;
            margin: 18px 0 12px;
          }
          .index-stock-multi-products-head strong {
            font-size: 18px;
            letter-spacing: 0;
            text-transform: none;
          }
          .index-stock-multi-products-tools {
            display: flex;
            gap: 10px;
            align-items: center;
          }
          .index-stock-multi-dashboard-products {
            display: block;
          }
          .index-stock-multi-products-table {
            overflow: hidden;
            border: 1px solid var(--multi-line);
            border-radius: 16px;
            background: var(--multi-surface);
          }
          .index-stock-multi-product-row {
            display: grid;
            grid-template-columns: 28px 42px minmax(220px, 1.8fr) minmax(110px, .8fr) minmax(120px, .8fr) minmax(96px, .7fr) minmax(120px, .8fr) 58px 42px;
            width: 100%;
            min-height: 70px;
            align-items: center;
            gap: 12px;
            padding: 10px 14px;
            border: 0;
            border-bottom: 1px solid var(--multi-line);
            background: transparent;
            color: #f5f5f7;
            text-align: left;
            cursor: pointer;
          }
          .index-stock-multi-product-row.header {
            min-height: 42px;
            color: var(--multi-muted);
            font-size: 12px;
            font-weight: 700;
            letter-spacing: .02em;
            text-transform: uppercase;
            cursor: default;
          }
          .index-stock-multi-product-row:not(.header):hover {
            background: rgba(255, 255, 255, 0.035);
          }
          .index-stock-multi-product-row.selected {
            background: rgba(255, 138, 36, 0.08);
            box-shadow: inset 3px 0 0 #ff8a24;
          }
          .index-stock-multi-product-row.disabled {
            opacity: .52;
          }
          .index-stock-multi-row-handle,
          .index-stock-multi-row-menu {
            color: var(--multi-muted);
            font-weight: 800;
          }
          .index-stock-multi-row-product {
            display: flex;
            min-width: 0;
            align-items: center;
            gap: 12px;
          }
          .index-stock-multi-row-product strong {
            overflow: hidden;
            color: #f5f5f7;
            font-size: 15px;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .index-stock-multi-row-image {
            display: grid;
            width: 48px;
            height: 48px;
            flex: 0 0 auto;
            place-items: center;
            color: var(--multi-muted);
            font-size: 11px;
          }
          .index-stock-multi-row-image img {
            width: 100%;
            height: 100%;
            object-fit: contain;
          }
          .index-stock-multi-row-price {
            color: #f5f5f7;
            font-size: 20px;
            font-weight: 800;
            font-variant-numeric: tabular-nums;
          }
          .index-stock-multi-row-price small,
          .index-stock-multi-row-status {
            color: var(--multi-muted);
            font-size: 12px;
            font-weight: 700;
          }
          .index-stock-multi-row-change {
            color: var(--multi-muted);
            font-weight: 800;
          }
          .index-stock-multi-row-change.up,
          .index-stock-multi-inspector-metrics strong.up {
            color: #ff453a;
          }
          .index-stock-multi-row-change.down,
          .index-stock-multi-inspector-metrics strong.down {
            color: #30d158;
          }
          .index-stock-multi-row-change.stable,
          .index-stock-multi-inspector-metrics strong.stable {
            color: var(--multi-muted);
          }
          .index-stock-multi-rank {
            color: #f5f5f7;
            border-color: var(--multi-line-strong);
            background: rgba(255, 255, 255, 0.035);
          }
          .index-stock-multi-inspector {
            position: sticky;
            top: 90px;
            display: grid;
            gap: 14px;
          }
          .index-stock-multi-inspector-head {
            display: flex;
            align-items: start;
            justify-content: space-between;
            gap: 12px;
          }
          .index-stock-multi-inspector-head h3 {
            margin: 4px 0 0;
            color: #f5f5f7;
            font-size: 22px;
            line-height: 1.15;
          }
          .index-stock-multi-inspector-head small,
          .index-stock-multi-inspector-metrics span,
          .index-stock-multi-inspector-toggle small {
            color: var(--multi-muted);
          }
          .index-stock-multi-inspector-image {
            display: grid;
            min-height: 150px;
            place-items: center;
            border: 1px solid var(--multi-line);
            border-radius: 16px;
            background: rgba(255, 255, 255, 0.025);
          }
          .index-stock-multi-inspector-image img {
            max-width: 100%;
            max-height: 150px;
            object-fit: contain;
          }
          .index-stock-multi-inspector-metrics {
            display: grid;
            gap: 8px;
          }
          .index-stock-multi-inspector-metrics > div {
            display: flex;
            justify-content: space-between;
            gap: 12px;
            padding: 10px 0;
            border-bottom: 1px solid var(--multi-line);
          }
          .index-stock-multi-inspector-metrics strong {
            color: #f5f5f7;
            font-variant-numeric: tabular-nums;
          }
          .index-stock-multi-inspector-toggle {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            padding: 12px;
            border: 1px solid var(--multi-line);
            border-radius: 14px;
            background: rgba(255, 255, 255, 0.025);
          }
          .index-stock-multi-inspector-toggle > span:first-child {
            display: grid;
            gap: 2px;
          }
          .index-stock-multi-analytics-compact {
            display: grid;
            gap: 10px;
          }
          .index-stock-sales-card.compact {
            padding: 12px;
          }
          .index-stock-multi-sales-report-card {
            margin-top: 14px;
          }
          .index-stock-sales-filters {
            display: grid;
            grid-template-columns: repeat(7, minmax(120px, 1fr));
            gap: 10px;
            padding: 0 18px 18px;
          }
          .index-stock-sales-summary {
            display: grid;
            grid-template-columns: repeat(4, minmax(130px, 1fr));
            gap: 10px;
            padding: 0 18px 18px;
          }
          .index-stock-sales-kpi {
            padding: 12px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.035);
          }
          .index-stock-sales-kpi span,
          .index-stock-sales-source,
          .index-stock-sales-item-meta,
          .index-stock-sales-mini {
            color: rgba(245, 245, 247, 0.62);
            font-size: 12px;
          }
          .index-stock-sales-kpi strong {
            display: block;
            margin-top: 4px;
            color: #f5f5f7;
            font-size: 22px;
            font-variant-numeric: tabular-nums;
          }
          .index-stock-sales-report {
            display: grid;
            gap: 14px;
            padding: 0 18px 18px;
          }
          .index-stock-sales-products,
          .index-stock-sales-list {
            display: grid;
            gap: 8px;
          }
          .index-stock-sales-product-row,
          .index-stock-sales-sale {
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.025);
          }
          .index-stock-sales-product-row {
            display: grid;
            grid-template-columns: minmax(160px, 1fr) repeat(3, minmax(90px, auto));
            gap: 12px;
            align-items: center;
            padding: 10px 12px;
          }
          .index-stock-sales-product-row strong,
          .index-stock-sales-sale-head strong,
          .index-stock-sales-item strong {
            color: #f5f5f7;
          }
          .index-stock-sales-sale {
            overflow: hidden;
          }
          .index-stock-sales-sale-head,
          .index-stock-sales-item {
            display: grid;
            grid-template-columns: minmax(170px, 1fr) minmax(130px, .7fr) minmax(110px, .6fr) minmax(110px, .6fr);
            gap: 12px;
            align-items: center;
            padding: 10px 12px;
          }
          .index-stock-sales-sale-head {
            background: rgba(255, 255, 255, 0.035);
          }
          .index-stock-sales-items {
            display: grid;
          }
          .index-stock-sales-item {
            border-top: 1px solid rgba(255, 255, 255, 0.07);
          }
          @media (max-width: 900px) {
            .index-stock-rule-guide-grid {
              grid-template-columns: 1fr;
            }
            .index-stock-multi-kpi-grid,
            .index-stock-multi-command-bar,
            .index-stock-multi-workspace,
            .index-stock-multi-bottom-grid {
              grid-template-columns: 1fr;
            }
            .index-stock-multi-dashboard-products {
              overflow-x: auto;
            }
            .index-stock-multi-aside {
              grid-template-columns: 1fr;
            }
            .index-stock-multi-product-row {
              grid-template-columns: 28px 36px minmax(190px, 1.5fr) 100px 110px 96px 120px 58px 42px;
              min-width: 920px;
            }
            .index-stock-time-floor-head {
              align-items: stretch;
              flex-direction: column;
            }
            .index-stock-time-floor-add {
              width: 100%;
            }
            .index-stock-time-floor-row {
              grid-template-columns: 1fr;
            }
            .index-stock-sales-filters,
            .index-stock-sales-summary,
            .index-stock-sales-product-row,
            .index-stock-sales-sale-head,
            .index-stock-sales-item {
              grid-template-columns: 1fr;
            }
            .index-stock-time-floor-delete {
              width: 100%;
              border-radius: 13px;
            }
          }
          @media (min-width: 901px) and (max-width: 1400px) {
            .index-stock-multi-workspace {
              grid-template-columns: minmax(0, 1fr);
            }
            .index-stock-multi-inspector {
              position: static;
            }
          }

          /* Multi Index uses the same light admin surfaces as Mono Index. */
          #indexStockMultiPanel {
            --multi-bg: transparent;
            --multi-surface: #ffffff;
            --multi-surface-raised: #f8fafc;
            --multi-line: #e3e7ed;
            --multi-line-strong: #cfd5de;
            --multi-muted: #667085;
            background: transparent;
            border-color: transparent;
            color: #202733;
            font-family: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
          }
          #indexStockMultiPanel .index-stock-multi-kpi,
          #indexStockMultiPanel .index-stock-multi-command-bar,
          #indexStockMultiPanel .index-stock-multi-side-card,
          #indexStockMultiPanel .index-stock-multi-qr-card,
          #indexStockMultiPanel .index-stock-multi-activity-card,
          #indexStockMultiPanel .index-stock-multi-products-table,
          #indexStockMultiPanel .index-stock-multi-sales-report-card {
            border-color: var(--multi-line);
            background: var(--multi-surface);
            box-shadow: 0 8px 24px rgba(21, 32, 48, 0.04);
          }
          #indexStockMultiPanel .index-stock-multi-kpi span,
          #indexStockMultiPanel .index-stock-multi-kpi small,
          #indexStockMultiPanel .index-stock-multi-products-head small,
          #indexStockMultiPanel .index-stock-multi-qr-card small,
          #indexStockMultiPanel .index-stock-multi-inspector-head small,
          #indexStockMultiPanel .index-stock-multi-inspector-metrics span,
          #indexStockMultiPanel .index-stock-multi-inspector-toggle small,
          #indexStockMultiPanel .index-stock-sales-source,
          #indexStockMultiPanel .index-stock-sales-item-meta,
          #indexStockMultiPanel .index-stock-sales-mini {
            color: var(--multi-muted);
          }
          #indexStockMultiPanel .index-stock-multi-kpi strong,
          #indexStockMultiPanel .index-stock-multi-kpi.timer strong,
          #indexStockMultiPanel .index-stock-multi-products-head strong,
          #indexStockMultiPanel .index-stock-multi-row-product strong,
          #indexStockMultiPanel .index-stock-multi-row-price,
          #indexStockMultiPanel .index-stock-multi-inspector-head h3,
          #indexStockMultiPanel .index-stock-multi-inspector-metrics strong,
          #indexStockMultiPanel .index-stock-sales-kpi strong,
          #indexStockMultiPanel .index-stock-sales-product-row strong,
          #indexStockMultiPanel .index-stock-sales-sale-head strong,
          #indexStockMultiPanel .index-stock-sales-item strong,
          #indexStockMultiPanel .index-stock-toggle-card strong,
          #indexStockMultiPanel .index-stock-multi-saved-state strong {
            color: #202733;
          }
          #indexStockMultiPanel .index-stock-multi-profile-switch {
            border-color: var(--multi-line);
            background: #f3f5f7;
          }
          #indexStockMultiPanel .index-stock-multi-profile-switch .btn:not(.active) { color: #5f6875; }
          #indexStockMultiPanel .index-stock-multi-command-bar { padding: 10px; }
          #indexStockMultiPanel .index-stock-toggle-card.compact,
          #indexStockMultiPanel .index-stock-multi-inspector-toggle {
            border-color: var(--multi-line);
            background: #f8fafc;
          }
          #indexStockMultiPanel .index-stock-multi-saved-state small { color: var(--multi-muted); }
          #indexStockMultiPanel .index-stock-multi-product-row {
            color: #202733;
            border-bottom-color: var(--multi-line);
            background: #ffffff;
          }
          #indexStockMultiPanel .index-stock-multi-product-row.header {
            color: #727b89;
            background: #f7f8fa;
          }
          #indexStockMultiPanel .index-stock-multi-product-row:not(.header):hover { background: #fafbfc; }
          #indexStockMultiPanel .index-stock-multi-product-row.selected {
            background: #fff7ef;
            box-shadow: inset 3px 0 0 #ff8a24;
          }
          #indexStockMultiPanel .index-stock-multi-row-handle,
          #indexStockMultiPanel .index-stock-multi-row-menu,
          #indexStockMultiPanel .index-stock-multi-row-price small,
          #indexStockMultiPanel .index-stock-multi-row-status,
          #indexStockMultiPanel .index-stock-multi-row-change.stable { color: var(--multi-muted); }
          #indexStockMultiPanel .index-stock-multi-rank {
            color: #4f5968;
            border-color: var(--multi-line-strong);
            background: #f7f8fa;
          }
          #indexStockMultiPanel .index-stock-multi-row-image,
          #indexStockMultiPanel .index-stock-multi-dashboard-image {
            color: #98a2b3;
            border-radius: 10px;
            background: #f7f8fa;
          }
          #indexStockMultiPanel .index-stock-multi-row-image img,
          #indexStockMultiPanel .index-stock-multi-dashboard-image img,
          #indexStockMultiPanel .index-stock-multi-inspector-image img { filter: drop-shadow(0 8px 14px rgba(21, 32, 48, 0.12)); }
          #indexStockMultiPanel .index-stock-multi-inspector-image {
            border-color: var(--multi-line);
            background: #f8fafc;
          }
          #indexStockMultiPanel .index-stock-multi-inspector-metrics > div,
          #indexStockMultiPanel .index-stock-multi-leaders > div,
          #indexStockMultiPanel .index-stock-sales-item { border-color: var(--multi-line); }
          #indexStockMultiPanel .index-stock-multi-leaders span {
            color: #5f6875;
            background: #f1f3f5;
          }
          #indexStockMultiPanel .index-stock-multi-leaders strong { color: #344054; }
          #indexStockMultiPanel .index-stock-image-preview {
            border-color: #f1c9a6;
            color: #667085;
            background: linear-gradient(145deg, #fffaf5, #f8fafc);
          }
          #indexStockMultiPanel .index-stock-image-preview img { filter: drop-shadow(0 10px 18px rgba(21, 32, 48, 0.14)); }
          #indexStockMultiPanel .index-stock-sales-kpi,
          #indexStockMultiPanel .index-stock-sales-product-row,
          #indexStockMultiPanel .index-stock-sales-sale {
            border-color: var(--multi-line);
            background: #f8fafc;
          }
          #indexStockMultiPanel .index-stock-sales-kpi span { color: var(--multi-muted); }
          #indexStockMultiPanel .index-stock-sales-sale-head { background: #f1f3f5; }

          .index-stock-levels-editor {
            display: grid;
            gap: 12px;
          }

          .index-stock-levels-table {
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 16px;
            background: rgba(255, 255, 255, 0.025);
          }

          .index-stock-level-row {
            display: grid;
            grid-template-columns: minmax(120px, 0.6fr) minmax(180px, 1fr) minmax(220px, 0.8fr);
            align-items: center;
            gap: 14px;
            min-height: 62px;
            padding: 10px 14px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
          }

          .index-stock-level-row:last-child {
            border-bottom: 0;
          }

          .index-stock-level-row.header {
            min-height: 42px;
            color: rgba(245, 245, 247, 0.55);
            font-size: 12px;
            font-weight: 900;
            letter-spacing: .02em;
            text-transform: uppercase;
          }

          .index-stock-level-row strong {
            color: #f5f5f7;
            font-size: 20px;
            font-variant-numeric: tabular-nums;
          }

          .index-stock-level-row > span {
            color: rgba(245, 245, 247, 0.68);
            font-weight: 800;
          }

          .index-stock-level-sales-range {
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            align-items: center;
            gap: 8px;
          }

          .index-stock-level-sales-range .field {
            min-width: 0;
            text-align: center;
          }

          .index-stock-level-sales-range span {
            color: rgba(245, 245, 247, 0.5);
            font-weight: 900;
          }

          .index-stock-levels-scale {
            display: flex;
            justify-content: space-between;
            gap: 8px;
            padding: 10px 12px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 14px;
            color: rgba(245, 245, 247, 0.55);
            font-size: 12px;
            font-weight: 800;
            overflow-x: auto;
          }
          .index-stock-level-simulator {
            display: grid;
            grid-template-columns: minmax(220px, 1fr) 150px minmax(260px, 1.2fr);
            align-items: center;
            gap: 14px;
            margin-top: 14px;
            padding: 14px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 16px;
            background: rgba(255, 255, 255, 0.028);
          }
          .index-stock-level-simulator > div {
            display: grid;
            gap: 3px;
          }
          .index-stock-level-simulator strong {
            color: #f5f5f7;
          }
          .index-stock-level-simulator small {
            color: rgba(245, 245, 247, .56);
            line-height: 1.35;
          }
          .index-stock-level-simulator output {
            color: #f5f5f7;
            font-weight: 900;
            font-variant-numeric: tabular-nums;
            text-align: right;
          }

          .index-stock-admin-level {
            display: grid;
            gap: 12px;
            padding: 14px;
            border: 1px solid rgba(255, 255, 255, 0.07);
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.025);
          }

          .index-stock-admin-level-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
          }

          .index-stock-admin-level-head strong {
            color: #ff9b38;
            font-size: 18px;
          }

          .index-stock-admin-level-head span {
            color: rgba(255, 255, 255, 0.62);
            font-size: 12px;
          }

          .index-stock-admin-slider-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 14px;
          }

          .index-stock-admin-slider-row label {
            display: grid;
            gap: 8px;
            color: rgba(255, 255, 255, 0.72);
            font-size: 13px;
          }

          .index-stock-admin-slider-row strong {
            color: #ff9b38;
          }

          .index-stock-admin-slider-row input[type="range"] {
            width: 100%;
            accent-color: #ff8a1f;
          }

          .index-stock-toggle-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
            margin-bottom: 14px;
          }

          .index-stock-toggle-card {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 12px;
            align-items: center;
            padding: 14px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.028);
          }

          .index-stock-toggle-card input {
            width: 20px;
            height: 20px;
            accent-color: #ff8a1f;
          }

          .index-stock-toggle-card strong,
          .index-stock-toggle-card small {
            display: block;
          }

          .index-stock-toggle-card strong {
            color: #f8fafc;
          }

          .index-stock-toggle-card small {
            margin-top: 3px;
            color: rgba(255, 255, 255, 0.62);
          }

          .index-stock-image-admin {
            display: grid;
            grid-template-columns: 138px minmax(0, 1fr);
            gap: 12px;
            align-items: center;
            margin-top: 10px;
            padding: 12px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.026);
          }

          .index-stock-image-preview {
            display: grid;
            place-items: center;
            min-height: 108px;
            border-radius: 16px;
            border: 1px dashed rgba(255, 151, 43, 0.34);
            background:
              radial-gradient(circle at 50% 44%, rgba(255, 136, 28, 0.18), transparent 56%),
              rgba(5, 9, 14, 0.42);
            color: rgba(255, 255, 255, 0.5);
            overflow: hidden;
          }

          .index-stock-image-preview img {
            max-width: 116px;
            max-height: 96px;
            object-fit: contain;
            filter: drop-shadow(0 14px 18px rgba(0, 0, 0, 0.45));
          }

          .index-stock-image-preview.empty {
            font-weight: 800;
            letter-spacing: 0;
          }

          .index-stock-image-actions {
            display: grid;
            gap: 8px;
            align-content: center;
          }

          .index-stock-setting-row.toggle input[type="checkbox"],
          .index-stock-toggle-card input[type="checkbox"] {
            width: 42px;
            height: 24px;
            accent-color: auto;
          }

          .settings-grid.grid-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
          }

          body:has(#adminPanels:not(.hidden)) .analytics-filter-bar {
            gap: 8px;
            padding: 6px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.035);
          }

          body:has(#adminPanels:not(.hidden)) .analytics-filter-bar .analytics-select,
          body:has(#adminPanels:not(.hidden)) .analytics-filter-bar .analytics-date {
            min-height: 38px;
            border-radius: 14px;
            border-color: rgba(255, 255, 255, 0.08);
            background: rgba(4, 8, 12, 0.34);
          }

          body:has(#adminPanels:not(.hidden)) .analytics-filter-bar .btn,
          body:has(#adminPanels:not(.hidden)) .analytics-filter-bar .analytics-check {
            min-height: 38px;
            margin: 0;
            border-radius: 14px;
          }

          body:has(#adminPanels:not(.hidden)) .analytics-secondary-action {
            color: rgba(255, 255, 255, 0.72);
          }

          body:has(#adminPanels:not(.hidden)) .dashboard-launch-checklist {
            margin-bottom: 4px;
            padding: 12px 14px;
            border-color: rgba(255, 255, 255, 0.08);
            background:
              linear-gradient(120deg, rgba(82, 126, 255, 0.10), rgba(40, 202, 111, 0.06)),
              rgba(255, 255, 255, 0.026);
          }

          body:has(#adminPanels:not(.hidden)) .dashboard-launch-summary {
            min-height: 42px;
          }

          body:has(#adminPanels:not(.hidden)) .dashboard-launch-details:not([open]) .dashboard-launch-summary {
            margin-bottom: 0;
          }

          body:has(#adminPanels:not(.hidden)) .dashboard-launch-toggle {
            color: rgba(255, 255, 255, 0.74);
          }

          body:has(#adminPanels:not(.hidden)) .kpi-card.active {
            border-color: rgba(255, 255, 255, 0.14) !important;
            box-shadow:
              inset 3px 0 0 rgba(255, 139, 31, 0.72),
              inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important;
          }

          body:has(#adminPanels:not(.hidden)) .owner-do-now-list {
            display: grid;
            grid-template-columns: 1fr;
            gap: 8px !important;
          }

          body:has(#adminPanels:not(.hidden)) .owner-do-now-card {
            display: grid;
            grid-template-columns: 54px minmax(0, 1fr) auto;
            align-items: center;
            gap: 12px;
            min-height: 76px;
            padding: 12px 14px;
            border-color: rgba(255, 255, 255, 0.08);
            background: rgba(255, 255, 255, 0.035);
          }

          body:has(#adminPanels:not(.hidden)) .owner-do-now-card.critical {
            border-color: rgba(255, 94, 107, 0.42);
            background: linear-gradient(90deg, rgba(255, 94, 107, 0.10), rgba(255, 255, 255, 0.028));
          }

          body:has(#adminPanels:not(.hidden)) .owner-do-now-card.warn {
            border-color: rgba(255, 149, 0, 0.32);
            background: linear-gradient(90deg, rgba(255, 149, 0, 0.10), rgba(255, 255, 255, 0.028));
          }

          body:has(#adminPanels:not(.hidden)) .owner-do-now-card.info {
            border-color: rgba(90, 200, 250, 0.30);
            background: linear-gradient(90deg, rgba(90, 200, 250, 0.10), rgba(255, 255, 255, 0.028));
          }

          body:has(#adminPanels:not(.hidden)) .owner-do-now-value {
            min-width: 42px;
            width: 42px;
            height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            font-size: 18px;
          }

          body:has(#adminPanels:not(.hidden)) .owner-do-now-body {
            display: grid;
            gap: 4px;
            min-width: 0;
          }

          body:has(#adminPanels:not(.hidden)) .owner-do-now-inline-action {
            width: auto;
            min-width: 0;
            margin: 0;
            padding: 8px 12px;
            white-space: nowrap;
          }

          body:has(#adminPanels:not(.hidden)) .analytics-insight-list {
            display: grid;
            gap: 8px;
          }

          body:has(#adminPanels:not(.hidden)) .analytics-insight-row {
            display: grid;
            grid-template-columns: 10px minmax(0, 1fr) auto;
            align-items: center;
            gap: 12px;
            width: 100%;
            padding: 12px 14px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 16px;
            background: rgba(255, 255, 255, 0.035);
            color: inherit;
            text-align: left;
            cursor: pointer;
          }

          body:has(#adminPanels:not(.hidden)) .analytics-insight-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.36);
          }

          body:has(#adminPanels:not(.hidden)) .analytics-insight-row.good .analytics-insight-dot {
            background: #34c759;
          }

          body:has(#adminPanels:not(.hidden)) .analytics-insight-row.warn .analytics-insight-dot {
            background: #ff9500;
          }

          body:has(#adminPanels:not(.hidden)) .analytics-insight-copy {
            display: grid;
            gap: 3px;
            min-width: 0;
          }

          body:has(#adminPanels:not(.hidden)) .analytics-insight-copy strong {
            font-size: 13px;
            color: rgba(255, 255, 255, 0.92);
          }

          body:has(#adminPanels:not(.hidden)) .analytics-insight-copy small {
            font-size: 12px;
            line-height: 1.35;
            color: rgba(201, 207, 214, 0.78);
          }

          body:has(#adminPanels:not(.hidden)) .analytics-insight-value {
            color: rgba(255, 255, 255, 0.92);
            font-weight: 800;
            white-space: nowrap;
          }

          body:has(#adminPanels:not(.hidden)) .analytics-technical-details {
            display: grid;
            gap: 10px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.028);
            padding: 12px;
          }

          body:has(#adminPanels:not(.hidden)) .analytics-technical-details > summary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            list-style: none;
            cursor: pointer;
            color: rgba(255, 255, 255, 0.9);
            font-weight: 800;
          }

          body:has(#adminPanels:not(.hidden)) .analytics-technical-details > summary::-webkit-details-marker {
            display: none;
          }

          body:has(#adminPanels:not(.hidden)) .analytics-technical-details > summary small {
            color: rgba(201, 207, 214, 0.64);
            font-size: 12px;
            font-weight: 700;
          }

          body:has(#adminPanels:not(.hidden)) .analytics-technical-details[open] > summary {
            margin-bottom: 10px;
          }

          body:has(#adminPanels:not(.hidden)) .analytics-referral-empty {
            display: grid;
            gap: 10px;
          }

          @media (max-width: 900px) {
            .index-stock-admin-grid,
            .index-stock-editor-grid,
            .index-stock-preview-grid,
            .index-stock-setting-row,
            .index-stock-level-row,
            .index-stock-image-admin,
            .index-stock-admin-level-head,
            .index-stock-admin-slider-row,
            .index-stock-toggle-grid,
            .index-stock-admin-level,
            .settings-grid.grid-4 {
              grid-template-columns: 1fr;
            }
            .index-stock-admin-toolbar {
              position: static;
              align-items: stretch;
              flex-direction: column;
            }
            .index-stock-admin-toolbar .feedback-admin-actions {
              justify-content: flex-start;
            }
            .index-stock-range-fields {
              flex-wrap: wrap;
            }
          }

          /* Client card Apple-like workspace */
          body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab:not(.hidden) {
            display: grid;
            gap: 14px;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-workspace {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(340px, 420px);
            gap: 14px;
            align-items: start;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-actions {
            position: sticky;
            top: 18px;
            display: grid;
            gap: 12px;
            padding: 14px;
            border: 1px solid rgba(255, 255, 255, 0.075);
            border-radius: 24px;
            background:
              linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.015)),
              rgba(22, 27, 34, 0.96);
            box-shadow: 0 24px 56px rgba(0, 0, 0, 0.26);
          }

          body:has(#adminPanels:not(.hidden)) .client-card-actions-head {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 12px;
            padding: 2px 2px 4px;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-actions-head strong {
            color: rgba(255, 255, 255, 0.94);
            font-size: 17px;
            line-height: 1.15;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-actions-head span {
            color: rgba(201, 207, 214, 0.62);
            font-size: 12px;
            font-weight: 700;
            text-align: right;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-actions .client-card-tools {
            display: grid;
            grid-template-columns: 1fr;
            gap: 10px !important;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-tool {
            display: grid;
            gap: 10px;
            padding: 14px;
            border-radius: 20px;
            background:
              radial-gradient(140% 120% at 12% 0%, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0) 34%),
              rgba(16, 20, 26, 0.82) !important;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-tool .panel-subtitle {
            margin: 0;
            color: rgba(255, 174, 110, 0.94);
            font-size: 12px;
            line-height: 1.2;
            letter-spacing: 0.08em;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-tool .label {
            margin: 0;
            color: rgba(222, 213, 194, 0.82);
            font-size: 12px;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-tool .field {
            min-height: 46px;
            border-radius: 14px;
            background: rgba(7, 10, 15, 0.44);
          }

          body:has(#adminPanels:not(.hidden)) .client-card-message-tool textarea.field {
            min-height: 116px;
            resize: vertical;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-two-fields {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-two-fields > div {
            display: grid;
            gap: 7px;
            min-width: 0;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-channel-row {
            gap: 10px;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-channel {
            min-height: 42px;
            padding: 10px 12px;
            border-radius: 14px;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-channel input,
          body:has(#adminPanels:not(.hidden)) .client-card-message-tool input[type="file"] {
            accent-color: #ff9a3d;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-result {
            min-width: 0;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-shell {
            gap: 14px;
            padding: 14px;
            border-radius: 24px;
            background:
              radial-gradient(120% 100% at 0% 0%, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0) 32%),
              linear-gradient(180deg, rgba(25, 31, 39, 0.98), rgba(15, 20, 26, 0.985)) !important;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-hero {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 16px;
            padding: 8px 8px 12px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.065);
          }

          body:has(#adminPanels:not(.hidden)) .client-card-identity {
            display: flex;
            align-items: center;
            gap: 12px;
            min-width: 0;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-avatar {
            display: grid;
            place-items: center;
            width: 52px;
            height: 52px;
            flex: 0 0 auto;
            border-radius: 18px;
            background: linear-gradient(180deg, #ffb36f, #ff8e2d);
            color: #211109;
            font-size: 23px;
            font-weight: 900;
            box-shadow: 0 14px 34px rgba(242, 139, 58, 0.24);
          }

          body:has(#adminPanels:not(.hidden)) .client-card-title {
            font-size: 24px;
            line-height: 1.05;
            letter-spacing: 0;
            word-break: break-word;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-hero-side {
            display: grid;
            justify-items: end;
            gap: 10px;
            min-width: min(420px, 46%);
          }

          body:has(#adminPanels:not(.hidden)) .client-card-hero-side .client-card-badges {
            justify-content: flex-end;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-block-btn {
            width: auto;
            min-width: 168px;
            min-height: 44px;
            margin: 0;
            border-radius: 999px;
            padding: 10px 18px;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-badge.danger {
            background: rgba(255, 82, 82, 0.15) !important;
            border-color: rgba(255, 82, 82, 0.36) !important;
            color: #ffabab !important;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-stats {
            grid-template-columns: repeat(5, minmax(126px, 1fr));
            gap: 10px !important;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-stat {
            min-height: 86px;
            border-radius: 18px;
            padding: 13px 14px;
            background:
              linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
              rgba(17, 22, 29, 0.78) !important;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-stat-value {
            font-size: 23px;
            line-height: 1;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-sections {
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 12px !important;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-section {
            border-radius: 20px;
            padding: 16px;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-wallet-section {
            grid-template-columns: minmax(260px, 0.55fr) minmax(280px, 1fr);
            align-items: start;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-wallet-section .client-card-section-title {
            grid-column: 1 / -1;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-list {
            max-height: 314px;
          }

          body:has(#adminPanels:not(.hidden)) .client-card-row {
            border-radius: 16px;
            padding: 12px;
          }

          @media (max-width: 1340px) {
            body:has(#adminPanels:not(.hidden)) .client-card-workspace {
              grid-template-columns: 1fr;
            }
            body:has(#adminPanels:not(.hidden)) .client-card-actions {
              position: static;
              order: -1;
            }
            body:has(#adminPanels:not(.hidden)) .client-card-actions .client-card-tools {
              grid-template-columns: repeat(3, minmax(0, 1fr));
            }
            body:has(#adminPanels:not(.hidden)) .client-card-stats {
              grid-template-columns: repeat(3, minmax(140px, 1fr));
            }
          }

          @media (max-width: 980px) {
            body:has(#adminPanels:not(.hidden)) .client-card-actions .client-card-tools,
            body:has(#adminPanels:not(.hidden)) .client-card-sections,
            body:has(#adminPanels:not(.hidden)) .client-card-stats,
            body:has(#adminPanels:not(.hidden)) .client-card-wallet-section,
            body:has(#adminPanels:not(.hidden)) .client-card-two-fields {
              grid-template-columns: 1fr;
            }
            body:has(#adminPanels:not(.hidden)) .client-card-hero {
              flex-direction: column;
            }
            body:has(#adminPanels:not(.hidden)) .client-card-hero-side {
              width: 100%;
              min-width: 0;
              justify-items: stretch;
            }
            body:has(#adminPanels:not(.hidden)) .client-card-hero-side .client-card-badges {
              justify-content: flex-start;
            }
            body:has(#adminPanels:not(.hidden)) .client-card-block-btn {
              width: 100%;
            }
          }

          /* Seven-section admin information architecture */
          body:has(#adminPanels:not(.hidden)) .admin-layout {
            grid-template-columns: 280px minmax(0, 1fr);
            grid-template-rows: 80px minmax(0, 1fr);
          }
          body:has(#adminPanels:not(.hidden)) .admin-top-navigation {
            grid-column: 1 / -1;
            grid-row: 1;
            position: sticky;
            top: 0;
            z-index: 30;
            min-width: 0;
            display: grid;
            grid-template-columns: 280px minmax(0, 1fr);
            align-items: stretch;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            background: rgba(12, 17, 24, 0.96);
            backdrop-filter: blur(18px);
            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
          }
          body:has(#adminPanels:not(.hidden)) .admin-top-navigation-brand {
            display: flex;
            align-items: center;
            padding: 0 24px;
            color: #f7f7f8;
            font-size: 18px;
            font-weight: 950;
            letter-spacing: 0.04em;
            border-right: 1px solid rgba(255, 255, 255, 0.08);
          }
          body:has(#adminPanels:not(.hidden)) .admin-top-navigation-scroll {
            min-width: 0;
            display: grid;
            grid-template-columns: repeat(7, minmax(118px, 1fr));
            overflow-x: auto;
            -ms-overflow-style: none;
            scrollbar-width: none;
          }
          body:has(#adminPanels:not(.hidden)) .admin-top-navigation-scroll::-webkit-scrollbar {
            display: none;
            width: 0;
            height: 0;
          }
          body:has(#adminPanels:not(.hidden)) .admin-top-navigation-btn {
            min-width: 118px;
            min-height: 80px;
            padding: 9px 12px 8px;
            border: 0;
            border-bottom: 3px solid transparent;
            background: transparent;
            color: rgba(245, 245, 247, 0.68);
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 5px;
            font: inherit;
            font-size: 13px;
            font-weight: 800;
            cursor: pointer;
            white-space: nowrap;
            transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease;
          }
          body:has(#adminPanels:not(.hidden)) .admin-top-navigation-btn > span {
            color: rgba(245, 245, 247, 0.5);
            font-size: 23px;
            line-height: 1;
          }
          body:has(#adminPanels:not(.hidden)) .admin-top-navigation-btn > span svg {
            display: block;
            width: 24px;
            height: 24px;
          }
          body:has(#adminPanels:not(.hidden)) .admin-top-navigation-btn:hover {
            color: #fff;
            background: rgba(255, 255, 255, 0.045);
          }
          body:has(#adminPanels:not(.hidden)) .admin-top-navigation-btn.active {
            color: #ff9b38;
            border-bottom-color: #ff8a1f;
            background: linear-gradient(180deg, rgba(255, 138, 31, 0.09), rgba(255, 138, 31, 0.025));
          }
          body:has(#adminPanels:not(.hidden)) .admin-top-navigation-btn.active > span {
            color: #ff9b38;
          }
          body:has(#adminPanels:not(.hidden)) .admin-sidebar {
            grid-column: 1;
            grid-row: 2;
          }
          body:has(#adminPanels:not(.hidden)) .admin-content {
            grid-column: 2;
            grid-row: 2;
          }
          body:has(#adminPanels:not(.hidden)) .admin-header-bar {
            top: 102px;
          }
          body:has(#adminPanels:not(.hidden)) .admin-sidebar-brand {
            display: none;
          }
          body:has(#adminPanels:not(.hidden)) .admin-sidebar-head {
            justify-content: flex-end;
            padding-bottom: 8px;
          }
          body:has(#adminPanels:not(.hidden)) .admin-subnav-title {
            order: 0;
            margin: 4px 12px 12px;
            color: #f5f5f7;
            font-size: 13px;
            letter-spacing: 0.02em;
            text-transform: none;
          }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn.admin-category-hidden,
          body:has(#adminPanels:not(.hidden)) .admin-layout.admin-sidebar-collapsed .admin-nav-btn.admin-category-hidden {
            display: none !important;
          }
          body:has(#adminPanels:not(.hidden)) .admin-layout.admin-sidebar-collapsed .admin-top-navigation {
            grid-template-columns: 82px minmax(0, 1fr);
          }
          body:has(#adminPanels:not(.hidden)) .admin-layout.admin-sidebar-collapsed .admin-top-navigation-brand {
            justify-content: center;
            padding: 0;
            font-size: 0;
          }
          body:has(#adminPanels:not(.hidden)) .admin-layout.admin-sidebar-collapsed .admin-top-navigation-brand::after {
            content: "S";
            font-size: 18px;
          }

          @media (max-width: 980px) {
            body:has(#adminPanels:not(.hidden)) .admin-layout,
            body:has(#adminPanels:not(.hidden)) .admin-layout.admin-sidebar-collapsed {
              grid-template-columns: 1fr;
              grid-template-rows: auto auto minmax(0, 1fr);
            }
            body:has(#adminPanels:not(.hidden)) .admin-top-navigation,
            body:has(#adminPanels:not(.hidden)) .admin-layout.admin-sidebar-collapsed .admin-top-navigation {
              grid-column: 1;
              grid-row: 1;
              grid-template-columns: 1fr;
            }
            body:has(#adminPanels:not(.hidden)) .admin-top-navigation-brand {
              display: none;
            }
            body:has(#adminPanels:not(.hidden)) .admin-top-navigation-scroll {
              display: flex;
            }
            body:has(#adminPanels:not(.hidden)) .admin-top-navigation-btn {
              min-height: 68px;
              padding-block: 7px 6px;
            }
            body:has(#adminPanels:not(.hidden)) .admin-top-navigation-btn > span {
              font-size: 21px;
            }
            body:has(#adminPanels:not(.hidden)) .admin-sidebar,
            body:has(#adminPanels:not(.hidden)) .admin-layout.admin-sidebar-collapsed .admin-sidebar {
              grid-column: 1;
              grid-row: 2;
            }
            body:has(#adminPanels:not(.hidden)) .admin-content {
              grid-column: 1;
              grid-row: 3;
            }
            body:has(#adminPanels:not(.hidden)) .admin-header-bar,
            body:has(#adminPanels:not(.hidden)) .admin-shell.admin-sidebar-collapsed-shell .admin-header-bar {
              top: 86px;
            }
          }

          /* Light admin workspace: keep the global top navigation dark. */
          body:has(#adminPanels:not(.hidden)) {
            --text: #202833;
            --muted: #6f7885;
            --admin-soft-surface: #ffffff;
            --admin-soft-surface-strong: #f6f8fa;
            --admin-soft-surface-elevated: #ffffff;
            --admin-soft-edge: #dfe4ea;
            --admin-soft-edge-strong: #cfd6de;
            --admin-soft-highlight: none;
            --admin-soft-shadow: 0 8px 24px rgba(26, 39, 53, 0.06);
            --admin-soft-inset: none;
            color: var(--text);
            background: #f3f5f7;
          }
          body:has(#adminPanels:not(.hidden)) .admin-layout,
          body:has(#adminPanels:not(.hidden)) .admin-content,
          body:has(#adminPanels:not(.hidden)) .admin-content > .panel.admin-section,
          body:has(#adminPanels:not(.hidden)) .admin-section,
          body:has(#adminPanels:not(.hidden)) #analyticsPanel,
          body:has(#adminPanels:not(.hidden)) #clientCardPanel,
          body:has(#adminPanels:not(.hidden)) #ordersPanel,
          body:has(#adminPanels:not(.hidden)) #feedbackPanel,
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel,
          body:has(#adminPanels:not(.hidden)) #settingsPanel,
          body:has(#adminPanels:not(.hidden)) #loyaltyPanel,
          body:has(#adminPanels:not(.hidden)) #menuPanel,
          body:has(#adminPanels:not(.hidden)) #storePanel,
          body:has(#adminPanels:not(.hidden)) #offersPanel,
          body:has(#adminPanels:not(.hidden)) #newsPanel,
          body:has(#adminPanels:not(.hidden)) #contentPanel,
          body:has(#adminPanels:not(.hidden)) #adminPanel,
          body:has(#adminPanels:not(.hidden)) #exportPanel {
            background: #f3f5f7 !important;
            color: var(--text);
          }
          body:has(#adminPanels:not(.hidden)) .admin-sidebar {
            background: #ffffff !important;
            border-right-color: #dfe4ea !important;
            box-shadow: 8px 0 24px rgba(26, 39, 53, 0.035) !important;
          }
          body:has(#adminPanels:not(.hidden)) .admin-sidebar-toggle,
          body:has(#adminPanels:not(.hidden)) .admin-lang-switch {
            border-color: #dfe4ea !important;
            background: #ffffff !important;
            color: #29323d !important;
            box-shadow: 0 6px 18px rgba(26, 39, 53, 0.07) !important;
          }
          body:has(#adminPanels:not(.hidden)) .admin-lang-btn {
            color: #29323d;
          }
          body:has(#adminPanels:not(.hidden)) .admin-header,
          body:has(#adminPanels:not(.hidden)) .admin-subnav-title,
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn,
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn.admin-nav-content {
            color: #27313d !important;
          }
          body:has(#adminPanels:not(.hidden)) .admin-nav-group-label {
            color: #8a939f !important;
          }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn:hover {
            background: #f2f4f7 !important;
            color: #151b22 !important;
          }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn-icon,
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn.admin-nav-content .admin-nav-btn-icon {
            color: #707a87 !important;
          }
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn.active,
          body:has(#adminPanels:not(.hidden)) .admin-nav-btn.admin-nav-content.active {
            background: #fff5eb !important;
            border-color: #ffd7b2 !important;
            color: #242b34 !important;
            box-shadow: inset 3px 0 0 #ff8a1f !important;
          }
          body:has(#adminPanels:not(.hidden)) .panel,
          body:has(#adminPanels:not(.hidden)) .card,
          body:has(#adminPanels:not(.hidden)) .analytics-card,
          body:has(#adminPanels:not(.hidden)) .kpi-card,
          body:has(#adminPanels:not(.hidden)) .owner-do-now-card,
          body:has(#adminPanels:not(.hidden)) .orders-kanban-column,
          body:has(#adminPanels:not(.hidden)) .orders-admin-card,
          body:has(#adminPanels:not(.hidden)) .feedback-admin-card,
          body:has(#adminPanels:not(.hidden)) .client-card-shell,
          body:has(#adminPanels:not(.hidden)) .client-card-section,
          body:has(#adminPanels:not(.hidden)) .client-metric-card,
          body:has(#adminPanels:not(.hidden)) .export-card,
          body:has(#adminPanels:not(.hidden)) .profile-admin-setting-card,
          body:has(#adminPanels:not(.hidden)) .store-setting-card,
          body:has(#adminPanels:not(.hidden)) .broadcast-editor-card,
          body:has(#adminPanels:not(.hidden)) .broadcast-review-card,
          body:has(#adminPanels:not(.hidden)) .broadcast-locale-card,
          body:has(#adminPanels:not(.hidden)) .broadcast-setting-card,
          body:has(#adminPanels:not(.hidden)) .broadcast-preview-locale-card,
          body:has(#adminPanels:not(.hidden)) .broadcast-report-card,
          body:has(#adminPanels:not(.hidden)) .offer-admin-item-card,
          body:has(#adminPanels:not(.hidden)) .news-item,
          body:has(#adminPanels:not(.hidden)) .news-form-placeholder,
          body:has(#adminPanels:not(.hidden)) .news-empty,
          body:has(#adminPanels:not(.hidden)) .menu-admin-card,
          body:has(#adminPanels:not(.hidden)) .menu-item-card,
          body:has(#adminPanels:not(.hidden)) .full-menu-admin-panel,
          body:has(#adminPanels:not(.hidden)) .full-menu-admin-item,
          body:has(#adminPanels:not(.hidden)) .admin-config-block,
          body:has(#adminPanels:not(.hidden)) .admin-settings-ux-controls,
          body:has(#adminPanels:not(.hidden)) .modal-card,
          body:has(#adminPanels:not(.hidden)) .feedback-routing-modal-card,
          body:has(#adminPanels:not(.hidden)) .order-routing-modal-card,
          body:has(#adminPanels:not(.hidden)) .profile-admin-modal-card,
          body:has(#adminPanels:not(.hidden)) .about-admin-modal-card,
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card,
          body:has(#adminPanels:not(.hidden)) .broadcast-modal-card {
            border-color: #dfe4ea !important;
            background: #ffffff !important;
            color: var(--text) !important;
            box-shadow: 0 8px 24px rgba(26, 39, 53, 0.055) !important;
          }
          body:has(#adminPanels:not(.hidden)) .panel::before,
          body:has(#adminPanels:not(.hidden)) .card::before,
          body:has(#adminPanels:not(.hidden)) .analytics-card::before,
          body:has(#adminPanels:not(.hidden)) .kpi-card::before,
          body:has(#adminPanels:not(.hidden)) .owner-do-now-card::before {
            display: none !important;
            content: none !important;
          }
          body:has(#adminPanels:not(.hidden)) .analytics-kpi-group,
          body:has(#adminPanels:not(.hidden)) .analytics-pane,
          body:has(#adminPanels:not(.hidden)) .analytics-table-wrap,
          body:has(#adminPanels:not(.hidden)) .orders-admin-history,
          body:has(#adminPanels:not(.hidden)) .client-card-list,
          body:has(#adminPanels:not(.hidden)) .feedback-admin-list,
          body:has(#adminPanels:not(.hidden)) .offers-admin-list,
          body:has(#adminPanels:not(.hidden)) .full-menu-admin-list {
            border-color: #dfe4ea !important;
            background: #ffffff !important;
            color: var(--text) !important;
            box-shadow: 0 6px 20px rgba(26, 39, 53, 0.045) !important;
          }
          body:has(#adminPanels:not(.hidden)) .dashboard-launch-checklist,
          body:has(#adminPanels:not(.hidden)) .dashboard-launch-checklist.complete {
            border-color: #cfe3d6 !important;
            background: linear-gradient(135deg, #eef4ff, #edf8f1) !important;
            color: var(--text) !important;
            box-shadow: none !important;
          }
          body:has(#adminPanels:not(.hidden)) .dashboard-launch-progress {
            background: #dff3e6 !important;
            color: #23613c !important;
          }
          body:has(#adminPanels:not(.hidden)) .dashboard-launch-toggle,
          body:has(#adminPanels:not(.hidden)) .dashboard-launch-item,
          body:has(#adminPanels:not(.hidden)) .dashboard-launch-check {
            border-color: #d8dee6 !important;
            background: #ffffff !important;
            color: #344052 !important;
          }
          body:has(#adminPanels:not(.hidden)) .owner-do-now-card.critical {
            border-color: #e6a5aa !important;
            background: #fff8f8 !important;
          }
          body:has(#adminPanels:not(.hidden)) .owner-do-now-card.warn {
            border-color: #efc28f !important;
            background: #fffaf4 !important;
          }
          body:has(#adminPanels:not(.hidden)) .owner-do-now-card.info {
            border-color: #a8cfe6 !important;
            background: #f7fbfe !important;
          }
          body:has(#adminPanels:not(.hidden)) .owner-do-now-value,
          body:has(#adminPanels:not(.hidden)) .owner-do-now-card.critical .owner-do-now-value,
          body:has(#adminPanels:not(.hidden)) .owner-do-now-card.warn .owner-do-now-value,
          body:has(#adminPanels:not(.hidden)) .owner-do-now-card.info .owner-do-now-value {
            color: #25303c !important;
          }
          body:has(#adminPanels:not(.hidden)) .field,
          body:has(#adminPanels:not(.hidden)) select.field,
          body:has(#adminPanels:not(.hidden)) textarea.field,
          body:has(#adminPanels:not(.hidden)) .analytics-select,
          body:has(#adminPanels:not(.hidden)) .analytics-search,
          body:has(#adminPanels:not(.hidden)) .news-toolbar-select,
          body:has(#adminPanels:not(.hidden)) .analytics-check,
          body:has(#adminPanels:not(.hidden)) .admin-settings-tab,
          body:has(#adminPanels:not(.hidden)) .admin-menu-tab,
          body:has(#adminPanels:not(.hidden)) .analytics-pill,
          body:has(#adminPanels:not(.hidden)) .analytics-tab-btn,
          body:has(#adminPanels:not(.hidden)) .btn-ghost {
            border-color: #d8dee6 !important;
            background: #ffffff !important;
            color: #2d3744 !important;
            box-shadow: none !important;
          }
          body:has(#adminPanels:not(.hidden)) .analytics-table th,
          body:has(#adminPanels:not(.hidden)) .orders-kanban-head,
          body:has(#adminPanels:not(.hidden)) .admin-config-block-header,
          body:has(#adminPanels:not(.hidden)) .broadcast-collapse-btn,
          body:has(#adminPanels:not(.hidden)) .store-setting-toggle,
          body:has(#adminPanels:not(.hidden)) .news-form-actions {
            border-color: #dfe4ea !important;
            background: #f6f8fa !important;
            color: #26313d !important;
          }
          body:has(#adminPanels:not(.hidden)) .analytics-table td,
          body:has(#adminPanels:not(.hidden)) .analytics-table th {
            border-bottom-color: #e5e9ee !important;
          }
          body:has(#adminPanels:not(.hidden)) :is(
            .panel-title,
            .analytics-title,
            .analytics-value,
            .analytics-kpi-group-title,
            .kpi-value,
            .owner-do-now-title,
            .owner-do-now-empty-title,
            .orders-admin-title,
            .orders-kanban-title,
            .orders-admin-row-value,
            .orders-admin-products-list,
            .client-card-name,
            .client-card-title,
            .client-metric-value,
            .profile-admin-setting-title,
            .store-setting-title,
            .broadcast-preview-title,
            .broadcast-report-value,
            .broadcast-log-time,
            .broadcast-log-text,
            .offer-admin-title,
            .full-menu-admin-title
          ) {
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) :is(
            .panel-subtitle,
            .hint,
            .analytics-list,
            .analytics-kpi-group-note,
            .kpi-title,
            .kpi-note,
            .owner-do-now-note,
            .owner-do-now-meta,
            .orders-admin-subtitle,
            .orders-kanban-hint,
            .orders-admin-row-label,
            .field-label,
            .profile-admin-setting-summary,
            .store-setting-summary,
            .broadcast-summary-note,
            .client-metric-label
          ) {
            color: #6f7885 !important;
          }

          /* Modules dashboard lives in the light workspace; keep only its hero dark. */
          body:has(#adminPanels:not(.hidden)) #modulesPanel {
            --modules-green: #2f9d5a;
            --modules-amber: #c46b18;
          }
          body:has(#adminPanels:not(.hidden)) #modulesPanel .admin-checklist-card,
          body:has(#adminPanels:not(.hidden)) #modulesPanel .admin-module-card {
            border-color: #dfe4ea;
            background: #ffffff;
            color: #202833;
            box-shadow: 0 8px 24px rgba(26, 39, 53, 0.055);
          }
          body:has(#adminPanels:not(.hidden)) #modulesPanel .admin-checklist-card.done {
            border-color: #b9dfc7;
            background: #f1faf4;
          }
          body:has(#adminPanels:not(.hidden)) #modulesPanel .admin-checklist-card.todo {
            border-color: #efc99f;
            background: #fff8f0;
          }
          body:has(#adminPanels:not(.hidden)) #modulesPanel .admin-checklist-card:hover,
          body:has(#adminPanels:not(.hidden)) #modulesPanel .admin-module-card:hover {
            border-color: #c8d0d9;
            background: #f8fafc;
            box-shadow: 0 12px 28px rgba(26, 39, 53, 0.09);
          }
          body:has(#adminPanels:not(.hidden)) #modulesPanel .admin-checklist-card strong,
          body:has(#adminPanels:not(.hidden)) #modulesPanel .admin-module-card strong {
            color: #202833;
          }
          body:has(#adminPanels:not(.hidden)) #modulesPanel .admin-checklist-card small,
          body:has(#adminPanels:not(.hidden)) #modulesPanel .admin-module-card small {
            color: #6f7885;
          }
          body:has(#adminPanels:not(.hidden)) #modulesPanel .admin-checklist-mark {
            background: #f0f3f6;
            color: #536170;
          }
          body:has(#adminPanels:not(.hidden)) #modulesPanel .admin-checklist-card.done .admin-checklist-mark {
            background: #dff3e6;
            color: #2f9d5a;
          }
          body:has(#adminPanels:not(.hidden)) #modulesPanel .admin-checklist-card.todo .admin-checklist-mark {
            background: #ffead6;
            color: #c46b18;
          }
          body:has(#adminPanels:not(.hidden)) #modulesPanel .admin-module-card .admin-status-chip {
            background: #f3f5f7;
          }
          body:has(#adminPanels:not(.hidden)) #modulesPanel .admin-module-card .admin-status-chip.good {
            border-color: #b9dfc7;
            background: #eff9f2;
            color: #2f9d5a;
          }
          body:has(#adminPanels:not(.hidden)) #modulesPanel .admin-module-card .admin-status-chip.warn {
            border-color: #efc99f;
            background: #fff5e9;
            color: #c46b18;
          }

          .process-builder-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:16px; }
          .process-builder-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
          .process-builder-actions .btn { width:auto !important; padding:9px 12px; font-size:12px; }
          .process-builder-layout { display:grid; grid-template-columns:190px minmax(0,1fr) 280px; min-height:650px; border:1px solid #dfe4ea; border-radius:18px; overflow:hidden; background:#f8fafc; }
          .process-library, .process-inspector { padding:18px; background:#fff; }
          .process-library { border-right:1px solid #e3e7ec; }
          .process-inspector { border-left:1px solid #e3e7ec; }
          .process-builder-label { margin:0 0 12px; color:#7a8491; font-size:11px; font-weight:800; letter-spacing:.08em; }
          .process-library-item, .process-workflow-item { display:flex; flex-direction:column; gap:3px; margin-bottom:8px; padding:11px 12px; border:1px solid #e1e6eb; border-radius:12px; background:#fff; color:#293442; cursor:pointer; }
          .process-new-btn { width:100%; margin:2px 0 22px; }
          .process-library-item span, .process-workflow-item span { color:#7a8491; font-size:12px; }
          .process-workflow-item.active { border-color:#ef8b2c; background:#fff8f1; box-shadow:inset 3px 0 #ef8b2c; }
          .process-canvas { min-width:0; padding:18px; overflow:auto; background-image:radial-gradient(#dfe4ea 1px, transparent 1px); background-size:20px 20px; }
          .process-canvas-toolbar { display:flex; align-items:center; justify-content:space-between; margin-bottom:42px; color:#7a8491; font-size:12px; }
          .process-status { padding:6px 10px; border-radius:999px; font-weight:800; text-transform:uppercase; }
          .process-status.draft { background:#fff1dd; color:#9a5a12; }
          .process-status.published { background:#def5e7; color:#247043; }
          .process-flow { display:flex; align-items:center; justify-content:center; min-width:700px; padding:42px 4px 80px; }
          .process-node { display:flex; flex-direction:column; gap:8px; width:125px; min-height:130px; padding:14px; border:1px solid #d7dde4; border-radius:16px; background:#fff; box-shadow:0 10px 30px rgba(37,50,67,.07); }
          .process-node small { font-size:10px; font-weight:800; letter-spacing:.08em; color:#8a94a0; }
          .process-node strong { color:#26313d; font-size:15px; }
          .process-node span { color:#74808d; font-size:12px; line-height:1.35; }
          .process-node.trigger { border-top:4px solid #3ab36f; }
          .process-node.condition { border-top:4px solid #e2aa2d; }
          .process-node.reward { border-top:4px solid #ef8b2c; }
          .process-node.message { border-top:4px solid #6a73df; }
          .process-node.finish { border-top:4px solid #2b9f75; }
          .process-arrow { padding:0 5px; color:#7e8792; font-size:22px; }
          .process-test-result { margin:0 14px 14px; padding:14px 16px; border:1px solid #dce2e8; border-radius:12px; background:rgba(255,255,255,.92); color:#687482; font-size:13px; line-height:1.55; }
          .process-test-result.success { border-color:#a8d8ba; background:#f2fbf5; color:#286a42; }
          .process-test-result.error { border-color:#e8b2b2; background:#fff6f6; color:#9a3434; }
          .admin-inline-status {
            min-height: 20px;
            margin-top: 8px;
            color: #4f6478;
            font-size: 14px;
            font-weight: 700;
          }
          .admin-inline-status.error { color: #b42318; }
          .process-inline-fields { display:grid; grid-template-columns:1.5fr .7fr; gap:8px; }
          .process-inspector .field { margin-bottom:12px; }
          .process-channel-row { display:flex; flex-direction:column; gap:9px; margin:4px 0 14px; color:#344052; font-size:13px; }
          .process-library-hint { margin:-5px 0 10px; color:#98a1ab; font-size:11px; }
          .process-library-item[draggable="true"] { cursor:grab; user-select:none; }
          .process-library-item[draggable="true"]:active { cursor:grabbing; }
          .process-canvas { padding:14px; overflow:hidden; background:#f8fafc; }
          .process-canvas-toolbar { margin-bottom:12px; gap:12px; flex-wrap:wrap; }
          .process-simulate-count { display:flex; align-items:center; gap:7px; margin-left:auto; color:#66717e; font-size:12px; font-weight:700; }
          .process-simulate-count input { width:64px; padding:7px 8px; border:1px solid #d8dee6; border-radius:9px; background:#fff; color:#27323e; }
          .process-zoom-controls { display:flex; align-items:center; gap:4px; padding:3px; border:1px solid #d8dee6; border-radius:10px; background:#fff; }
          .process-zoom-controls button { min-width:30px; height:30px; padding:0 8px; border:0; border-radius:7px; background:transparent; color:#46515d; font:inherit; font-weight:800; cursor:pointer; }
          .process-zoom-controls button:hover, .process-zoom-controls button:focus-visible { background:#fff2e6; color:#c96713; outline:none; }
          .process-canvas-viewport { height:590px; overflow:auto; border:1px solid #e1e6eb; border-radius:14px; background-color:#fbfcfd; background-image:radial-gradient(#d7dde4 1px, transparent 1px); background-size:20px 20px; }
          .process-canvas-stage { position:relative; width:1500px; height:850px; }
          .process-connections { position:absolute; inset:0; width:1500px; height:850px; overflow:visible; pointer-events:none; }
          #processArrowHead path { fill:#88939f; }
          .process-connection-path { fill:none; stroke:#8b96a1; stroke-width:2.2; vector-effect:non-scaling-stroke; }
          .process-connection-path.yes { stroke:#35a967; }
          .process-connection-path.no { stroke:#d07070; stroke-dasharray:6 4; }
          .process-connection-path.route-active { stroke:#f18b2b; stroke-width:4; stroke-dasharray:none; filter:drop-shadow(0 2px 3px rgba(241,139,43,.25)); }
          .process-graph-node { position:absolute; z-index:2; display:flex; flex-direction:column; gap:7px; width:170px; min-height:108px; padding:14px 16px; border:1px solid #d6dde4; border-top:4px solid #8e98a4; border-radius:15px; background:#fff; color:#27323e; box-shadow:0 9px 24px rgba(38,52,69,.08); cursor:grab; user-select:none; }
          .process-graph-node:active { cursor:grabbing; }
          .process-graph-node small { color:#85909b; font-size:9px; font-weight:900; letter-spacing:.09em; }
          .process-graph-node strong { font-size:14px; line-height:1.2; }
          .process-graph-node > span { color:#74808c; font-size:11px; line-height:1.3; }
          .process-graph-node.trigger { border-top-color:#39aa69; }
          .process-graph-node.condition { border-top-color:#d7a52c; }
          .process-graph-node.reward { border-top-color:#ef8b2c; }
          .process-graph-node.message { border-top-color:#6b73df; }
          .process-graph-node.finish { border-top-color:#2b9f75; }
          .process-graph-node.selected { outline:3px solid rgba(241,139,43,.28); border-color:#ef8b2c; }
          .process-graph-node.route-active { box-shadow:0 0 0 4px rgba(241,139,43,.18), 0 12px 28px rgba(38,52,69,.12); }
          .process-node-input, .process-node-output { position:absolute; z-index:4; display:grid; place-items:center; width:22px; height:22px; padding:0; border:2px solid #fff; border-radius:50%; background:#83909c; color:#fff; font-size:14px; line-height:1; box-shadow:0 1px 4px rgba(30,40,50,.2); cursor:pointer; }
          .process-node-input { left:-12px; top:42px; }
          .process-node-output { right:-12px; top:42px; }
          .process-node-input:hover, .process-node-output:hover { background:#ef8b2c; transform:scale(1.08); }
          .process-node-branches { position:absolute; right:-19px; top:20px; display:flex; flex-direction:column; gap:22px; }
          .process-node-branches button { width:38px; height:22px; padding:0; border:2px solid #fff; border-radius:999px; color:#fff; font-size:9px; font-weight:900; box-shadow:0 1px 4px rgba(30,40,50,.2); cursor:pointer; }
          .process-node-branches .yes { background:#35a967; }
          .process-node-branches .no { background:#ca6262; }
          .process-inspector-divider { height:1px; margin:14px 0; background:#e4e8ed; }
          .process-node-inspector { margin-bottom:16px; }
          .process-edge-row { display:flex; align-items:center; justify-content:space-between; width:100%; margin-bottom:7px; padding:9px 10px; border:1px solid #e0e5ea; border-radius:9px; background:#fff; color:#46515d; font-size:11px; text-align:left; cursor:pointer; }
          .process-edge-row b { color:#b34d4d; font-size:16px; }
          .process-delete-node { width:100%; margin-top:14px; }
          @media (max-width:1250px) { .process-builder-layout { grid-template-columns:180px minmax(600px,1fr); } .process-inspector { grid-column:1/-1; border-left:0; border-top:1px solid #e3e7ec; } }
          @media (max-width:800px) { .process-builder-head { flex-direction:column; } .process-builder-actions { justify-content:flex-start; } .process-builder-layout { display:block; } .process-library { border-right:0; border-bottom:1px solid #e3e7ec; } .process-flow { justify-content:flex-start; } }

          /* Light workspace contrast pass for legacy dark components. */
          body:has(#adminPanels:not(.hidden)) .analytics-insight-row {
            border-color: #dfe4ea !important;
            background: #ffffff !important;
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) .analytics-insight-copy strong,
          body:has(#adminPanels:not(.hidden)) .analytics-insight-value {
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) .analytics-insight-copy small {
            color: #66717e !important;
          }

          body:has(#adminPanels:not(.hidden)) #adminPanel {
            --team-surface: #ffffff;
            --team-surface-strong: #f6f8fa;
            --team-line: #dfe4ea;
            --team-line-strong: #c7d0da;
            --team-text: #202833;
            --team-muted: #66717e;
          }
          body:has(#adminPanels:not(.hidden)) #adminPanel .admin-manage-card,
          body:has(#adminPanels:not(.hidden)) #aiRecoPanel .admin-manage-card {
            border-color: #dfe4ea !important;
            background: #ffffff !important;
            color: #202833 !important;
            box-shadow: 0 8px 24px rgba(26, 39, 53, 0.055) !important;
          }
          body:has(#adminPanels:not(.hidden)) #adminPanel .operator-card-row {
            border-color: #dfe4ea;
            background: #f8fafc;
          }
          body:has(#adminPanels:not(.hidden)) #adminPanel .operator-card-row:hover {
            border-color: #c7d0da;
            background: #f3f6f9;
          }
          body:has(#adminPanels:not(.hidden)) #adminPanel .operator-card-meta-item {
            border-color: #e1e6eb;
            background: #ffffff;
          }
          body:has(#adminPanels:not(.hidden)) #adminPanel .operator-card-meta-label {
            color: #6f7885;
          }
          body:has(#adminPanels:not(.hidden)) #adminPanel .operator-card-meta-value {
            color: #293442;
          }
          body:has(#adminPanels:not(.hidden)) #adminPanel .operator-delete-btn.secondary {
            border-color: #d6dde5;
            background: #ffffff;
            color: #344052;
          }
          body:has(#adminPanels:not(.hidden)) #adminPanel .operator-delete-btn.danger {
            border-color: #efc1c1;
            background: #fff1f1;
            color: #a63c3c;
          }
          body:has(#adminPanels:not(.hidden)) #adminPanel .operator-delete-btn.success {
            border-color: #b9dfc7;
            background: #eff9f2;
            color: #287c49;
          }
          body:has(#adminPanels:not(.hidden)) #adminPanel .admin-role-chip {
            border-color: #efc99f;
            background: #fff5e9;
            color: #9a5818;
          }
          body:has(#adminPanels:not(.hidden)) #adminPanel .admin-role-chip.operator {
            border-color: #d6dde5;
            background: #f3f5f7;
            color: #536170;
          }
          body:has(#adminPanels:not(.hidden)) #adminPanel .operator-badge {
            border-color: #b9dfc7;
            background: #eff9f2;
            color: #287c49;
          }
          body:has(#adminPanels:not(.hidden)) :is(#adminPanel, #aiRecoPanel) .admin-manage-card :is(.label, .hint) {
            color: #66717e !important;
          }

          body:has(#adminPanels:not(.hidden)) #storePanel .store-setting-action-label {
            border-color: #d4dbe3;
            background: #ffffff;
            color: #344052;
          }
          body:has(#adminPanels:not(.hidden)) #storePanel .store-setting-chevron {
            color: #66717e;
          }

          body:has(#adminPanels:not(.hidden)) #ordersPanel .orders-admin-stat {
            border-color: #d8dee6;
            background: #ffffff;
            color: #344052;
          }
          body:has(#adminPanels:not(.hidden)) #ordersPanel .orders-admin-stat.bad {
            border-color: #efb8bc;
            background: #fff2f3;
            color: #a63c46;
          }
          body:has(#adminPanels:not(.hidden)) #ordersPanel .orders-admin-stat.warn {
            border-color: #efc99f;
            background: #fff5e9;
            color: #9a5818;
          }
          body:has(#adminPanels:not(.hidden)) #ordersPanel .orders-kanban-empty {
            border-color: #d8dee6;
            color: #6f7885;
          }

          body:has(#adminPanels:not(.hidden)) #broadcastsPanel .broadcast-locale-card .label {
            color: #66717e;
          }
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel .broadcast-preview-locale-card {
            border-color: rgba(255, 255, 255, 0.10) !important;
            background: #1c222a !important;
            color: #f4f7fa !important;
          }
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel .broadcast-preview-locale-card :is(.broadcast-preview-title, .broadcast-preview-text) {
            color: #f4f7fa !important;
          }
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel .broadcast-action-bar {
            border-color: rgba(255, 138, 31, 0.38) !important;
            background: #1c222a !important;
          }
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel .broadcast-action-summary {
            color: #e4e9ef;
          }
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel .broadcast-review-card .broadcast-estimate-row > span:not(.broadcast-estimate-badge) {
            color: #66717e;
          }

          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-admin-tabs,
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-language-tabs {
            border-color: #dfe4ea;
            background: #f6f8fa;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel :is(.index-stock-admin-tabs, .index-stock-language-tabs) button {
            color: #536170;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel :is(.index-stock-admin-tabs, .index-stock-language-tabs) button:hover {
            background: #edf1f5;
            color: #202833;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-setting-row {
            border-bottom-color: #e5e9ee;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-settings-list {
            border-top-color: #e5e9ee;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-setting-row strong {
            color: #202833;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-setting-row small {
            color: #66717e;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel :is(
            .index-stock-levels-table,
            .index-stock-levels-scale,
            .index-stock-level-simulator,
            .index-stock-sales-kpi,
            .index-stock-sales-product-row,
            .index-stock-sales-sale
          ) {
            border-color: #dfe4ea;
            background: #f8fafc;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-level-row {
            border-bottom-color: #e5e9ee;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-level-row.header {
            color: #66717e;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-level-row strong,
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-level-simulator strong,
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-level-simulator output,
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-sales-kpi strong,
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-sales-product-row strong,
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-sales-sale-head strong,
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-sales-item strong {
            color: #202833;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-level-row > span,
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-levels-scale,
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-level-simulator small,
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-sales-kpi span,
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-sales-source,
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-sales-item-meta,
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-sales-mini {
            color: #66717e;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-level-sales-range > span {
            color: #98a2ad;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-level-sales-range .field:disabled {
            border-color: #e2e7ec !important;
            background: #f1f4f7 !important;
            color: #536170 !important;
            opacity: 1;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-sales-sale-head {
            background: #f1f3f5;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-sales-item {
            border-top-color: #e5e9ee;
          }

          /* Mono Index uses light controls, reports and administrative previews. */
          body:has(#adminPanels:not(.hidden)) #indexStockPanel :is(.index-stock-admin-tabs, .index-stock-language-tabs) button.active {
            background: #fff0e3;
            color: #a64f0b !important;
            box-shadow: inset 0 0 0 1px #f3c59d;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel :is(
            .index-stock-image-admin,
            .index-stock-levels-table,
            .index-stock-levels-scale,
            .index-stock-level-simulator,
            .index-stock-sales-kpi,
            .index-stock-sales-product-row,
            .index-stock-sales-sale
          ) {
            border-color: #d9e0e7;
            background: #f8fafc;
            color: #26313d;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-image-preview {
            border-color: #e8b47e;
            background: #fff7ef;
            color: #66717e;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-image-preview img {
            filter: drop-shadow(0 12px 18px rgba(31, 42, 55, 0.16));
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel :is(
            .index-stock-advanced summary,
            .index-stock-unit-field span,
            .index-stock-range-fields span
          ) {
            color: #66717e;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel :is(
            .index-stock-setting-row.toggle input[type="checkbox"],
            .index-stock-toggle-card input[type="checkbox"]
          ) {
            border-color: #cbd3dc;
            background: #dfe4ea;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel :is(
            .index-stock-setting-row.toggle input[type="checkbox"],
            .index-stock-toggle-card input[type="checkbox"]
          )::after {
            background: #ffffff;
            box-shadow: 0 1px 3px rgba(31, 42, 55, 0.18);
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel :is(
            .index-stock-setting-row.toggle input[type="checkbox"],
            .index-stock-toggle-card input[type="checkbox"]
          ):checked {
            border-color: #e97616;
            background: #ff8a1f;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-level-row > span,
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-sales-product-row > span,
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-sales-sale-head > span,
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-sales-item > span {
            color: #46515d;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel :is(.index-stock-sales-summary, .index-stock-sales-report) .client-card-empty {
            border-color: #d9e0e7;
            background: #f8fafc;
            color: #66717e;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-preview-card {
            border-color: #d9e0e7 !important;
            background: #ffffff !important;
            color: #202833 !important;
            box-shadow: 0 8px 24px rgba(26, 39, 53, 0.055) !important;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-preview-card > .profile-admin-setting-title {
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel :is(
            .index-stock-live-card,
            .index-stock-public-preview,
            .index-stock-telegram-preview
          ) {
            border-color: #d9e0e7;
            background: radial-gradient(circle at 20% 15%, rgba(255, 138, 31, 0.12), transparent 30%), #fffaf5;
            color: #202833;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel :is(
            .index-stock-live-card-head strong,
            .index-stock-live-card-body b,
            .index-stock-public-preview-title,
            .index-stock-public-preview-product strong,
            .index-stock-public-preview-product span,
            .index-stock-public-preview-market strong,
            .index-stock-telegram-preview strong
          ) {
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-live-card-body > div:last-child {
            display: grid;
            gap: 7px;
            min-width: 0;
            align-content: center;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-live-card-body :is(b, small, em) {
            display: block;
            min-width: 0;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-live-card-body b {
            white-space: nowrap;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-live-card-body em {
            margin-top: 0;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel :is(
            .index-stock-live-card-body small,
            .index-stock-live-card-body em,
            .index-stock-live-card p,
            .index-stock-public-preview-subtitle,
            .index-stock-public-preview-market span,
            .index-stock-telegram-preview p,
            .index-stock-telegram-preview small
          ) {
            color: #66717e !important;
          }
          @media (max-width: 560px) {
            body:has(#adminPanels:not(.hidden)) #indexStockPanel :is(.index-stock-live-card-body, .index-stock-public-preview-product) {
              grid-template-columns: 88px minmax(0, 1fr);
              gap: 12px;
            }
            body:has(#adminPanels:not(.hidden)) #indexStockPanel :is(.index-stock-live-card-body, .index-stock-public-preview-product) img {
              max-width: 88px;
              max-height: 92px;
            }
            body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-live-card-body b {
              font-size: 27px;
            }
          }

          body:has(#adminPanels:not(.hidden)) #indexStockMultiPanel .index-stock-multi-products-head :is(strong, span) {
            color: #202833;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockMultiPanel .index-stock-multi-products-head small {
            color: #66717e;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockMultiPanel :is(
            .index-stock-multi-kpi,
            .index-stock-multi-command-bar,
            .index-stock-multi-side-card,
            .index-stock-multi-qr-card,
            .index-stock-multi-activity-card
          ) :is(strong, b) {
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockMultiPanel :is(
            .index-stock-multi-kpi,
            .index-stock-multi-command-bar,
            .index-stock-multi-side-card,
            .index-stock-multi-qr-card,
            .index-stock-multi-activity-card
          ) :is(small, p) {
            color: #66717e !important;
          }

          /* Loyalty workspace follows the shared light admin theme.
             The command center is moved into settingsPanel at runtime, so the
             theme must follow the component rather than its original panel. */
          body:has(#adminPanels:not(.hidden)) .loyalty-command-center :is(
            .loyalty-command-main,
            .loyalty-preview-rail,
            .loyalty-command-hero,
            .loyalty-kpi-card,
            .loyalty-tool-card,
            .loyalty-miniapp-preview,
            .loyalty-miniapp-qr,
            .loyalty-miniapp-status,
            .loyalty-miniapp-cards > div,
            .loyalty-miniapp-offers,
            .loyalty-ai-box
          ) {
            border-color: #dfe4ea !important;
            background: #ffffff !important;
            color: #202833 !important;
            box-shadow: 0 8px 24px rgba(26, 39, 53, 0.055) !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-command-center .loyalty-command-hero {
            background: linear-gradient(135deg, #ffffff, #fff8f1) !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-command-center :is(
            .loyalty-command-hero h2,
            .loyalty-kpi-card strong,
            .loyalty-tool-card strong,
            .loyalty-miniapp-head strong,
            .loyalty-miniapp-qr strong,
            .loyalty-miniapp-status strong,
            .loyalty-miniapp-cards strong
          ) { color: #202833 !important; }
          body:has(#adminPanels:not(.hidden)) .loyalty-command-center :is(
            .loyalty-command-hero p,
            .loyalty-kpi-card span,
            .loyalty-kpi-card small,
            .loyalty-tool-card small,
            .loyalty-miniapp-head span,
            .loyalty-miniapp-head small,
            .loyalty-miniapp-qr span,
            .loyalty-miniapp-status span,
            .loyalty-miniapp-cards span,
            .loyalty-miniapp-cards small,
            .loyalty-miniapp-offers span,
            .loyalty-miniapp-offers small,
            .loyalty-ai-box p
          ) { color: #66717e !important; }
          body:has(#adminPanels:not(.hidden)) .loyalty-command-center .loyalty-tool-card:hover {
            border-color: #f4c79f !important;
            background: #fffaf5 !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-command-center .loyalty-tool-card em {
            background: #eef9f1;
            color: #287a46;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-command-center .loyalty-tool-card > b { color: #b85b16; }
          body:has(#adminPanels:not(.hidden)) .loyalty-command-center .loyalty-tool-icon { box-shadow: none; }
          body:has(#adminPanels:not(.hidden)) .loyalty-command-center .loyalty-tool-progress::before {
            background: linear-gradient(90deg, #ff9a55 0 58%, #e7ebef 58% 100%);
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-command-center .loyalty-tool-progress i {
            background: #e9edf1;
            color: #66717e;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-command-center .loyalty-preview-rail {
            background: #f8fafc !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-command-center .loyalty-miniapp-preview {
            background: linear-gradient(180deg, #fffaf5, #f4f6f8) !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-command-center :is(
            .loyalty-miniapp-qr,
            .loyalty-miniapp-status,
            .loyalty-miniapp-cards > div,
            .loyalty-miniapp-offers
          ) {
            background: #ffffff !important;
            box-shadow: 0 4px 14px rgba(26, 39, 53, 0.055) !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-command-center .loyalty-miniapp-head {
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-command-center :is(
            .loyalty-miniapp-hub,
            .loyalty-miniapp-icons span,
            .loyalty-miniapp-qr-icon
          ) {
            border: 1px solid #e1e6eb !important;
            background: #fff7ef !important;
            color: #344052 !important;
            box-shadow: none !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-command-center :is(
            .loyalty-miniapp-hub img,
            .loyalty-miniapp-bell img,
            .loyalty-miniapp-qr-icon img
          ) {
            filter: brightness(0) saturate(100%) opacity(.78) !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-command-center .loyalty-miniapp-tabs {
            border-color: #e1e6eb !important;
            background: #f3f5f7 !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-command-center .loyalty-miniapp-tabs span {
            border-right-color: #e1e6eb !important;
            color: #344052 !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-command-center .loyalty-miniapp-cards i {
            background: linear-gradient(90deg, #ff9a55 0 38%, #e8edf1 38% 100%) !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-command-center .loyalty-miniapp-status > div:last-child span,
          body:has(#adminPanels:not(.hidden)) .loyalty-command-center .loyalty-miniapp-cards small {
            color: #a95113 !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-command-center .loyalty-ai-box strong { color: #a95113; }

          /* Loyalty settings and every embedded client preview use the light SDA palette. */
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card {
            border-color: #dfe4ea !important;
            background: #ffffff !important;
            color: #202833 !important;
            box-shadow: 0 26px 70px rgba(26, 39, 53, 0.18) !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card::before {
            display: none !important;
            content: none !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card :is(
            .loyalty-admin-modal-section,
            .cashback-group-row,
            .jubilee-admin-card,
            .redeem-policy-card
          ) {
            border-color: #dfe4ea !important;
            background: #f8fafc !important;
            color: #202833 !important;
            box-shadow: none !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card :is(
            .modal-title,
            .profile-admin-setting-title,
            .cashback-group-id,
            .jubilee-admin-card-head strong,
            .jubilee-template-examples > strong,
            .redeem-policy-card-head strong,
            .redeem-toggle-copy strong
          ) {
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card :is(
            .modal-text,
            .hint,
            .cashback-group-caption,
            .jubilee-admin-card-head small,
            .jubilee-icon-current,
            .redeem-policy-card-head small,
            .redeem-toggle-copy small
          ) {
            color: #66717e !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card :is(
            .label,
            .field-label,
            .cashback-group-field,
            .cashback-groups-migrate,
            .first-visit-toggle
          ) {
            color: #344052 !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card :is(
            .field,
            select.field,
            textarea.field
          ) {
            border-color: #d8dee6 !important;
            background: #ffffff !important;
            color: #202833 !important;
            box-shadow: inset 0 1px 2px rgba(26, 39, 53, 0.04) !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card :is(
            .field,
            textarea.field
          )::placeholder {
            color: #939da8 !important;
            opacity: 1;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card .jubilee-admin-hint {
            border: 1px solid #f1d4b8;
            background: #fff8f1 !important;
            color: #79512f !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card .jubilee-admin-divider {
            background: #e4e8ed !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card .jubilee-icon-option,
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card .jubilee-template-examples button {
            border-color: #d8dee6 !important;
            background: #ffffff !important;
            color: #344052 !important;
            box-shadow: none !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card .jubilee-template-examples button.recommended {
            border-color: #ef9b4d !important;
            background: #fff7ef !important;
            box-shadow: 0 0 0 2px rgba(239, 139, 44, 0.10) !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card .jubilee-template-examples button :is(b, small) {
            color: inherit !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card .redeem-toggle-card {
            border-color: #d8dee6 !important;
            background: #ffffff !important;
            color: #344052 !important;
            box-shadow: none !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card .redeem-toggle-card:has(input:checked) {
            border-color: #ef9b4d !important;
            background: #fff7ef !important;
            box-shadow: 0 0 0 2px rgba(239, 139, 44, 0.09) !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card .redeem-toggle-icon {
            background: #eef1f4 !important;
            color: #66717e !important;
            box-shadow: none !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card .redeem-toggle-card:has(input:checked) .redeem-toggle-icon {
            background: #f28b3a !important;
            color: #ffffff !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card .modal-actions {
            border-top-color: #e3e7eb !important;
            background: rgba(255, 255, 255, 0.97) !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card .btn-ghost {
            border-color: #d8dee6 !important;
            background: #ffffff !important;
            color: #344052 !important;
            box-shadow: none !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card .profile-admin-modal-close {
            border-color: #d8dee6 !important;
            background: #202833 !important;
            color: #ffffff !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card .admin-inline-status:not(:empty) {
            border-color: #cbdfea !important;
            background: #f3f9fc !important;
            color: #31576d !important;
          }
          /* Embedded phone/card previews mirror the current light consumer app. */
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card :is(
            .redeem-policy-preview,
            .jubilee-preview-stack,
            .jubilee-phone-preview,
            .jubilee-compact-preview,
            .redeem-policy-status-preview,
            .redeem-policy-wallet-preview,
            .redeem-policy-preview-row,
            .redeem-policy-preview-note,
            .redeem-policy-client-preview,
            .redeem-policy-mini-card
          ) {
            border-color: #dfe4ea !important;
            background: #ffffff !important;
            color: #202833 !important;
            box-shadow: 0 6px 20px rgba(26, 39, 53, 0.055) !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card :is(
            .jubilee-preview-label,
            .jubilee-phone-status,
            .jubilee-phone-title span,
            .jubilee-phone-title strong,
            .jubilee-preview-progress-head strong,
            .jubilee-preview-reward strong,
            .jubilee-compact-preview strong,
            .redeem-policy-preview-title,
            .redeem-policy-status-preview strong,
            .redeem-policy-wallet-title strong,
            .redeem-policy-wallet-balance b,
            .redeem-policy-preview-row strong,
            .redeem-policy-mini-card strong
          ) {
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card :is(
            .jubilee-preview-subtitle,
            .jubilee-preview-progress-head span,
            .jubilee-preview-reward span,
            .jubilee-preview-steps,
            .jubilee-compact-preview span,
            .jubilee-compact-preview small,
            .redeem-policy-preview-caption,
            .redeem-policy-preview span,
            .redeem-policy-wallet-title span,
            .redeem-policy-wallet-balance small,
            .redeem-policy-wallet-empty small,
            .redeem-policy-preview-row small,
            .redeem-policy-client-preview > small,
            .redeem-policy-client-preview p
          ) {
            color: #66717e !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card :is(
            .redeem-policy-wallet-tabs,
            .redeem-policy-wallet-empty,
            .jubilee-preview-reward
          ) {
            border-color: #e1e6eb !important;
            background: #f8fafc !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card .redeem-policy-wallet-tabs span {
            border-color: #e1e6eb !important;
            background: #ffffff !important;
            color: #344052 !important;
          }

          /* Dashboard charts use the same dark text system as the light workspace. */
          body:has(#adminPanels:not(.hidden)) #analyticsPanel :is(
            .district-name,
            .district-count,
            .demo-value,
            .demo-label,
            .demo-legend-item,
            .funnel-value,
            .bar-value,
            .timeline-count
          ) {
            color: #293442 !important;
          }
          body:has(#adminPanels:not(.hidden)) #analyticsPanel :is(
            .funnel-label,
            .bar-label
          ) {
            color: #536170 !important;
          }
          body:has(#adminPanels:not(.hidden)) #analyticsPanel :is(
            .district-track,
            .demo-stack,
            .funnel-track
          ) {
            background: #e6ebf0 !important;
          }
          body:has(#adminPanels:not(.hidden)) #analyticsPanel .kpi-carousel-hint {
            border-color: #efc99f !important;
            background: #fff7ef !important;
            color: #9a5818 !important;
          }
          body:has(#adminPanels:not(.hidden)) #analyticsPanel .kpi-carousel-hint > span:not(.kpi-carousel-tooltip) {
            color: #9a5818 !important;
          }
          body:has(#adminPanels:not(.hidden)) #analyticsPanel .kpi-carousel-tooltip-line {
            color: #f4f7fa !important;
          }

          /* Store cards are light surfaces; all product copy and controls must match. */
          body:has(#adminPanels:not(.hidden)) #storePanel .menu-card.menu-admin-card {
            border-color: #dfe4ea !important;
            background: #ffffff !important;
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) #storePanel :is(.menu-category-title, .menu-name) {
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) #storePanel :is(.menu-desc, .menu-admin-meta) {
            color: #66717e !important;
          }
          body:has(#adminPanels:not(.hidden)) #storePanel .news-counter {
            color: #66717e !important;
          }
          body:has(#adminPanels:not(.hidden)) #storePanel .menu-admin-btn {
            border-color: #d8dee6 !important;
            background: #f6f8fa !important;
            color: #344052 !important;
          }
          body:has(#adminPanels:not(.hidden)) #storePanel .menu-drag-handle {
            color: #7a8491 !important;
          }

          /* Delivery editor is a single light modal, including its sticky footer. */
          body:has(#adminPanels:not(.hidden)) #deliverySettingsModal .loyalty-admin-modal-card {
            border-color: #dfe4ea !important;
            background: #ffffff !important;
            color: #202833 !important;
            box-shadow: 0 26px 70px rgba(26, 39, 53, 0.18) !important;
          }
          body:has(#adminPanels:not(.hidden)) #deliverySettingsModal .delivery-modal-intro {
            color: #66717e !important;
          }
          body:has(#adminPanels:not(.hidden)) #deliverySettingsModal :is(
            .delivery-tariff-list-panel,
            .delivery-rule-editor-panel
          ) {
            border-color: #dfe4ea;
            background: #f8fafc;
            box-shadow: none;
          }
          body:has(#adminPanels:not(.hidden)) #deliverySettingsModal .delivery-panel-kicker {
            color: #7a8491;
          }
          body:has(#adminPanels:not(.hidden)) #deliverySettingsModal .delivery-panel-title {
            color: #202833;
          }
          body:has(#adminPanels:not(.hidden)) #deliverySettingsModal .delivery-rule-card {
            border-color: #d8dee6;
            background: #ffffff;
            color: #202833;
          }
          body:has(#adminPanels:not(.hidden)) #deliverySettingsModal .delivery-rule-card:hover {
            border-color: #efb77e;
            background: #fffaf5;
          }
          body:has(#adminPanels:not(.hidden)) #deliverySettingsModal .delivery-rule-card.active {
            border-color: #ef8b2c;
            background: #fff7ef;
            box-shadow: 0 10px 24px rgba(239, 139, 44, 0.10);
          }
          body:has(#adminPanels:not(.hidden)) #deliverySettingsModal .delivery-rule-card-title {
            color: #202833;
          }
          body:has(#adminPanels:not(.hidden)) #deliverySettingsModal .delivery-rule-card-districts,
          body:has(#adminPanels:not(.hidden)) #deliverySettingsModal .delivery-rule-card-meta {
            color: #66717e;
          }
          body:has(#adminPanels:not(.hidden)) #deliverySettingsModal .delivery-rule-card-default {
            background: #e3f5e9;
            color: #287c49;
          }
          body:has(#adminPanels:not(.hidden)) #deliverySettingsModal .delivery-editor-field,
          body:has(#adminPanels:not(.hidden)) #deliverySettingsModal .delivery-default-switch,
          body:has(#adminPanels:not(.hidden)) #deliverySettingsModal .delivery-default-switch b {
            color: #293442;
          }
          body:has(#adminPanels:not(.hidden)) #deliverySettingsModal .delivery-editor-field small,
          body:has(#adminPanels:not(.hidden)) #deliverySettingsModal .delivery-default-switch small,
          body:has(#adminPanels:not(.hidden)) #deliverySettingsModal .delivery-price-input b {
            color: #66717e;
          }
          body:has(#adminPanels:not(.hidden)) #deliverySettingsModal .delivery-default-switch {
            border-color: #dfe4ea;
            background: #ffffff;
          }
          body:has(#adminPanels:not(.hidden)) #deliverySettingsModal .delivery-danger-btn {
            border-color: #efb8bc;
            background: #fff2f3;
            color: #a63c46;
          }
          body:has(#adminPanels:not(.hidden)) #deliverySettingsModal .delivery-modal-footer {
            border-top-color: #dfe4ea !important;
            background: #ffffff !important;
            box-shadow: 0 -10px 24px rgba(26, 39, 53, 0.05);
          }

          /* Compact team directory. */
          #adminPanel .team-toolbar {
            display: grid;
            grid-template-columns: minmax(260px, 1fr) 190px 190px auto;
            gap: 10px;
            align-items: center;
            margin-bottom: 14px;
          }
          #adminPanel .team-toolbar .field { min-height: 42px; margin: 0; border-radius: 9px; }
          #adminPanel .team-search-wrap { position: relative; display: block; }
          #adminPanel .team-search-wrap > span { position: absolute; z-index: 1; top: 8px; left: 13px; color: #7c8794; font-size: 22px; }
          #adminPanel .team-search-wrap .field { width: 100%; padding-left: 39px; }
          #adminPanel .team-primary-action { border-radius: 8px; background: #ef8b2c; color: #fff; }
          #adminPanel .team-directory {
            overflow: hidden;
            border: 1px solid #dfe4ea;
            border-radius: 12px;
            background: #fff;
            color: #293442;
            box-shadow: 0 8px 24px rgba(26,39,53,.04);
          }
          #adminPanel .team-table-head,
          #adminPanel .team-member-row {
            display: grid;
            grid-template-columns: minmax(260px, 1.45fr) minmax(150px, .75fr) minmax(130px, .65fr) minmax(170px, .9fr) 120px 36px;
            align-items: center;
          }
          #adminPanel .team-table-head { min-height: 43px; border-bottom: 1px solid #e5e9ed; background: #fafbfc; color: #7b8591; font-size: 11px; font-weight: 800; }
          #adminPanel .team-table-head span { padding: 0 14px; }
          #adminPanel .team-root-row,
          #adminPanel .team-group-row { display: flex; align-items: center; gap: 9px; width: 100%; min-height: 42px; padding: 0 14px; border: 0; border-bottom: 1px solid #e7ebef; color: #344052; background: #fff; text-align: left; cursor: pointer; }
          #adminPanel .team-root-row { background: #fbfcfd; }
          #adminPanel .team-group-row { padding-left: 24px; }
          #adminPanel .team-tree-toggle { width: 14px; color: #7b8591; font-size: 15px; transition: transform .15s ease; }
          #adminPanel .team-folder-icon { color: #818c98; font-size: 17px; }
          #adminPanel .team-count { min-width: 24px; padding: 2px 7px; border-radius: 999px; background: #f0f2f5; color: #79828e; font-size: 11px; text-align: center; }
          #adminPanel .team-role-group.collapsed .admin-users-list { display: none; }
          #adminPanel .team-role-group.collapsed .team-tree-toggle { transform: rotate(-90deg); }
          #adminPanel .admin-users-list { display: block; }
          #adminPanel .team-app-group > .team-group-row { padding-left: 24px; background: #f7f9fb; }
          #adminPanel .team-external-role-row { display: flex; align-items: center; gap: 9px; min-height: 38px; padding: 0 14px 0 44px; border-bottom: 1px solid #e7ebef; color: #56616d; background: #fcfdfe; font-size: 12px; }
          #adminPanel .team-external-role-row .team-count { margin-left: 2px; }
          #adminPanel .team-source-warning { padding: 14px 48px; border-bottom: 1px solid #f0d6b9; color: #9a5818; background: #fff8f0; font-size: 12px; }
          #adminPanel .team-member-row { width: 100%; min-height: 54px; padding: 0; border: 0; border-bottom: 1px solid #edf0f3; color: #44505e; background: #fff; font: inherit; text-align: left; cursor: pointer; transition: background .12s ease; }
          #adminPanel .team-member-row:last-child { border-bottom: 0; }
          #adminPanel .team-member-row:hover { background: #fff7ef; }
          #adminPanel .team-member-row > span { min-width: 0; padding: 0 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
          #adminPanel .team-member-identity { display: flex; align-items: center; gap: 10px; padding-left: 48px; }
          #adminPanel .team-member-identity .operator-card-avatar { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 9px; font-size: 10px; }
          #adminPanel .team-member-identity > span:last-child { min-width: 0; display: grid; gap: 1px; }
          #adminPanel .team-member-identity strong,
          #adminPanel .team-member-identity small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
          #adminPanel .team-member-identity strong { color: #26313d; font-size: 12px; }
          #adminPanel .team-member-identity small { color: #8a939e; font-size: 10px; }
          #adminPanel .team-mono { font-variant-numeric: tabular-nums; }
          #adminPanel .team-row-more { color: #89939e; font-size: 18px; text-align: center; }
          #adminPanel .client-empty { padding: 18px 48px; border-bottom: 1px solid #edf0f3; color: #84909c; font-size: 12px; }
          #adminPanelStatus { margin-top: 10px; }
          #adminPanel .admin-invite-card { max-width: 680px; }
          #adminPanel .team-member-modal-card { width: min(900px, calc(100vw - 32px)); max-width: none; max-height: calc(100vh - 40px); overflow: auto; padding: 0; border-radius: 14px; background: #fff; color: #293442; }
          #adminPanel .team-add-modal-card { width: min(440px, calc(100vw - 32px)); padding: 20px; border-radius: 14px; background: #fff; color: #293442; }
          #adminPanel .team-modal-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 18px 20px 12px; }
          #adminPanel .team-modal-close { width: 32px; height: 32px; border: 0; border-radius: 8px; background: transparent; color: #64707c; font-size: 24px; cursor: pointer; }
          #adminPanel .team-member-hero { display: flex; align-items: center; gap: 12px; padding: 0 20px 14px; }
          #adminPanel .team-member-hero > div:nth-child(2) { min-width: 0; display: grid; gap: 3px; flex: 1; }
          #adminPanel .team-member-hero > div:nth-child(2) span { color: #7a8591; font-size: 12px; }
          #adminPanel .team-modal-tabs { display: flex; gap: 24px; padding: 0 20px; border-bottom: 1px solid #e3e7eb; color: #7c8792; font-size: 12px; }
          #adminPanel .team-modal-tabs span { padding: 10px 0; }
          #adminPanel .team-modal-tabs .active { margin-bottom: -1px; border-bottom: 2px solid #ef8b2c; color: #d8751a; font-weight: 800; }
          #adminPanel .team-member-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 18px; padding: 18px 20px; }
          #adminPanel .team-member-form label { min-width: 0; }
          #adminPanel .team-member-form .field,
          #adminPanel .team-add-modal-card .field { width: 100%; min-height: 40px; margin: 5px 0 0; border-radius: 7px; background: #fff; }
          #adminPanel .team-member-form .field[readonly] { background: #f5f7f9; color: #77818c; }
          #adminPanel .team-active-toggle { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid #e0e5ea; border-radius: 9px; }
          #adminPanel .team-active-toggle > span { display: grid; gap: 2px; }
          #adminPanel .team-active-toggle small { color: #7d8792; }
          #adminPanel .team-modal-section { padding: 4px 20px 18px; }
          #adminPanel .team-section-title { margin: 8px 0 10px; color: #344052; font-size: 13px; font-weight: 800; }
          #adminPanel .team-linked-access-row { display: grid; grid-template-columns: minmax(150px, 1fr) minmax(180px, 1fr) auto; gap: 10px; align-items: center; padding: 10px 12px; border: 1px solid #e1e6eb; border-radius: 9px; background: #fafbfc; }
          #adminPanel .team-linked-access-row + .team-linked-access-row { margin-top: 8px; }
          #adminPanel .team-linked-access-row strong { font-size: 12px; }
          #adminPanel .team-linked-badge { color: #27834a; font-size: 11px; font-weight: 800; }
          #adminPanel .team-schedule-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid #e3e7eb; padding-top: 12px; }
          #adminPanel .team-schedule-nav { display: flex; gap: 6px; }
          #adminPanel .team-schedule-nav .btn { min-height: 32px; padding: 5px 10px; }
          #adminPanel .team-schedule-title { margin: 8px 0; color: #6f7985; font-size: 12px; }
          #adminPanel .team-owner-schedule-note { display: grid; gap: 3px; margin: 2px 20px 18px; padding: 14px 16px; border: 1px solid #f2d1af; border-radius: 10px; background: #fff8f0; color: #77502b; }
          #adminPanel .team-owner-schedule-note.hidden { display: none; }
          #adminPanel .team-owner-schedule-note strong { color: #9a5818; font-size: 13px; }
          #adminPanel .team-owner-schedule-note span { font-size: 12px; }
          #adminPanel .team-schedule-builder { margin-bottom: 12px; padding: 12px; border: 1px solid #e1e6eb; border-radius: 11px; background: #fafbfc; }
          #adminPanel .team-patterns { display: grid; grid-template-columns: repeat(5, 1fr); gap: 7px; }
          #adminPanel .team-pattern { display: grid; gap: 2px; min-height: 48px; padding: 7px 9px; border: 1px solid #dde3e9; border-radius: 9px; background: #fff; color: #3c4855; font: inherit; font-size: 12px; font-weight: 800; text-align: left; cursor: pointer; }
          #adminPanel .team-pattern small { color: #8a949e; font-size: 9px; font-weight: 600; }
          #adminPanel .team-pattern.active { border-color: #ef8b2c; background: #fff3e7; color: #c7640d; box-shadow: 0 0 0 1px rgba(239,139,44,.08); }
          #adminPanel .team-schedule-settings { display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: 8px; align-items: end; margin-top: 10px; }
          #adminPanel .team-schedule-settings .field { width: 100%; min-height: 36px; margin: 4px 0 0; }
          #adminPanel .team-schedule-settings .btn { min-height: 36px; white-space: nowrap; }
          #adminPanel .team-calendar-weekdays, #adminPanel .team-calendar { display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; }
          #adminPanel .team-calendar-weekdays { margin: 0 0 5px; color: #929ba5; font-size: 10px; font-weight: 800; text-align: center; text-transform: uppercase; }
          #adminPanel .team-calendar { min-height: 210px; }
          #adminPanel .team-calendar .client-empty { grid-column: 1 / -1; padding: 24px; border: 1px solid #e2e7ec; border-radius: 10px; text-align: center; }
          #adminPanel .team-calendar-empty { min-height: 72px; }
          #adminPanel .team-calendar-day { position: relative; display: grid; align-content: space-between; min-width: 0; min-height: 72px; padding: 8px; border: 1px solid #e1e6eb; border-radius: 9px; background: #f7f9fb; color: #7d8791; font: inherit; text-align: left; cursor: pointer; }
          #adminPanel .team-calendar-day:hover { border-color: #efb273; }
          #adminPanel .team-calendar-day.working { border-color: #f2b77d; background: #fff5ea; color: #9b5418; }
          #adminPanel .team-calendar-day.today { box-shadow: inset 0 0 0 2px #ef8b2c; }
          #adminPanel .team-calendar-number { font-size: 13px; font-weight: 900; }
          #adminPanel .team-calendar-state { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; font-weight: 800; }
          #adminPanel .team-calendar-day small { overflow: hidden; color: #9099a3; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
          #adminPanel .team-calendar-day.working small { color: #b26b2c; }
          #adminPanel .team-schedule-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; }
          #adminPanel .team-member-modal-card .modal-actions { padding: 14px 20px; border-top: 1px solid #e3e7eb; background: #fafbfc; }
          @media (max-width: 1050px) {
            #adminPanel .team-toolbar { grid-template-columns: 1fr 1fr; }
            #adminPanel .team-directory { overflow-x: auto; }
            #adminPanel .team-table-head, #adminPanel .team-member-row { min-width: 900px; }
          }
          @media (max-width: 620px) {
            .voice-greeting-row { grid-template-columns: 1fr; }
            .profile-admin-setting-card .voice-greeting-row .btn { width: 100%; }
            .voice-greetings-actions { align-items: stretch; flex-direction: column; }
            .voice-greetings-actions .btn { width: 100%; min-width: 0; }
            .voice-greetings-limit { text-align: left; }
            #adminPanel .team-toolbar, #adminPanel .team-member-form { grid-template-columns: 1fr; }
            #adminPanel .team-active-toggle { grid-column: auto; }
            #adminPanel .team-linked-access-row { grid-template-columns: 1fr; }
            #adminPanel .team-schedule-head { align-items: flex-start; flex-direction: column; }
            #adminPanel .team-patterns { grid-template-columns: repeat(2, 1fr); }
            #adminPanel .team-schedule-settings { grid-template-columns: 1fr 1fr; }
            #adminPanel .team-calendar-day, #adminPanel .team-calendar-empty { min-height: 62px; padding: 6px; }
            #adminPanel .team-calendar-state { font-size: 0; }
            #adminPanel .team-calendar-state::after { content: "●"; font-size: 9px; }
          }

          /* Orders workspace v2: compact, accessible and responsive. */
          #ordersPanel { color: #26313f; }
          #ordersPanel .orders-admin-heading { align-items: center; margin-bottom: 14px; }
          #ordersPanel .panel-title { font-size: 18px; }
          #ordersPanel .orders-admin-branch-label { margin-top: 3px; color: #6f7b89; font-size: 12px; font-weight: 700; }
          #ordersPanel .orders-admin-actions { display: flex; align-items: center; gap: 8px; }
          #ordersPanel .orders-admin-actions .btn { min-height: 38px; padding: 8px 14px; border-color: #d8dee6; background: #fff; color: #344152; font-size: 13px; }
          #ordersPanel .orders-admin-create-btn:disabled { border-color: #f1c99f; background: #fff5eb; color: #a76529; cursor: not-allowed; opacity: 1; }
          #ordersPanel .orders-admin-search { display: flex; align-items: center; gap: 7px; width: min(290px, 30vw); min-height: 36px; padding: 0 11px; border: 1px solid #d8dee6; border-radius: 9px; background: #fff; color: #7b8794; }
          #ordersPanel .orders-admin-search:focus-within { border-color: #ef8b2c; box-shadow: 0 0 0 3px rgba(239,139,44,.12); }
          #ordersPanel .orders-admin-search input { width: 100%; border: 0; outline: 0; background: transparent; color: #26313f; font: inherit; font-size: 13px; }
          #ordersPanel .orders-admin-filter-panel { display: flex; align-items: end; gap: 10px; margin: 0 0 12px; padding: 11px 12px; border: 1px solid #e0e5eb; border-radius: 11px; background: #fff; }
          #ordersPanel .orders-admin-filter { gap: 5px; }
          #ordersPanel .orders-admin-filter > span:first-child { color: #5f6b79; font-size: 11px; }
          #ordersPanel .orders-admin-period-filter { flex: 0 1 370px; }
          #ordersPanel .orders-admin-date-range { display: grid; grid-template-columns: 1fr auto 1fr; gap: 6px; }
          #ordersPanel .orders-admin-filter .field { min-height: 36px; border-color: #d8dee6; border-radius: 8px; background: #fff; color: #26313f; font-size: 13px; }
          #ordersPanel .orders-admin-filter:not(.orders-admin-period-filter) { width: 180px; }
          #ordersPanel .orders-admin-quick-periods { display: flex; gap: 4px; }
          #ordersPanel .orders-admin-quick-periods button,
          #ordersPanel .orders-admin-reset { min-height: 36px; padding: 7px 10px; border: 1px solid #dfe4ea; border-radius: 8px; background: #f7f9fb; color: #4f5c6b; font: inherit; font-size: 12px; cursor: pointer; white-space: nowrap; }
          #ordersPanel .orders-admin-quick-periods button:hover { border-color: #efaa67; background: #fff5eb; color: #b9651b; }
          #ordersPanel .orders-admin-reset { margin-left: auto; border-color: transparent; background: transparent; color: #7b8794; text-decoration: underline; }
          #ordersPanel .orders-admin-toolbar { display: grid; gap: 7px; }
          #ordersPanel .orders-admin-stats { display: grid; grid-template-columns: repeat(4, minmax(135px, 1fr)); gap: 8px; }
          #ordersPanel .orders-admin-kpi { min-height: 66px; padding: 11px 13px 10px 48px; border: 1px solid #e0e5eb; border-radius: 11px; background: #fff; color: #26313f; box-shadow: 0 2px 7px rgba(30,42,56,.04); }
          #ordersPanel .orders-admin-kpi::before { top: 14px; left: 12px; width: 28px; height: 28px; border-radius: 8px; }
          #ordersPanel .orders-admin-kpi span { color: #667382; font-size: 11px; }
          #ordersPanel .orders-admin-kpi strong { color: #26313f; font-size: 22px; }
          #ordersPanel .orders-admin-kpi.attention strong { color: #d85050; }
          #ordersPanel #ordersAdminMeta { color: #6f7b89; font-size: 11px; text-align: right; }
          #ordersPanel .orders-admin-status-tabs { display: flex; min-height: 39px; margin-top: 8px; overflow-x: auto; border: 1px solid #e0e5eb; border-radius: 10px 10px 0 0; background: #fff; }
          #ordersPanel .orders-admin-status-tab { min-height: 40px; padding: 0 12px; color: #5c6978; font-size: 12px; }
          #ordersPanel .orders-admin-status-tab.active { border-bottom-color: #ef8b2c; background: #fff5eb; color: #bf661a; }
          #ordersPanel .orders-admin-status-tabs.is-receiving-drag .orders-admin-status-tab:not(.issue):not(:first-child) { background: #eef9f2; box-shadow: inset 0 0 0 1px #9dd4ae; }
          #ordersPanel .orders-admin-status-tab.is-drop-target { background: #dff4e6; color: #247a43; }
          #ordersPanel .orders-admin-table-wrap { max-height: min(62vh, 660px); overflow: auto; border-color: #e0e5eb; background: #fff; }
          #ordersPanel .orders-admin-table { width: 100%; min-width: 0; table-layout: fixed; color: #293442; font-size: 13px; }
          #ordersPanel .orders-admin-table th { position: sticky; top: 0; z-index: 2; padding: 9px 10px; border-bottom-color: #dfe4ea; background: #f6f8fa; color: #5c6978; font-size: 11px; }
          #ordersPanel .orders-admin-table th:nth-child(1) { width: 20%; }
          #ordersPanel .orders-admin-table th:nth-child(2) { width: 20%; }
          #ordersPanel .orders-admin-table th:nth-child(3) { width: 22%; }
          #ordersPanel .orders-admin-table th:nth-child(4) { width: 12%; }
          #ordersPanel .orders-admin-table th:nth-child(5) { width: 16%; }
          #ordersPanel .orders-admin-table th:nth-child(6) { width: 10%; }
          #ordersPanel .orders-admin-table th button { padding: 0; border: 0; background: transparent; color: inherit; font: inherit; font-weight: 800; text-transform: uppercase; cursor: pointer; }
          #ordersPanel .orders-admin-table td { padding: 10px; border-bottom-color: #edf0f3; background: #fff; color: #344152; white-space: normal; }
          #ordersPanel .orders-admin-table-row { cursor: default; user-select: text; }
          #ordersPanel .orders-admin-table-row:hover td,
          #ordersPanel .orders-admin-table-row.expanded td { background: #fffaf5; }
          #ordersPanel .orders-admin-table-row.needs-attention td:first-child { box-shadow: inset 3px 0 0 #eb6363; }
          #ordersPanel .orders-admin-table td > strong,
          #ordersPanel .orders-admin-table td > span > strong { display: block; overflow: hidden; color: #26313f; text-overflow: ellipsis; white-space: nowrap; }
          #ordersPanel .orders-admin-table td small { display: block; margin-top: 4px; overflow: hidden; color: #687584; font-size: 11px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
          #ordersPanel .orders-admin-order-cell { display: flex; align-items: center; gap: 6px; }
          #ordersPanel .orders-admin-order-cell > span:last-child { min-width: 0; }
          #ordersPanel .orders-admin-drag-handle { flex: 0 0 auto; color: #a3adb8; font-size: 17px; cursor: grab; user-select: none; }
          #ordersPanel .orders-admin-drag-handle:active { cursor: grabbing; }
          #ordersPanel .orders-admin-expand-toggle { flex: 0 0 24px; width: 24px; height: 24px; padding: 0; border: 1px solid #dfe4ea; border-radius: 6px; background: #fff; color: #596675; font: inherit; font-size: 17px; cursor: pointer; }
          #ordersPanel .orders-admin-channel { display: inline; padding: 0; background: transparent; color: #3d6f9f; font-size: 11px; }
          #ordersPanel .orders-admin-chip { display: inline-flex; max-width: 100%; padding: 4px 7px; overflow: hidden; border-radius: 6px; background: #eef2f6; color: #3f4d5c; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
          #ordersPanel :is(.orders-admin-chip, .orders-admin-status-tab).status-pending { --order-status-color: #1d4ed8; --order-status-bg: #dbeafe; }
          #ordersPanel :is(.orders-admin-chip, .orders-admin-status-tab).status-ai_draft_review { --order-status-color: #6d28d9; --order-status-bg: #ede9fe; }
          #ordersPanel :is(.orders-admin-chip, .orders-admin-status-tab).status-accepted { --order-status-color: #0f766e; --order-status-bg: #ccfbf1; }
          #ordersPanel :is(.orders-admin-chip, .orders-admin-status-tab).status-in_progress { --order-status-color: #b45309; --order-status-bg: #ffedd5; }
          #ordersPanel :is(.orders-admin-chip, .orders-admin-status-tab).status-ready { --order-status-color: #15803d; --order-status-bg: #dcfce7; }
          #ordersPanel :is(.orders-admin-chip, .orders-admin-status-tab).status-delivery { --order-status-color: #0e7490; --order-status-bg: #cffafe; }
          #ordersPanel :is(.orders-admin-chip, .orders-admin-status-tab).status-paid { --order-status-color: #4338ca; --order-status-bg: #e0e7ff; }
          #ordersPanel :is(.orders-admin-chip, .orders-admin-status-tab).status-completed { --order-status-color: #475569; --order-status-bg: #e2e8f0; }
          #ordersPanel :is(.orders-admin-chip, .orders-admin-status-tab).status-rejected { --order-status-color: #b91c1c; --order-status-bg: #fee2e2; }
          #ordersPanel :is(.orders-admin-chip, .orders-admin-status-tab).status-issues { --order-status-color: #be123c; --order-status-bg: #ffe4e6; }
          #ordersPanel .orders-admin-chip[class*="status-"] {
            border: 1px solid var(--order-status-color, #64748b) !important;
            background: var(--order-status-bg, #eef2f6) !important;
            color: var(--order-status-color, #475569) !important;
            font-weight: 800;
          }
          #ordersPanel .orders-admin-status-tab[class*="status-"]::before {
            content: "";
            flex: 0 0 7px;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: var(--order-status-color, #94a3b8);
          }
          #ordersPanel .orders-admin-status-tab[class*="status-"] strong { color: var(--order-status-color, inherit); }
          #ordersPanel .orders-admin-status-tab[class*="status-"].active {
            border-bottom-color: var(--order-status-color, #ef8b2c);
            background: var(--order-status-bg, #fff5eb);
            color: var(--order-status-color, #bf661a);
          }
          #ordersPanel .orders-admin-attention-reason { color: #c94c4c; }
          #ordersPanel .orders-admin-sla { color: #567ca4; font-variant-numeric: tabular-nums; white-space: nowrap; }
          #ordersPanel .orders-admin-sla.overdue { color: #d85050; font-weight: 800; }
          #ordersPanel .orders-admin-detail-row td { background: #f8fafc; }
          #ordersPanel .orders-admin-table-detail { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 13px 42px; }
          #ordersPanel .orders-admin-table-detail span { color: #6f7b89; font-size: 11px; }
          #ordersPanel .orders-admin-table-detail strong { color: #344152; font-size: 13px; }
          #ordersPanel .orders-admin-history { font-size: 12px; }
          #ordersPanel .orders-admin-table-detail .attention strong { color: #c94c4c; }
          #ordersPanel .orders-admin-status-select { width: 100%; min-height: 32px; border: 1px solid #d8dee6; border-radius: 7px; background: #fff; color: #344152; }
          #ordersPanel .orders-admin-pagination { display: flex; align-items: center; justify-content: space-between; min-height: 40px; padding: 7px 10px; border: 1px solid #e0e5eb; border-top: 0; border-radius: 0 0 10px 10px; background: #fff; color: #687584; font-size: 11px; }
          #ordersPanel .orders-admin-pagination > div { display: flex; align-items: center; gap: 8px; }
          #ordersPanel .orders-admin-pagination button,
          #ordersPanel .orders-admin-empty button,
          #ordersPanel .orders-admin-error-state button { min-width: 30px; min-height: 28px; border: 1px solid #d8dee6; border-radius: 7px; background: #fff; color: #4b5968; cursor: pointer; }
          #ordersPanel .orders-admin-pagination button:disabled { opacity: .35; cursor: default; }
          #ordersPanel .orders-admin-empty,
          #ordersPanel .orders-admin-error-state { display: grid; justify-items: center; gap: 7px; padding: 48px 20px; border: 1px solid #e0e5eb; background: #fff; color: #778391; }
          #ordersPanel .orders-admin-empty strong,
          #ordersPanel .orders-admin-error-state strong { color: #344152; font-size: 14px; }
          #ordersPanel .orders-admin-skeleton { display: grid; gap: 1px; border: 1px solid #e0e5eb; background: #edf0f3; }
          #ordersPanel .orders-admin-skeleton i { height: 48px; background: linear-gradient(90deg,#fff 20%,#f2f4f7 45%,#fff 70%); background-size: 250% 100%; animation: ordersAdminSkeleton 1.2s infinite linear; }
          @keyframes ordersAdminSkeleton { to { background-position: -250% 0; } }
          #ordersPanel .orders-admin-toast { position: fixed; right: 24px; bottom: 24px; z-index: 100; display: flex; align-items: center; gap: 18px; padding: 11px 14px; border-radius: 9px; background: #273341; color: #fff; box-shadow: 0 8px 30px rgba(20,30,40,.24); font-size: 12px; }
          #ordersPanel .orders-admin-toast.hidden { display: none; }
          #ordersPanel .orders-admin-toast button { border: 0; background: transparent; color: #ffb46d; font: inherit; font-weight: 800; cursor: pointer; }
          #ordersPanel #ordersAdminRefreshBtn.is-loading { opacity: .65; }
          @media (max-width: 1050px) {
            #ordersPanel .orders-admin-heading { align-items: flex-start; flex-direction: column; }
            #ordersPanel .orders-admin-actions { width: 100%; flex-wrap: wrap; }
            #ordersPanel .orders-admin-search { flex: 1 1 240px; width: auto; }
            #ordersPanel .orders-admin-filter-panel { flex-wrap: wrap; }
            #ordersPanel .orders-admin-period-filter { flex: 1 1 330px; }
          }
          @media (max-width: 720px) {
            #ordersPanel .orders-admin-stats { grid-template-columns: 1fr 1fr; }
            #ordersPanel .orders-admin-table thead { display: none; }
            #ordersPanel .orders-admin-table,
            #ordersPanel .orders-admin-table tbody { display: grid; }
            #ordersPanel .orders-admin-table-row { display: grid; grid-template-columns: 1fr 1fr; padding: 8px; border-bottom: 1px solid #e0e5eb; }
            #ordersPanel .orders-admin-table-row td { padding: 6px; border: 0; }
            #ordersPanel .orders-admin-table-row td:nth-child(1),
            #ordersPanel .orders-admin-table-row td:nth-child(2) { grid-column: span 2; }
            #ordersPanel .orders-admin-detail-row { display: block; }
            #ordersPanel .orders-admin-detail-row td { display: block; }
            #ordersPanel .orders-admin-table-detail { grid-template-columns: 1fr; padding: 13px; }
            #ordersPanel .orders-admin-quick-periods { order: 3; width: 100%; overflow-x: auto; }
          }

          /* Manual order: one cart can contain many menu positions. */
          #manualOrderPanel { color: #26313f; }
          #manualOrderPanel .manual-order-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
          #manualOrderPanel .manual-order-heading .hint { margin-top: 4px; color: #6f7b89; }
          #manualOrderPanel .manual-order-workspace { display: grid; grid-template-columns: minmax(320px, 390px) 160px minmax(420px, 1fr); min-height: min(690px, calc(100vh - 180px)); border: 1px solid #dfe4ea; border-radius: 12px; overflow: hidden; background: #f6f8fa; }
          #manualOrderPanel .manual-order-cart-card,
          #manualOrderPanel .manual-order-catalog-card { min-width: 0; padding: 16px; background: #fff; }
          #manualOrderPanel .manual-order-cart-card { display: flex; flex-direction: column; border-right: 1px solid #dfe4ea; }
          #manualOrderPanel .manual-order-cart-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 12px; border-bottom: 2px solid #ef8b2c; }
          #manualOrderPanel .manual-order-cart-head strong { font-size: 17px; }
          #manualOrderPanel .manual-order-cart-head button { border: 0; background: transparent; color: #8a5a2c; cursor: pointer; }
          #manualOrderPanel .manual-order-cart-list { flex: 1 1 auto; min-height: 150px; max-height: 310px; overflow: auto; }
          #manualOrderPanel .manual-order-cart-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 11px 0; border-bottom: 1px solid #edf0f3; }
          #manualOrderPanel .manual-order-cart-row > div:first-child { min-width: 0; }
          #manualOrderPanel .manual-order-cart-row > div:first-child strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
          #manualOrderPanel .manual-order-cart-row span { display: block; margin-top: 3px; color: #788493; font-size: 11px; }
          #manualOrderPanel .manual-order-cart-row > strong { min-width: 75px; text-align: right; font-size: 12px; }
          #manualOrderPanel .manual-order-quantity { display: inline-flex; align-items: center; gap: 7px; }
          #manualOrderPanel .manual-order-quantity button { width: 26px; height: 26px; padding: 0; border: 1px solid #d9dfe6; border-radius: 7px; background: #fff; color: #374352; cursor: pointer; }
          #manualOrderPanel .manual-order-quantity b { min-width: 16px; text-align: center; }
          #manualOrderPanel .manual-order-details { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; padding: 12px 0; border-top: 1px solid #edf0f3; }
          #manualOrderPanel .manual-order-details label { display: grid; gap: 5px; color: #687584; font-size: 11px; }
          #manualOrderPanel .manual-order-details label:last-child { grid-column: 1 / -1; }
          #manualOrderPanel .manual-order-details .field { min-height: 36px; border-color: #d9dfe6; background: #fff; color: #26313f; }
          #manualOrderPanel .manual-order-details textarea.field { resize: vertical; }
          #manualOrderPanel .manual-order-total { display: flex; align-items: baseline; justify-content: space-between; padding: 13px 0; border-top: 1px solid #dfe4ea; }
          #manualOrderPanel .manual-order-total span { color: #5f6b79; }
          #manualOrderPanel .manual-order-total strong { font-size: 21px; }
          #manualOrderPanel .manual-order-save { width: 100%; min-height: 46px; background: #ef7f1a; color: #fff; }
          #manualOrderPanel .manual-order-save:disabled { opacity: .45; cursor: not-allowed; }
          #manualOrderPanel .manual-order-status { min-height: 20px; margin-top: 8px; font-size: 12px; line-height: 1.4; }
          #manualOrderPanel .manual-order-status.success { color: #247a43; }
          #manualOrderPanel .manual-order-status.error,
          #manualOrderPanel .manual-order-empty.error { color: #c94c4c; }
          #manualOrderPanel .manual-order-status button { padding: 0; border: 0; background: transparent; color: inherit; font: inherit; font-weight: 800; text-decoration: underline; cursor: pointer; }
          #manualOrderPanel .manual-order-categories { display: flex; flex-direction: column; gap: 7px; padding: 16px 10px; overflow-y: auto; border-right: 1px solid #dfe4ea; background: #f8fafc; }
          #manualOrderPanel .manual-order-categories button { min-height: 42px; padding: 8px 10px; border: 1px solid #dfe4ea; border-radius: 8px; background: #fff; color: #354253; font: inherit; font-weight: 700; cursor: pointer; }
          #manualOrderPanel .manual-order-categories button.active { border-color: #ef8b2c; background: #ef7f1a; color: #fff; box-shadow: 0 4px 12px rgba(239,127,26,.2); }
          #manualOrderPanel .manual-order-catalog-card { display: flex; flex-direction: column; }
          #manualOrderPanel .manual-order-search { display: flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 12px; border: 1px solid #d9dfe6; border-radius: 9px; color: #7b8794; }
          #manualOrderPanel .manual-order-search:focus-within { border-color: #ef8b2c; box-shadow: 0 0 0 3px rgba(239,139,44,.12); }
          #manualOrderPanel .manual-order-search input { width: 100%; border: 0; outline: 0; background: transparent; color: #26313f; font: inherit; }
          #manualOrderPanel .manual-order-catalog { display: grid; grid-template-columns: repeat(4, minmax(120px, 1fr)); align-content: start; gap: 9px; padding-top: 14px; overflow-y: auto; }
          #manualOrderPanel .manual-order-product { position: relative; display: grid; justify-items: center; align-content: center; gap: 6px; min-height: 86px; padding: 10px 12px; border: 1px solid #dfe4ea; border-radius: 9px; background: #fff; color: #2f3b49; font: inherit; text-align: center; cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
          #manualOrderPanel .manual-order-product:hover { border-color: #efa45e; box-shadow: 0 5px 15px rgba(35,48,62,.08); transform: translateY(-1px); }
          #manualOrderPanel .manual-order-product.selected { border-color: #ef8b2c; background: #fffaf5; }
          #manualOrderPanel .manual-order-product-name { min-height: 32px; line-height: 1.25; }
          #manualOrderPanel .manual-order-product > strong { font-size: 13px; }
          #manualOrderPanel .manual-order-product > i { position: absolute; top: 7px; right: 7px; display: grid; place-items: center; min-width: 23px; height: 23px; padding: 0 6px; border-radius: 999px; background: #ef7f1a; color: #fff; font-style: normal; font-weight: 800; }
          #manualOrderPanel .manual-order-empty { grid-column: 1 / -1; display: grid; place-items: center; min-height: 120px; color: #7b8794; text-align: center; }
          @media (max-width: 1180px) {
            #manualOrderPanel .manual-order-workspace { grid-template-columns: minmax(300px, 360px) minmax(420px, 1fr); grid-template-rows: auto 1fr; }
            #manualOrderPanel .manual-order-cart-card { grid-row: 1 / 3; }
            #manualOrderPanel .manual-order-categories { grid-column: 2; grid-row: 1; flex-direction: row; padding: 10px; overflow-x: auto; border-right: 0; border-bottom: 1px solid #dfe4ea; }
            #manualOrderPanel .manual-order-categories button { flex: 0 0 auto; }
            #manualOrderPanel .manual-order-catalog-card { grid-column: 2; grid-row: 2; }
            #manualOrderPanel .manual-order-catalog { grid-template-columns: repeat(3, minmax(120px, 1fr)); }
          }
          @media (max-width: 780px) {
            #manualOrderPanel .manual-order-heading { align-items: flex-start; flex-direction: column; }
            #manualOrderPanel .manual-order-workspace { display: flex; flex-direction: column; }
            #manualOrderPanel .manual-order-cart-card { grid-row: auto; border-right: 0; border-bottom: 1px solid #dfe4ea; }
            #manualOrderPanel .manual-order-categories { order: 2; }
            #manualOrderPanel .manual-order-catalog-card { order: 3; padding-top: 16px; }
            #manualOrderPanel .manual-order-catalog { grid-template-columns: repeat(2, minmax(125px, 1fr)); }
          }

          /* Manual order POS mode v2. */
          #manualOrderPanel .manual-order-heading-actions { display: flex; justify-content: flex-end; gap: 7px; flex-wrap: wrap; }
          #manualOrderPanel .manual-order-heading-actions .btn { width: auto; min-height: 36px; margin-top: 0; padding: 7px 10px; font-size: 12px; white-space: nowrap; }
          #manualOrderPanel .manual-order-heading-actions span { display: inline-grid; min-width: 20px; height: 20px; place-items: center; margin-left: 3px; border-radius: 999px; background: #fff1e4; color: #c86612; }
          #manualOrderPanel .manual-order-workspace { grid-template-columns: minmax(390px, 440px) 150px minmax(430px, 1fr); height: min(760px, calc(100vh - 175px)); min-height: 610px; }
          #manualOrderPanel .manual-order-cart-card { min-height: 0; }
          #manualOrderPanel .manual-order-cart-head > span { display: flex; gap: 8px; }
          #manualOrderPanel .manual-order-cart-head strong span { display: inline-grid; min-width: 24px; height: 24px; place-items: center; margin-left: 5px; border-radius: 999px; background: #fff1e4; color: #d56c10; font-size: 12px; }
          #manualOrderPanel .manual-order-cart-list { flex: 1 1 210px; min-height: 105px; max-height: none; }
          #manualOrderPanel .manual-order-cart-row { grid-template-columns: minmax(0, 1fr) auto auto; gap: 7px; padding: 9px 0; }
          #manualOrderPanel .manual-order-cart-row.just-added { background: #fff7e8; animation: manualOrderFlash .65s ease; }
          @keyframes manualOrderFlash { 50% { background: #ffe2bd; } }
          #manualOrderPanel .manual-order-quantity { gap: 4px; }
          #manualOrderPanel .manual-order-quantity input { width: 38px; height: 27px; padding: 0 3px; border: 1px solid #d9dfe6; border-radius: 6px; text-align: center; font-weight: 800; }
          #manualOrderPanel .manual-order-line-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 5px; }
          #manualOrderPanel .manual-order-line-actions button { min-height: 25px; padding: 3px 7px; border: 1px solid #dfe4ea; border-radius: 6px; background: #f8fafc; color: #5f6b79; font: inherit; font-size: 10px; cursor: pointer; }
          #manualOrderPanel .manual-order-line-actions button.danger { color: #c94c4c; }
          #manualOrderPanel .manual-order-checkout { flex: 0 0 auto; padding-top: 8px; border-top: 1px solid #dfe4ea; background: #fff; }
          #manualOrderPanel .manual-order-customer-picker { position: relative; display: grid; gap: 5px; }
          #manualOrderPanel .manual-order-customer-picker > label { display: grid; gap: 4px; color: #687584; font-size: 11px; }
          #manualOrderPanel .manual-order-customer-picker .field { min-height: 34px; border-color: #d9dfe6; background: #fff; color: #26313f; }
          #manualOrderPanel .manual-order-customer-results { position: absolute; right: 0; bottom: calc(100% - 18px); left: 0; z-index: 20; max-height: 220px; overflow: auto; padding: 5px; border: 1px solid #d9dfe6; border-radius: 9px; background: #fff; box-shadow: 0 12px 32px rgba(30,42,56,.18); }
          #manualOrderPanel .manual-order-customer-results button { display: flex; justify-content: space-between; gap: 10px; width: 100%; padding: 8px; border: 0; border-bottom: 1px solid #edf0f3; background: #fff; color: #344152; text-align: left; cursor: pointer; }
          #manualOrderPanel .manual-order-customer-results button:hover { background: #fff5eb; }
          #manualOrderPanel .manual-order-customer-results span { color: #73808e; font-size: 11px; }
          #manualOrderPanel .manual-order-selected-customer { display: flex; justify-content: space-between; padding: 5px 8px; border-radius: 7px; background: #eef9f2; color: #247a43; font-size: 11px; }
          #manualOrderPanel .manual-order-selected-customer button { border: 0; background: transparent; color: inherit; cursor: pointer; }
          #manualOrderPanel .manual-order-details { gap: 6px; padding: 7px 0; border-top: 0; }
          #manualOrderPanel .manual-order-details label { gap: 3px; }
          #manualOrderPanel .manual-order-details label:last-child { grid-column: auto; }
          #manualOrderPanel .manual-order-details label.manual-order-wide { grid-column: 1 / -1; }
          #manualOrderPanel .manual-order-details label.hidden,
          #manualOrderPanel .manual-order-payment-grid.hidden { display: none !important; }
          #manualOrderPanel .manual-order-details .field { min-height: 33px; padding: 6px 8px; }
          #manualOrderPanel .manual-order-details textarea.field { min-height: 42px; }
          #manualOrderPanel .manual-order-payment-grid { display: grid; grid-template-columns: 1fr 1fr 1.2fr; gap: 6px; padding: 5px 0; }
          #manualOrderPanel .manual-order-payment-grid label { display: grid; gap: 3px; color: #687584; font-size: 11px; }
          #manualOrderPanel .manual-order-payment-grid .field { min-height: 33px; padding: 6px 8px; border-color: #d9dfe6; background: #fff; color: #26313f; }
          #manualOrderPanel .manual-order-summary-lines { display: grid; gap: 3px; padding-top: 6px; border-top: 1px solid #edf0f3; }
          #manualOrderPanel .manual-order-summary-lines span { display: flex; justify-content: space-between; color: #687584; font-size: 11px; }
          #manualOrderPanel .manual-order-summary-lines span.hidden { display: none; }
          #manualOrderPanel .manual-order-save kbd { margin-left: 6px; padding: 2px 5px; border: 1px solid rgba(255,255,255,.45); border-radius: 5px; background: rgba(255,255,255,.14); font: inherit; font-size: 10px; }
          #manualOrderPanel .manual-order-catalog-toolbar { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }
          #manualOrderPanel .manual-order-catalog-toolbar > button { flex: 0 0 36px; height: 36px; border: 1px solid #d9dfe6; border-radius: 8px; background: #f8fafc; color: #465463; font-size: 17px; cursor: pointer; }
          #manualOrderPanel .manual-order-catalog-toolbar > button:disabled { opacity: .35; cursor: default; }
          #manualOrderPanel .manual-order-breadcrumbs { min-width: 0; overflow: hidden; color: #667382; font-size: 12px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
          #manualOrderPanel .manual-order-product small { color: #8a95a2; font-size: 9px; }
          #manualOrderPanel .manual-order-product.just-added { animation: manualOrderProductFlash .65s ease; }
          @keyframes manualOrderProductFlash { 50% { transform: scale(.97); background: #ffe2bd; } }
          #manualOrderPanel .manual-order-product.unavailable { border-style: dashed; background: #f3f5f7; color: #8b96a2; opacity: .62; cursor: not-allowed; }
          #manualOrderPanel .manual-order-product.unavailable strong { color: #b24b4b; }
          #manualOrderPanel .manual-order-modal-card { width: min(520px, calc(100vw - 28px)); }
          #manualOrderPanel .manual-order-modifier-presets { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 14px 0; }
          #manualOrderPanel .manual-order-modifier-presets label { padding: 10px; border: 1px solid #dfe4ea; border-radius: 8px; background: #f8fafc; color: #344152; cursor: pointer; }
          #manualOrderPanel .manual-order-modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }
          #manualOrderPanel .manual-order-shelf-card { width: min(660px, calc(100vw - 28px)); }
          #manualOrderPanel .manual-order-shelf-tabs { display: flex; gap: 7px; margin: 12px 0; }
          #manualOrderPanel .manual-order-shelf-tabs button { padding: 8px 12px; border: 1px solid #dfe4ea; border-radius: 8px; background: #f8fafc; color: #536171; font: inherit; cursor: pointer; }
          #manualOrderPanel .manual-order-shelf-tabs button.active { border-color: #ef8b2c; background: #fff1e4; color: #bd6112; }
          #manualOrderPanel .manual-order-shelf-list { display: grid; max-height: 55vh; overflow: auto; }
          #manualOrderPanel .manual-order-shelf-list > div:not(.manual-order-empty) { display: flex; align-items: center; gap: 8px; padding: 10px 0; border-bottom: 1px solid #edf0f3; }
          #manualOrderPanel .manual-order-shelf-list span { display: grid; flex: 1 1 auto; }
          #manualOrderPanel .manual-order-shelf-list small { margin-top: 3px; color: #74808d; }
          #manualOrderPanel .manual-order-shelf-list button { padding: 7px 9px; border: 1px solid #dfe4ea; border-radius: 7px; background: #fff; color: #485666; cursor: pointer; }
          #manualOrderPanel .manual-order-shelf-list button.danger { color: #c94c4c; }
          body.manual-order-pos-mode:has(#adminPanels:not(.hidden)) .admin-layout { grid-template-columns: 1fr !important; grid-template-rows: 1fr !important; }
          body.manual-order-pos-mode:has(#adminPanels:not(.hidden)) .admin-top-navigation,
          body.manual-order-pos-mode:has(#adminPanels:not(.hidden)) .admin-sidebar { display: none !important; }
          body.manual-order-pos-mode:has(#adminPanels:not(.hidden)) .admin-content { grid-column: 1 !important; grid-row: 1 !important; padding: 10px !important; }
          body.manual-order-pos-mode #manualOrderPanel .manual-order-heading { margin-bottom: 8px; }
          body.manual-order-pos-mode #manualOrderPanel .manual-order-workspace { height: calc(100vh - 78px); }
          @media (pointer: coarse) {
            #manualOrderPanel .manual-order-product { min-height: 102px; font-size: 15px; }
            #manualOrderPanel .manual-order-categories button { min-height: 50px; }
            #manualOrderPanel .manual-order-quantity button { width: 34px; height: 34px; }
          }
          @media (max-width: 1180px) {
            #manualOrderPanel .manual-order-workspace { grid-template-columns: minmax(360px, 420px) minmax(420px, 1fr); }
            #manualOrderPanel .manual-order-heading-actions { justify-content: flex-start; }
          }

          /* Manual order POS v3: menu and order are the only two main panes. */
          #manualOrderPanel .manual-order-workspace {
            grid-template-columns: minmax(560px, 1.25fr) minmax(380px, .75fr);
          }
          #manualOrderPanel .manual-order-menu-pane {
            display: grid;
            grid-template-columns: 150px minmax(0, 1fr);
            min-width: 0;
            min-height: 0;
            background: #f8fafc;
          }
          #manualOrderPanel .manual-order-menu-pane .manual-order-categories {
            grid-column: 1;
            grid-row: 1;
            order: initial;
            border-right: 1px solid #dfe4ea;
            border-bottom: 0;
          }
          #manualOrderPanel .manual-order-menu-pane .manual-order-catalog-card {
            grid-column: 2;
            grid-row: 1;
            order: initial;
            min-height: 0;
          }
          #manualOrderPanel .manual-order-cart-card {
            grid-row: auto;
            min-height: 0;
            padding: 0;
            border-right: 0;
            border-left: 1px solid #dfe4ea;
          }
          #manualOrderPanel .manual-order-order-tabs {
            display: grid;
            grid-template-columns: 1fr 1fr;
            flex: 0 0 auto;
            border-bottom: 1px solid #dfe4ea;
            background: #f8fafc;
          }
          #manualOrderPanel .manual-order-order-tabs button {
            min-height: 49px;
            border: 0;
            border-bottom: 3px solid transparent;
            background: transparent;
            color: #6b7785;
            font: inherit;
            font-weight: 800;
            cursor: pointer;
          }
          #manualOrderPanel .manual-order-order-tabs button.active {
            border-bottom-color: #ef7f1a;
            background: #fff;
            color: #26313f;
          }
          #manualOrderPanel .manual-order-order-tabs span {
            display: inline-grid;
            min-width: 22px;
            height: 22px;
            place-items: center;
            margin-left: 5px;
            border-radius: 999px;
            background: #fff1e4;
            color: #cf6810;
            font-size: 11px;
          }
          #manualOrderPanel .manual-order-tab-pane {
            flex: 1 1 auto;
            min-height: 0;
            padding: 14px 16px;
            overflow: auto;
          }
          #manualOrderPanel .manual-order-tab-pane.hidden { display: none !important; }
          #manualOrderPanel #manualOrderItemsPane { display: flex; flex-direction: column; }
          #manualOrderPanel .manual-order-cart-list { flex: 1 1 auto; max-height: none; }
          #manualOrderPanel .manual-order-details-title {
            padding-bottom: 11px;
            border-bottom: 2px solid #ef8b2c;
            font-size: 17px;
            font-weight: 800;
          }
          #manualOrderPanel .manual-order-checkout { padding-top: 12px; border-top: 0; }
          #manualOrderPanel .manual-order-footer {
            flex: 0 0 auto;
            padding: 10px 16px 12px;
            border-top: 1px solid #dfe4ea;
            background: #fff;
            box-shadow: 0 -5px 16px rgba(35,48,62,.04);
          }
          #manualOrderPanel .manual-order-footer .manual-order-total { padding: 9px 0; }
          #manualOrderPanel .manual-order-footer .manual-order-save { min-height: 43px; margin-top: 0; }

          @media (max-width: 1180px) {
            #manualOrderPanel .manual-order-workspace { grid-template-columns: minmax(520px, 1.2fr) minmax(350px, .8fr); }
            #manualOrderPanel .manual-order-menu-pane { grid-template-columns: 132px minmax(0, 1fr); }
            #manualOrderPanel .manual-order-menu-pane .manual-order-categories { grid-column: 1; grid-row: 1; flex-direction: column; padding: 12px 8px; overflow-x: hidden; border-right: 1px solid #dfe4ea; border-bottom: 0; }
            #manualOrderPanel .manual-order-menu-pane .manual-order-catalog-card { grid-column: 2; grid-row: 1; padding-top: 16px; }
            #manualOrderPanel .manual-order-cart-card { grid-row: auto; }
            #manualOrderPanel .manual-order-catalog { grid-template-columns: repeat(3, minmax(110px, 1fr)); }
          }
          @media (max-width: 900px) {
            #manualOrderPanel .manual-order-workspace { display: flex; flex-direction: column; height: auto; min-height: 0; overflow: visible; }
            #manualOrderPanel .manual-order-menu-pane { min-height: 620px; }
            #manualOrderPanel .manual-order-cart-card { min-height: 620px; border-top: 1px solid #dfe4ea; border-left: 0; }
          }

          /* Manual order POS v4: category folders live inside the catalog. */
          #manualOrderPanel .manual-order-menu-pane { display: block; }
          #manualOrderPanel .manual-order-menu-pane .manual-order-catalog-card {
            width: 100%;
            height: 100%;
            padding: 16px;
          }
          #manualOrderPanel .manual-order-catalog {
            grid-auto-rows: minmax(118px, auto);
            align-items: stretch;
          }
          #manualOrderPanel .manual-order-folder,
          #manualOrderPanel .manual-order-product {
            min-width: 0;
            min-height: 118px;
            padding: 13px 12px;
          }
          #manualOrderPanel .manual-order-folder {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 7px;
            border: 1px solid #d9dfe6;
            border-radius: 10px;
            background: #fff;
            color: #334152;
            font: inherit;
            text-align: center;
            cursor: pointer;
            transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
          }
          #manualOrderPanel .manual-order-folder:hover {
            border-color: #ef8b2c;
            box-shadow: 0 5px 15px rgba(35,48,62,.08);
            transform: translateY(-1px);
          }
          #manualOrderPanel .manual-order-folder > span { color: #ef7f1a; font-size: 22px; line-height: 1; }
          #manualOrderPanel .manual-order-folder > strong { max-width: 100%; overflow-wrap: anywhere; font-size: 15px; line-height: 1.2; }
          #manualOrderPanel .manual-order-folder > small { color: #8793a0; font-size: 10px; }
          #manualOrderPanel .manual-order-product {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 8px;
          }
          #manualOrderPanel .manual-order-product-name {
            min-height: 0;
            max-width: 100%;
            overflow-wrap: anywhere;
            line-height: 1.2;
          }
          #manualOrderPanel .manual-order-product > strong {
            flex: 0 0 auto;
            line-height: 1.2;
            white-space: nowrap;
          }
          #manualOrderPanel .manual-order-product > small { flex: 0 0 auto; line-height: 1.2; }
          #manualOrderPanel .manual-order-footer {
            border-top: 0;
            box-shadow: none;
          }
          #manualOrderPanel .manual-order-summary-lines,
          #manualOrderPanel .manual-order-total { border-top: 0; }

          @media (max-width: 1180px) {
            #manualOrderPanel .manual-order-menu-pane { display: block; }
            #manualOrderPanel .manual-order-menu-pane .manual-order-catalog-card { width: 100%; height: 100%; padding: 16px; }
          }

          /* Nomenclature register: one working catalogue instead of module cards. */
          #nomenclaturePanel .nomenclature-heading { align-items: flex-start; }
          #nomenclaturePanel .nomenclature-heading .panel-title { margin-bottom: 5px; }
          #nomenclaturePanel .nomenclature-heading .hint { margin-top: 0; max-width: 760px; }
          #nomenclaturePanel .nomenclature-heading-actions { display: flex; align-items: center; gap: 8px; }
          #nomenclaturePanel .nomenclature-heading-actions .btn { width: auto; min-height: 38px; margin-top: 0; white-space: nowrap; }
          #nomenclaturePanel .nomenclature-full-menu-action {
            border-color: #efb27a;
            background: #fff7ef;
            color: #a95611;
          }
          #nomenclaturePanel .nomenclature-full-menu-action:hover {
            border-color: #ef8a2f;
            background: #fff0df;
          }
          #menuPanel .full-menu-nomenclature-heading {
            align-items: flex-start;
            margin-bottom: 14px;
          }
          #menuPanel .full-menu-nomenclature-heading .btn {
            width: auto;
            margin-top: 0;
            white-space: nowrap;
          }
          #nomenclaturePanel .nomenclature-register-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            margin: 16px 0 10px;
            padding: 13px 16px;
            border: 1px solid #dfe4ea;
            border-radius: 12px;
            background: #fff;
          }
          #nomenclaturePanel .nomenclature-register-head > div:first-child { display: grid; gap: 3px; }
          #nomenclaturePanel .nomenclature-register-head strong { font-size: 16px; }
          #nomenclaturePanel .nomenclature-register-head span,
          #nomenclaturePanel .nomenclature-register-summary { color: #687584; font-size: 12px; }
          #nomenclaturePanel .nomenclature-workspace { min-width: 0; }
          #nomenclaturePanel #menuAdminLayout { min-height: 0; }
          #nomenclaturePanel #menuNewItemBtn { display: none; }
          #nomenclaturePanel .menu-toolbar-row:first-child .btn:first-child { display: none; }
          #nomenclaturePanel #menuCategoryOrderPanel { display: grid; }
          #nomenclaturePanel .nomenclature-delete-action { color: #b64343; }
          #nomenclaturePanel .menu-list {
            min-width: 0;
            grid-template-columns: minmax(0, 1fr);
          }
          #nomenclaturePanel .menu-toolbar {
            padding: 14px;
            border: 1px solid #dfe4ea;
            border-radius: 12px;
            background: #fff;
          }
          #nomenclaturePanel .nomenclature-table-columns {
            display: grid;
            grid-template-columns: minmax(250px, 1.7fr) minmax(115px, .7fr) minmax(140px, .85fr) minmax(145px, .85fr) minmax(105px, .65fr) 90px;
            gap: 14px;
            margin-top: 12px;
            padding: 9px 14px;
            border: 1px solid #dfe4ea;
            border-bottom: 0;
            border-radius: 10px 10px 0 0;
            background: #f4f6f8;
            color: #667382;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: .02em;
            text-transform: uppercase;
          }
          #nomenclaturePanel .menu-items { display: grid; grid-template-columns: 1fr; gap: 0; }
          #nomenclaturePanel .nomenclature-root-row,
          #nomenclaturePanel .nomenclature-folder-row {
            display: flex;
            align-items: center;
            gap: 8px;
            min-height: 40px;
            padding: 8px 14px;
            border: 1px solid #dfe4ea;
            border-top: 0;
            background: #f8fafc;
            color: #344152;
            font: inherit;
            text-align: left;
          }
          #nomenclaturePanel .nomenclature-root-row { background: #f1f4f7; }
          #nomenclaturePanel .nomenclature-folder-row { width: 100%; padding-left: 34px; cursor: pointer; }
          #nomenclaturePanel .nomenclature-folder-row:hover { background: #fff5eb; }
          #nomenclaturePanel .nomenclature-tree-toggle { width: 16px; color: #708090; text-align: center; }
          #nomenclaturePanel .nomenclature-folder-icon { color: #efa04d; }
          #nomenclaturePanel .nomenclature-root-row > span:last-child,
          #nomenclaturePanel .nomenclature-folder-count { margin-left: auto; color: #7a8693; font-size: 12px; }
          #nomenclaturePanel .nomenclature-item-row {
            display: grid;
            grid-template-columns: minmax(250px, 1.7fr) minmax(115px, .7fr) minmax(140px, .85fr) minmax(145px, .85fr) minmax(105px, .65fr) 90px;
            align-items: center;
            gap: 14px;
            min-height: 50px;
            padding: 7px 14px 7px 64px;
            border: 1px solid #dfe4ea;
            border-top: 0;
            background: #fff;
            color: #344152;
            font-size: 12px;
          }
          #nomenclaturePanel .nomenclature-item-row:hover { background: #fffaf5; }
          #nomenclaturePanel .nomenclature-item-row.is-selected { background: #fff1e3; box-shadow: inset 3px 0 #ef7f1a; }
          #nomenclaturePanel .nomenclature-item-row.is-hidden { color: #8a949f; background: #f8f9fa; }
          #nomenclaturePanel .nomenclature-name-cell { display: flex; align-items: center; gap: 8px; min-width: 0; }
          #nomenclaturePanel .nomenclature-name-cell > span:last-child { display: grid; min-width: 0; gap: 2px; }
          #nomenclaturePanel .nomenclature-name-cell strong,
          #nomenclaturePanel .nomenclature-name-cell small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
          #nomenclaturePanel .nomenclature-name-cell small { color: #85909d; }
          #nomenclaturePanel .nomenclature-document-icon { color: #8090a0; }
          #nomenclaturePanel .nomenclature-article { font-variant-numeric: tabular-nums; color: #687584; }
          #nomenclaturePanel .nomenclature-status-cell { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
          #nomenclaturePanel .nomenclature-status,
          #nomenclaturePanel .nomenclature-flag { padding: 3px 6px; border-radius: 999px; font-size: 10px; font-weight: 800; }
          #nomenclaturePanel .nomenclature-status.active-item { background: #e8f7ee; color: #267a49; }
          #nomenclaturePanel .nomenclature-status.hidden-item { background: #f5eaea; color: #a04b4b; }
          #nomenclaturePanel .nomenclature-flag { background: #fff0df; color: #be6516; }
          #nomenclaturePanel .nomenclature-price { white-space: nowrap; font-variant-numeric: tabular-nums; }
          #nomenclaturePanel .nomenclature-row-actions { display: flex; justify-content: flex-end; gap: 5px; }
          #nomenclaturePanel .nomenclature-row-actions button { width: 32px; height: 30px; border: 1px solid #d8dee6; border-radius: 6px; background: #fff; color: #465466; cursor: pointer; }
          #nomenclaturePanel .nomenclature-row-actions button:hover { border-color: #ef9a4d; color: #c96813; }
          #nomenclaturePanel .nomenclature-row-actions button.danger { color: #b64343; }
          #nomenclaturePanel .menu-card {
            display: grid;
            grid-template-columns: minmax(210px, 1.35fr) minmax(160px, 1fr) minmax(210px, 1.15fr) minmax(170px, .8fr);
            grid-template-rows: auto auto;
            align-items: center;
            gap: 5px 14px;
            min-width: 0;
            padding: 12px 14px;
            border: 1px solid #dfe4ea;
            border-top: 0;
            border-radius: 0;
            background: #fff;
            color: #26313f;
            overflow: visible;
          }
          #nomenclaturePanel .menu-card:last-child { border-radius: 0 0 10px 10px; }
          #nomenclaturePanel .menu-card:hover { background: #fffaf5; }
          #nomenclaturePanel .menu-card.is-hidden { background: #f7f8fa; opacity: .72; }
          #nomenclaturePanel .menu-img { display: none; }
          #nomenclaturePanel .menu-name {
            grid-column: 1;
            grid-row: 1;
            color: #26313f;
            font-size: 13px;
            line-height: 1.25;
            white-space: normal;
          }
          #nomenclaturePanel .menu-desc {
            grid-column: 1;
            grid-row: 2;
            min-height: 0;
            color: #7a8693;
            font-size: 11px;
            -webkit-line-clamp: 1;
          }
          #nomenclaturePanel .menu-admin-meta {
            grid-column: 2;
            grid-row: 1 / 3;
            display: grid;
            gap: 4px;
            color: #637080;
          }
          #nomenclaturePanel .menu-admin-quick {
            grid-column: 3;
            grid-row: 1 / 3;
            align-content: center;
          }
          #nomenclaturePanel .menu-quick-btn,
          #nomenclaturePanel .menu-admin-btn {
            border-color: #d8dee6;
            background: #f7f9fb;
            color: #445161;
          }
          #nomenclaturePanel .menu-quick-btn.active { border-color: #ef9a4d; background: #fff3e7; color: #c96813; }
          #nomenclaturePanel .menu-quick-btn.danger { border-color: #e5b9b9; background: #fff5f5; color: #bc4b4b; }
          #nomenclaturePanel .menu-row {
            grid-column: 4;
            grid-row: 1 / 3;
            justify-content: flex-end;
          }
          #nomenclaturePanel .menu-price { color: #26313f; font-size: 13px; }
          #nomenclaturePanel .menu-drag-handle { display: none; }
          #nomenclaturePanel .menu-admin-delete { color: #c74d4d; }
          #nomenclaturePanel .menu-category-title { display: none; }
          #nomenclaturePanel .menu-form {
            border: 1px solid #dfe4ea;
            background: #fff;
            color: #26313f;
          }

          /* Compact nomenclature editor: keep the register usable while editing. */
          #nomenclaturePanel #menuAdminLayout.form-hidden {
            grid-template-columns: minmax(0, 1fr);
          }
          #nomenclaturePanel #menuAdminLayout.form-hidden .menu-list,
          #nomenclaturePanel #menuAdminLayout .menu-list {
            width: 100%;
            max-width: none;
          }
          #nomenclaturePanel #menuAdminLayout:not(.form-hidden) {
            grid-template-columns: minmax(570px, 1fr) minmax(390px, 440px);
            gap: 12px;
            align-items: start;
          }
          #nomenclaturePanel #menuEditorWrap {
            position: sticky;
            z-index: 5;
            top: 12px;
            min-width: 0;
          }
          #nomenclaturePanel .menu-form {
            display: flex;
            flex-direction: column;
            gap: 0;
            max-height: calc(100vh - 112px);
            overflow: hidden;
            border-radius: 12px;
            box-shadow: 0 12px 32px rgba(35, 48, 62, .12);
          }
          #nomenclaturePanel .menu-editor-header {
            flex: 0 0 auto;
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 12px;
            padding: 16px 18px 14px;
            border-bottom: 1px solid #e4e8ed;
            background: #fff;
          }
          #nomenclaturePanel .menu-editor-header .panel-title {
            margin: 0 0 4px;
            color: #26313f;
            font-size: 18px;
            line-height: 1.25;
          }
          #nomenclaturePanel .menu-editor-header .news-draft-state {
            min-height: 0;
            color: #728091;
            font-size: 11px;
          }
          #nomenclaturePanel .menu-editor-header .news-draft-state.saved { color: #357a50; }
          #nomenclaturePanel .menu-editor-header .news-draft-state.dirty { color: #bb681e; }
          #nomenclaturePanel .menu-editor-close {
            flex: 0 0 auto;
            width: 34px;
            height: 34px;
            border: 1px solid #d8dee6;
            border-radius: 9px;
            background: #f7f9fb;
            color: #526071;
            font-size: 22px;
            line-height: 1;
            cursor: pointer;
          }
          #nomenclaturePanel .menu-editor-close:hover { border-color: #ef9a4d; color: #c96813; }
          #nomenclaturePanel .menu-editor-body {
            flex: 1 1 auto;
            min-height: 0;
            overflow-y: auto;
            overscroll-behavior: contain;
            scrollbar-gutter: stable;
            padding: 14px 18px 18px;
            background: #fbfcfd;
          }
          #nomenclaturePanel .menu-editor-section {
            display: grid;
            gap: 7px;
            padding: 14px;
            border: 1px solid #e3e8ee;
            border-radius: 10px;
            background: #fff;
          }
          #nomenclaturePanel .menu-editor-section + .menu-editor-section { margin-top: 12px; }
          #nomenclaturePanel .menu-editor-section-title {
            margin-bottom: 3px;
            color: #26313f;
            font-size: 12px;
            font-weight: 800;
          }
          #nomenclaturePanel .menu-editor-grid {
            display: grid;
            grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
            gap: 10px;
          }
          #nomenclaturePanel .menu-editor-grid > div { display: grid; gap: 7px; min-width: 0; }
          #nomenclaturePanel .menu-editor-body .label {
            margin: 3px 0 0;
            color: #566476;
            font-size: 11px;
            font-weight: 700;
          }
          #nomenclaturePanel .menu-editor-body .field {
            min-height: 40px;
            padding: 9px 11px;
            border-color: #d8dfe7;
            border-radius: 8px;
            background: #fff;
            color: #26313f;
            font-size: 13px;
            font-weight: 500;
          }
          #nomenclaturePanel .menu-editor-body textarea.field {
            min-height: 88px;
            max-height: 150px;
            resize: vertical;
            line-height: 1.4;
          }
          #nomenclaturePanel .menu-status-options {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px;
            margin-top: 5px;
          }
          #nomenclaturePanel .menu-status-options .menu-flag-check {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            min-width: 0;
            margin: 0;
            padding: 9px 10px;
            border: 1px solid #dfe5eb;
            border-radius: 8px;
            background: #f8fafb;
            color: #465466;
          }
          #nomenclaturePanel .menu-status-options .menu-flag-check > span { display: grid; gap: 2px; }
          #nomenclaturePanel .menu-status-options strong { color: #344152; font-size: 11px; }
          #nomenclaturePanel .menu-status-options small { color: #7b8794; font-size: 9px; line-height: 1.25; }
          #nomenclaturePanel .menu-status-options .menu-hidden-option {
            grid-column: 1 / -1;
            border-color: #efd6d6;
            background: #fff8f8;
          }
          #nomenclaturePanel .menu-status-options .menu-hidden-option strong { color: #a54848; }
          #nomenclaturePanel .menu-editor-actions {
            flex: 0 0 auto;
            display: flex;
            justify-content: flex-end;
            gap: 8px;
            padding: 12px 18px;
            border-top: 1px solid #e1e6ec;
            background: #fff;
          }
          #nomenclaturePanel .menu-editor-actions .btn {
            width: auto;
            min-width: 120px;
            min-height: 40px;
            margin: 0;
          }
          #nomenclaturePanel .menu-editor-actions #menuSaveBtn,
          #nomenclaturePanel .menu-editor-actions #menuCreateBtn {
            border-color: #ef7f1a;
            background: #ef7f1a;
            color: #fff;
          }
          #nomenclaturePanel .menu-toolbar {
            display: grid;
            grid-template-columns: auto minmax(250px, 1fr) minmax(145px, .38fr) minmax(145px, .38fr);
            gap: 8px;
            align-items: center;
          }
          #nomenclaturePanel .menu-toolbar-row { display: contents; }
          #nomenclaturePanel .menu-toolbar .news-counter { grid-column: 1 / -1; }
          #nomenclaturePanel .menu-toolbar .field,
          #nomenclaturePanel .menu-toolbar .btn { min-height: 38px; }
          #nomenclaturePanel .nomenclature-item-row.is-selected { background: #f2f7fc; box-shadow: inset 3px 0 #7a9bbd; }
          #nomenclaturePanel .nomenclature-item-row.is-focused { outline: 1px solid #c7d3df; outline-offset: -1px; }
          #nomenclaturePanel .nomenclature-item-row.is-editing { background: #fff1e3; box-shadow: inset 3px 0 #ef7f1a; outline-color: #efbd8f; }
          #nomenclaturePanel #menuAdminLayout:not(.form-hidden) .nomenclature-table-columns,
          #nomenclaturePanel #menuAdminLayout:not(.form-hidden) .nomenclature-item-row {
            grid-template-columns: minmax(230px, 1fr) 90px 100px 100px 76px;
            gap: 10px;
          }
          #nomenclaturePanel #menuAdminLayout:not(.form-hidden) .nomenclature-table-columns > span:nth-child(3),
          #nomenclaturePanel #menuAdminLayout:not(.form-hidden) .nomenclature-item-row > span:nth-child(3) { display: none; }
          #nomenclaturePanel #menuAdminLayout:not(.form-hidden) .nomenclature-item-row { padding-left: 42px; }

          @media (max-width: 1050px) {
            #nomenclaturePanel .nomenclature-table-columns { display: none; }
            #nomenclaturePanel .nomenclature-item-row { grid-template-columns: minmax(220px, 1.3fr) minmax(120px, .7fr) minmax(130px, .7fr) 105px 80px; padding-left: 44px; }
            #nomenclaturePanel .nomenclature-item-row > span:nth-child(3) { display: none; }
            #nomenclaturePanel .menu-items { gap: 10px; margin-top: 12px; }
            #nomenclaturePanel .menu-card {
              grid-template-columns: minmax(180px, 1.2fr) minmax(150px, 1fr) auto;
              border-top: 1px solid #dfe4ea;
              border-radius: 10px;
            }
            #nomenclaturePanel .menu-admin-quick { grid-column: 2; }
            #nomenclaturePanel .menu-admin-meta { display: none; }
            #nomenclaturePanel .menu-row { grid-column: 3; }
          }
          @media (max-width: 1250px) {
            #nomenclaturePanel #menuAdminLayout:not(.form-hidden) { grid-template-columns: minmax(470px, 1fr) 390px; }
            #nomenclaturePanel #menuAdminLayout:not(.form-hidden) .nomenclature-table-columns,
            #nomenclaturePanel #menuAdminLayout:not(.form-hidden) .nomenclature-item-row { grid-template-columns: minmax(210px, 1fr) 82px 92px 72px; }
            #nomenclaturePanel #menuAdminLayout:not(.form-hidden) .nomenclature-table-columns > span:nth-child(4),
            #nomenclaturePanel #menuAdminLayout:not(.form-hidden) .nomenclature-item-row > span:nth-child(4) { display: none; }
          }
          @media (max-width: 680px) {
            #nomenclaturePanel .nomenclature-heading,
            #nomenclaturePanel .nomenclature-register-head { align-items: stretch; flex-direction: column; }
            #nomenclaturePanel .nomenclature-heading-actions { display: grid; grid-template-columns: 1fr 1fr; }
            #nomenclaturePanel .menu-card { display: flex; flex-direction: column; align-items: stretch; }
            #nomenclaturePanel .menu-row { justify-content: space-between; }
          }
          @media (max-width: 920px) {
            #nomenclaturePanel #menuAdminLayout:not(.form-hidden) { grid-template-columns: 1fr; }
            #nomenclaturePanel #menuEditorWrap { position: static; grid-row: 1; }
            #nomenclaturePanel .menu-form { max-height: min(680px, calc(100vh - 90px)); }
            #nomenclaturePanel .menu-toolbar { grid-template-columns: 1fr 1fr; }
            #nomenclaturePanel .menu-toolbar .field,
            #nomenclaturePanel .menu-toolbar .btn { width: 100%; }
          }

          /* Nomenclature workspace: dense directory view matching the desktop reference. */
          #nomenclaturePanel {
            padding: 16px 18px 18px;
            border-radius: 0;
            background: #f7f8fa;
          }
          #nomenclaturePanel .nomenclature-heading {
            align-items: center;
            gap: 16px;
            padding-bottom: 8px;
            border-bottom: 1px solid #e1e5e9;
          }
          #nomenclaturePanel .nomenclature-breadcrumb {
            display: flex;
            align-items: center;
            gap: 11px;
            color: #657180;
            font-size: 14px;
          }
          #nomenclaturePanel .nomenclature-breadcrumb span { font-weight: 800; color: #283544; }
          #nomenclaturePanel .nomenclature-breadcrumb b { color: #e8872f; font-size: 20px; font-weight: 500; }
          #nomenclaturePanel .nomenclature-breadcrumb strong { color: #344150; font-weight: 600; }
          #nomenclaturePanel .nomenclature-heading-actions { gap: 6px; margin-left: auto; }
          #nomenclaturePanel .nomenclature-heading-actions .btn {
            min-height: 32px;
            padding: 6px 11px;
            border-radius: 5px;
            font-size: 11px;
          }
          #nomenclaturePanel .nomenclature-register-head {
            min-height: 24px;
            margin: 4px 0;
            padding: 0 2px;
            border: 0;
            border-radius: 0;
            background: transparent;
          }
          #nomenclaturePanel .nomenclature-register-head > div:first-child { display: none; }
          #nomenclaturePanel .nomenclature-register-summary { margin-left: auto; font-size: 10px; }
          #nomenclaturePanel .menu-toolbar {
            grid-template-columns: auto minmax(280px, 1fr) 150px 150px auto;
            gap: 6px;
            padding: 7px;
            border-radius: 5px;
            background: #fff;
          }
          #nomenclaturePanel .menu-toolbar .field,
          #nomenclaturePanel .menu-toolbar .btn {
            min-height: 32px;
            height: 32px;
            border-radius: 5px;
            font-size: 11px;
          }
          #nomenclaturePanel .menu-toolbar .field { padding: 5px 9px; }
          #nomenclaturePanel .menu-toolbar .field-label { min-height: 32px; margin: 0; white-space: nowrap; }
          #nomenclaturePanel #menuAdminLayout:not(.form-hidden) .menu-toolbar {
            grid-template-columns: minmax(104px, .55fr) minmax(0, 1fr) minmax(104px, .55fr);
          }
          #nomenclaturePanel #menuAdminLayout:not(.form-hidden) #menuSearchInputAdmin,
          #nomenclaturePanel #menuAdminLayout:not(.form-hidden) #menuFlagFilterAdmin {
            grid-column: 2 / -1;
            width: 100%;
            min-width: 0;
          }
          #nomenclaturePanel #menuAdminLayout:not(.form-hidden) #menuBulkCategoryAdmin { min-width: 0; }
          #nomenclaturePanel .menu-toolbar .news-counter {
            min-height: 16px;
            padding: 0 3px;
            font-size: 10px;
          }
          #nomenclaturePanel .nomenclature-table-scroll {
            position: relative;
            z-index: 0;
            isolation: isolate;
            contain: paint;
            box-sizing: border-box;
            width: 100%;
            max-width: 100%;
            min-width: 0;
            max-height: 450px;
            margin-top: 7px;
            overflow: auto;
            border: 1px solid #d9dee4;
            border-radius: 4px;
            background: #fff;
          }
          #nomenclaturePanel .nomenclature-table-columns,
          #nomenclaturePanel .nomenclature-item-row {
            grid-template-columns: minmax(300px, 1.8fr) 90px 70px 95px 70px 100px 110px 60px 105px 115px 100px 105px;
            gap: 10px;
            min-width: 1490px;
          }
          #nomenclaturePanel #menuAdminLayout:not(.form-hidden) .nomenclature-table-columns,
          #nomenclaturePanel #menuAdminLayout:not(.form-hidden) .nomenclature-item-row {
            grid-template-columns: minmax(300px, 1.8fr) 90px 70px 95px 70px 100px 110px 60px 105px 115px 100px 105px;
            gap: 10px;
          }
          #nomenclaturePanel .nomenclature-item-row > span:nth-child(3),
          #nomenclaturePanel #menuAdminLayout:not(.form-hidden) .nomenclature-item-row > span:nth-child(3),
          #nomenclaturePanel #menuAdminLayout:not(.form-hidden) .nomenclature-item-row > span:nth-child(4) { display: block; }
          #nomenclaturePanel .nomenclature-item-row > .nomenclature-status-cell,
          #nomenclaturePanel #menuAdminLayout:not(.form-hidden) .nomenclature-item-row > .nomenclature-status-cell { display: flex; }
          #nomenclaturePanel .nomenclature-table-columns {
            position: sticky;
            z-index: 1;
            top: 0;
            margin: 0;
            padding: 7px 10px;
            border: 0;
            border-bottom: 1px solid #d9dee4;
            border-radius: 0;
            background: #f3f5f7;
            font-size: 9px;
            white-space: nowrap;
          }
          #nomenclaturePanel .menu-items { gap: 0; margin: 0; }
          #nomenclaturePanel .nomenclature-root-row,
          #nomenclaturePanel .nomenclature-folder-row {
            box-sizing: border-box;
            min-width: 1490px;
            min-height: 31px;
            padding: 5px 10px;
            border: 0;
            border-bottom: 1px solid #e2e6ea;
            font-size: 10px;
          }
          #nomenclaturePanel .nomenclature-root-row { background: #f5f6f8; }
          #nomenclaturePanel .nomenclature-folder-row { padding-left: 28px; background: #fafbfc; }
          #nomenclaturePanel .nomenclature-branch-row { padding-left: 28px; background: #f2f5f8; font-weight: 700; }
          #nomenclaturePanel .nomenclature-category-row { padding-left: 50px; background: #fafbfc; }
          #nomenclaturePanel .nomenclature-common-row { background: #f7f3eb; }
          #nomenclaturePanel .nomenclature-branch-icon { color: #ef8b2c; font-size: 9px; }
          #nomenclaturePanel .nomenclature-branch-row small { color: #88939f; font-weight: 600; }
          #nomenclaturePanel .nomenclature-category-row + .nomenclature-item-row { padding-left: 76px; }
          #nomenclaturePanel .nomenclature-item-row {
            box-sizing: border-box;
            min-height: 33px;
            padding: 4px 10px 4px 54px;
            border: 0;
            border-bottom: 1px solid #e7eaee;
            font-size: 10px;
          }
          #nomenclaturePanel .nomenclature-name-cell { gap: 6px; }
          #nomenclaturePanel .nomenclature-name-cell small { display: none; }
          #nomenclaturePanel .nomenclature-name-cell input { width: 13px; height: 13px; margin: 0; }
          #nomenclaturePanel .nomenclature-status { padding: 2px 5px; font-size: 8px; }
          #nomenclaturePanel .nomenclature-item-row.is-focused {
            background: #dcecff;
            outline: none;
            box-shadow: inset 3px 0 #6d9ed1;
          }
          #nomenclaturePanel .nomenclature-item-row.is-editing { background: #fff0df; }
          #nomenclaturePanel .nomenclature-details {
            display: grid;
            grid-template-columns: .9fr 1.1fr 1.1fr;
            gap: 7px;
            min-height: 190px;
            margin-top: 8px;
          }
          #nomenclaturePanel .nomenclature-detail-pane {
            min-width: 0;
            overflow: hidden;
            border: 1px solid #d9dee4;
            border-radius: 4px;
            background: #fff;
          }
          #nomenclaturePanel .nomenclature-detail-tabs {
            display: flex;
            align-items: center;
            gap: 14px;
            min-height: 34px;
            padding: 0 10px;
            border-bottom: 1px solid #e1e5e9;
          }
          #nomenclaturePanel .nomenclature-detail-tabs button {
            align-self: stretch;
            padding: 0 2px;
            border: 0;
            border-bottom: 2px solid transparent;
            background: transparent;
            color: #677483;
            font-size: 10px;
            font-weight: 700;
            cursor: default;
          }
          #nomenclaturePanel .nomenclature-detail-tabs button.active { border-bottom-color: #ef8a2f; color: #344150; }
          #nomenclaturePanel .nomenclature-detail-body {
            min-height: 154px;
            padding: 11px;
            color: #435161;
            font-size: 10px;
          }
          #nomenclaturePanel .nomenclature-detail-empty {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 7px;
            min-height: 132px;
            color: #a0a9b3;
            text-align: center;
          }
          #nomenclaturePanel .nomenclature-detail-title {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            gap: 8px;
            padding-bottom: 9px;
            border-bottom: 1px solid #edf0f3;
          }
          #nomenclaturePanel .nomenclature-detail-title strong { color: #2f3d4c; font-size: 12px; }
          #nomenclaturePanel .nomenclature-detail-title span { color: #84909d; font-variant-numeric: tabular-nums; }
          #nomenclaturePanel .nomenclature-detail-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; margin: 12px 0 0; }
          #nomenclaturePanel .nomenclature-detail-fields div { min-width: 0; }
          #nomenclaturePanel .nomenclature-detail-fields dt { margin-bottom: 3px; color: #8a95a1; }
          #nomenclaturePanel .nomenclature-detail-fields dd { margin: 0; overflow: hidden; color: #344150; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
          #nomenclaturePanel .nomenclature-recipe-row { display: grid; grid-template-columns: minmax(110px, .7fr) minmax(180px, 1.3fr); gap: 12px; }
          #nomenclaturePanel .nomenclature-recipe-row strong { font-weight: 500; line-height: 1.45; }
          #nomenclaturePanel .nomenclature-detail-image { display: grid; place-items: center; height: 132px; }
          #nomenclaturePanel .nomenclature-detail-image img { max-width: 100%; max-height: 132px; border-radius: 4px; object-fit: contain; }
          #nomenclaturePanel .nomenclature-empty-cube { color: #c0c7cf; font-size: 38px; line-height: 1; }
          #nomenclaturePanel:has(#menuAdminLayout:not(.form-hidden)) .nomenclature-details { display: none; }

          @media (max-width: 980px) {
            #nomenclaturePanel .nomenclature-heading { align-items: flex-start; flex-direction: column; }
            #nomenclaturePanel .nomenclature-heading-actions { margin-left: 0; flex-wrap: wrap; }
            #nomenclaturePanel .menu-toolbar { grid-template-columns: 1fr 1fr; }
            #nomenclaturePanel .nomenclature-details { grid-template-columns: 1fr; }
          }

          /* Final cascade guard: message administration stays light on every tab and pop-up. */
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel :is(
            .broadcast-editor-card, .broadcast-review-card, .broadcast-locale-card,
            .broadcast-setting-card, .broadcast-step, .broadcast-collapsible,
            .broadcast-report-card, .broadcast-report-host, .broadcast-schedule-row,
            .broadcast-preview, .broadcast-preview-locale-card, .broadcast-preview-photo,
            .broadcast-action-bar
          ) {
            border-color: #dfe4ea !important;
            background: #ffffff !important;
            color: #202833 !important;
            box-shadow: 0 8px 24px rgba(26, 39, 53, 0.055) !important;
          }
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel .broadcast-action-bar {
            border-color: #f1c69f !important;
            background: rgba(255, 250, 245, 0.98) !important;
          }
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel :is(
            .broadcast-preview-title, .broadcast-preview-text, .broadcast-schedule-text,
            .broadcast-report-label, .broadcast-report-value, .broadcast-action-summary
          ) { color: #344052 !important; }
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel :is(
            .broadcast-step-btn, .broadcast-mode-chip, .broadcast-preview-tab,
            .broadcast-collapse-btn
          ) {
            border-color: #d8dee6 !important;
            background: #f7f9fb !important;
            color: #344052 !important;
          }
          body:has(#adminPanels:not(.hidden)) #broadcastsPanel :is(.broadcast-step-btn, .broadcast-preview-tab).active {
            border-color: #ef9b4d !important;
            background: #fff3e8 !important;
            color: #a95113 !important;
          }
          body:has(#adminPanels:not(.hidden)) .broadcast-modal-card,
          body:has(#adminPanels:not(.hidden)) .broadcast-modal-card :is(
            .profile-admin-setting-card, .broadcast-modal-section,
            .broadcast-step, .broadcast-collapsible
          ) {
            border-color: #dfe4ea !important;
            background: #ffffff !important;
            color: #202833 !important;
            box-shadow: none !important;
          }
          body:has(#adminPanels:not(.hidden)) .broadcast-modal-card :is(.field, select.field, textarea.field) {
            border-color: #d8dee6 !important;
            background: #ffffff !important;
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) #broadcastAudienceModal .profile-admin-inline-actions {
            border-top-color: #e3e7eb !important;
            background: rgba(255, 255, 255, 0.98) !important;
          }

          /* Production light-theme guarantee: the navigation shell is the only
             intentionally dark administrative surface. */
          body:has(#adminPanels:not(.hidden)) :is(
            .admin-product-hero,
            .profile-admin-setting-card,
            .store-setting-card,
            .store-setting-body,
            .about-admin-modal-col,
            .client-card-empty,
            .client-card-tool,
            .client-card-top,
            .client-card-stat,
            .client-card-section,
            .client-metric-card,
            .client-card-tab,
            .client-kv-item,
            .client-timeline-item,
            .news-empty,
            .full-menu-admin-empty,
            .export-admins-list,
            .export-admin-item
          ),
          body:has(#adminPanels:not(.hidden)) #pickupLocationsModal :is(
            .pickup-locations-modal-card,
            .pickup-modal-toolbar,
            .pickup-location-row,
            .pickup-modal-count,
            .pickup-location-remove,
            .pickup-modal-actions
          ),
          body:has(#adminPanels:not(.hidden)) #indexStockPanel :is(
            .index-stock-preview-card,
            .index-stock-live-card,
            .index-stock-public-preview,
            .index-stock-telegram-preview,
            .index-stock-sales-summary .client-card-empty,
            .index-stock-sales-report .client-card-empty
          ) {
            border-color: #dfe4ea !important;
            background: #ffffff !important;
            background-image: none !important;
            color: #202833 !important;
            box-shadow: 0 6px 20px rgba(26, 39, 53, 0.05) !important;
          }
          body:has(#adminPanels:not(.hidden)) .admin-product-hero {
            background: linear-gradient(135deg, #ffffff, #fff8f1) !important;
          }
          body:has(#adminPanels:not(.hidden)) :is(
            .modal-card,
            .profile-admin-modal-card,
            .about-admin-modal-card,
            .loyalty-admin-modal-card,
            .broadcast-modal-card
          ) :is(.modal-actions, .profile-admin-inline-actions) {
            border-top-color: #e3e7eb !important;
            background: rgba(255, 255, 255, 0.98) !important;
            color: #202833 !important;
            backdrop-filter: none !important;
          }
          body:has(#adminPanels:not(.hidden)) :is(
            .modal-card,
            .profile-admin-modal-card,
            .loyalty-admin-modal-card
          ) :is(.modal-title, .about-admin-modal-lang-title, .label, .field-label),
          body:has(#adminPanels:not(.hidden)) #storePanel :is(
            .voucher-settings-product,
            .voucher-settings-toggle,
            .voucher-settings-field-label,
            .voucher-settings-discount,
            .menu-admin-meta
          ),
          body:has(#adminPanels:not(.hidden)) #indexStockPanel :is(
            .index-stock-preview-card > .profile-admin-setting-title,
            .index-stock-live-card-head strong,
            .index-stock-live-card-body b,
            .index-stock-public-preview-title,
            .index-stock-public-preview-product strong,
            .index-stock-public-preview-product span,
            .index-stock-public-preview-market strong,
            .index-stock-telegram-preview strong
          ) {
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) :is(
            .modal-card,
            .profile-admin-modal-card,
            .loyalty-admin-modal-card
          ) :is(.modal-text, .hint, small),
          body:has(#adminPanels:not(.hidden)) #pickupLocationsModal :is(
            .pickup-modal-subtitle,
            .pickup-location-field span
          ),
          body:has(#adminPanels:not(.hidden)) #indexStockPanel :is(
            .index-stock-live-card-body small,
            .index-stock-live-card-body em,
            .index-stock-live-card p,
            .index-stock-public-preview-subtitle,
            .index-stock-public-preview-market span,
            .index-stock-telegram-preview p,
            .index-stock-telegram-preview small,
            .client-card-empty
          ) {
            color: #66717e !important;
          }
          body:has(#adminPanels:not(.hidden)) :is(
            .modal-card,
            .profile-admin-modal-card,
            .loyalty-admin-modal-card
          ) :is(.field, select.field, textarea.field) {
            border-color: #d8dee6 !important;
            background: #ffffff !important;
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) :is(
            .modal-card,
            .profile-admin-modal-card,
            .loyalty-admin-modal-card
          ) :is(.field, textarea.field)::placeholder {
            color: #8a95a1 !important;
            opacity: 1 !important;
          }
          body:has(#adminPanels:not(.hidden)) #storePanel :is(
            #voucherSettingsList,
            .voucher-settings-list,
            .voucher-settings-row-grid
          ) {
            background: #ffffff !important;
            background-image: none !important;
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) #storePanel .voucher-settings-enabled {
            border-color: #cbd3dc !important;
            background: #ffffff !important;
            box-shadow: none !important;
          }
          body:has(#adminPanels:not(.hidden)) #storePanel .voucher-settings-enabled:checked {
            border-color: #ef8b2c !important;
            background: #ff9a55 !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card :is(
            .redeem-policy-wallet-balance,
            .redeem-policy-wallet-empty,
            .redeem-policy-wallet-tabs,
            .redeem-policy-preview-note
          ) {
            border-color: #dfe4ea !important;
            background: #f6f8fa !important;
            background-image: none !important;
            color: #202833 !important;
            box-shadow: none !important;
          }
          body:has(#adminPanels:not(.hidden)) .loyalty-admin-modal-card :is(
            .redeem-policy-wallet-empty b,
            .redeem-policy-wallet-empty small,
            .redeem-policy-preview-note,
            .redeem-policy-preview-note p
          ) {
            color: #536170 !important;
          }

          /* Follow-up light-theme coverage for analytics, launch hero and AI dispatcher. */
          body:has(#adminPanels:not(.hidden)) .analytics-drill {
            border-color: #dfe4ea !important;
            background: #ffffff !important;
            background-image: none !important;
            color: #202833 !important;
            box-shadow: 0 6px 20px rgba(26, 39, 53, 0.05) !important;
          }
          body:has(#adminPanels:not(.hidden)) .analytics-drill :is(
            .analytics-drill-title,
            .analytics-drill-block-title,
            .analytics-value
          ) {
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) .analytics-drill :is(
            .analytics-drill-text,
            .analytics-drill-line
          ) {
            color: #66717e !important;
          }
          body:has(#adminPanels:not(.hidden)) .analytics-drill-block + .analytics-drill-block {
            border-top-color: #e3e7eb !important;
          }

          body:has(#adminPanels:not(.hidden)) #modulesPanel .admin-product-eyebrow {
            background: #fff0e1 !important;
            color: #a85615 !important;
          }
          body:has(#adminPanels:not(.hidden)) #modulesPanel :is(
            .admin-product-title,
            .admin-product-progress-value
          ) {
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) #modulesPanel .admin-product-progress {
            border-color: #efd7bf !important;
            background: rgba(255, 255, 255, 0.82) !important;
            box-shadow: none !important;
          }
          body:has(#adminPanels:not(.hidden)) #modulesPanel .admin-product-progress-label {
            color: #66717e !important;
          }

          body:has(#adminPanels:not(.hidden)) #voiceDispatcherPanel .admin-manage-card {
            border-color: #dfe4ea !important;
            background: #ffffff !important;
            background-image: none !important;
            color: #202833 !important;
            box-shadow: 0 6px 20px rgba(26, 39, 53, 0.05) !important;
          }
          body:has(#adminPanels:not(.hidden)) #voiceDispatcherPanel .admin-manage-card :is(
            .profile-admin-setting-title,
            .panel-subtitle,
            .label,
            .field-label
          ) {
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) #voiceDispatcherPanel .admin-manage-card .hint {
            color: #66717e !important;
          }
          body:has(#adminPanels:not(.hidden)) #voiceDispatcherPanel :is(
            .orders-admin-kpi,
            .orders-admin-table-wrap
          ) {
            border-color: #dfe4ea !important;
            background: #f8fafc !important;
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) #voiceDispatcherPanel .orders-admin-kpi span {
            color: #66717e !important;
          }
          body:has(#adminPanels:not(.hidden)) #voiceDispatcherPanel .orders-admin-kpi strong {
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) #voiceDispatcherPanel .orders-admin-table {
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) #voiceDispatcherPanel .orders-admin-table th {
            border-bottom-color: #dfe4ea !important;
            background: #f1f4f7 !important;
            color: #536170 !important;
          }
          body:has(#adminPanels:not(.hidden)) #voiceDispatcherPanel .orders-admin-table td {
            border-bottom-color: #e5e9ee !important;
            background: #ffffff !important;
            color: #202833 !important;
          }

          /* Final audited dark surfaces: dashboard overflow and scheduled price floors. */
          body:has(#adminPanels:not(.hidden)) #analyticsPanel .kpi-carousel-tooltip {
            border-color: #d8dee6 !important;
            background: #ffffff !important;
            background-image: none !important;
            color: #202833 !important;
            box-shadow: 0 12px 28px rgba(26, 39, 53, 0.12) !important;
          }
          body:has(#adminPanels:not(.hidden)) #analyticsPanel .kpi-carousel-tooltip-line {
            color: #344052 !important;
          }

          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-time-floor-editor {
            border-color: #dfe4ea !important;
            background: #f8fafc !important;
            background-image: none !important;
            color: #202833 !important;
            box-shadow: 0 6px 20px rgba(26, 39, 53, 0.05) !important;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-time-floor-head strong {
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel :is(
            .index-stock-time-floor-head small,
            .index-stock-time-floor-empty
          ) {
            color: #66717e !important;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-time-floor-add {
            border: 1px solid #ef8b2c !important;
            background: #ff9a55 !important;
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-time-floor-presets button {
            border-color: #d8dee6 !important;
            background: #ffffff !important;
            color: #46515d !important;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-time-floor-row {
            border-color: #dfe4ea !important;
            background: #ffffff !important;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-time-floor-field span {
            color: #66717e !important;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-time-floor-field input {
            border-color: #d8dee6 !important;
            background: #ffffff !important;
            color: #202833 !important;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-time-floor-field input:focus {
            border-color: #ef8b2c !important;
            background: #ffffff !important;
            box-shadow: 0 0 0 4px rgba(239, 139, 44, 0.14) !important;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-time-floor-field.price b {
            color: #66717e !important;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-time-floor-delete {
            border: 1px solid #efc1c1 !important;
            background: #fff1f1 !important;
            color: #a63c3c !important;
          }
          body:has(#adminPanels:not(.hidden)) #indexStockPanel .index-stock-time-floor-empty {
            border-color: #cfd7e0 !important;
            background: #ffffff !important;
          }

/* Client card: fully light, high-contrast workspace. */
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab:not(.hidden) { color:#26313d; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab :is(.panel-subtitle,.label) { color:#536273; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab #clientCardStatus,
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .client-card-tool .hint { color:#667587; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .field {
  border-color:#ccd5df; background:#fff; color:#26313d;
  box-shadow:inset 0 1px 2px rgba(27,39,51,.04);
}
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .field::placeholder { color:#8b98a6; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .field:focus {
  border-color:#ed842b; outline:3px solid rgba(237,132,43,.14);
}
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .field:disabled {
  background:#f2f5f8; color:#687686; opacity:1;
}
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .client-card-workspace { gap:16px; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab :is(.client-card-actions,.client-card-shell) {
  border:1px solid #dbe2e9 !important; background:#fff !important;
  box-shadow:0 14px 36px rgba(33,45,57,.08) !important;
}
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .client-card-actions-head {
  border-bottom:1px solid #e7ebef; padding:4px 4px 14px;
}
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .client-card-actions-head strong { color:#26313d; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .client-card-actions-head span { color:#718092; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .client-card-tool {
  border:1px solid #e0e6ec !important; background:#f8fafc !important;
  color:#26313d !important; box-shadow:none !important;
}
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .client-card-tool .panel-subtitle { color:#c85b17; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .client-card-hero { border-bottom-color:#e7ebef; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab :is(.client-card-title,.client-card-name) { color:#202b36 !important; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .client-card-sub { color:#687789 !important; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab :is(.client-card-badge,.client-card-flag) {
  border-color:#dce3ea !important; background:#f4f7f9 !important; color:#3b4856 !important;
}
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab :is(.client-card-badge.good,.client-card-flag.yes) {
  border-color:#b8e8c8 !important; background:#eaf9ef !important; color:#18763a !important;
}
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .client-card-badge.warn {
  border-color:#ffd0aa !important; background:#fff4e9 !important; color:#a7460b !important;
}
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .client-card-badge.danger {
  border-color:#f1b7b7 !important; background:#fff0f0 !important; color:#a62828 !important;
}
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab :is(.client-card-badge.muted,.client-card-flag.no) { color:#4f5d6c !important; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .client-card-stat {
  border:1px solid #e0e6ec !important; background:#f7f9fb !important; box-shadow:none !important;
}
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .client-card-stat-label { color:#687789 !important; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .client-card-stat-value { color:#202b36 !important; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .client-card-section {
  border:1px solid #dce3ea !important; background:#fff !important;
  box-shadow:0 6px 20px rgba(33,45,57,.045) !important;
}
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .client-card-section-title { color:#c85b17 !important; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab :is(.client-card-meta-row,.client-card-order-heading,.client-card-row-sub) { color:#667587 !important; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .client-card-meta-row strong,
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab :is(.client-card-row-title,.client-card-amount) { color:#273442 !important; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab :is(.client-card-row,.client-card-empty) {
  border-color:#dce3ea !important; background:#f7f9fb !important; color:#5e6d7d !important;
}
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .client-card-empty { border-style:dashed; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .client-card-amount.positive { color:#16743a !important; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .client-card-amount.negative { color:#b52d2d !important; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .feedback-admin-review {
  border:1px solid #e4e9ee; background:#fff; color:#273442;
}
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .feedback-admin-review-label { color:#687789; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .feedback-admin-review-text { color:#273442; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab :is(.client-card-channel,.client-voucher-reminder-option) {
  border-color:#d5dde5 !important; background:#fff !important; color:#344251 !important;
}
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .client-card-alert {
  border-color:#efb6b6; background:#fff2f2; color:#9c2929;
}
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab :is(
  .client-card-status-row,.client-card-top,.client-metric-card,.client-card-tab,
  .client-kv-item,.client-timeline-item,.client-empty
) {
  border-color:#dce3ea !important; background:#f7f9fb !important;
  color:#5e6d7d !important; box-shadow:none !important;
}
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab :is(
  .client-card-status-row strong,.client-metric-value,.client-kv-item .v,.client-timeline-title
) { color:#273442 !important; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab :is(
  .client-metric-label,.client-kv-item .k,.client-timeline-meta
) { color:#687789 !important; }
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab :is(
  .client-copy-chip,.client-card-tab-btn,.client-timeline-filter
) {
  border-color:#d5dde5 !important; background:#fff !important; color:#344251 !important;
}
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab :is(
  .client-card-tab-btn.active,.client-timeline-filter.active
) {
  border-color:#ffc798 !important; background:#fff3e8 !important; color:#a7460b !important;
}
body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab select.field { color-scheme:light; }

@media (max-width:980px) {
  body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .client-card-meta-row {
    align-items:flex-start; flex-direction:column; gap:4px;
  }
  body:has(#adminPanels:not(.hidden)) #adminCustomersCardTab .client-card-meta-row strong { text-align:left; }
}