*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html, body, #root { height: 100%; }
    body { font-family: 'Inter', sans-serif; background: #F8F9FA; color: #1A1A2E; -webkit-font-smoothing: antialiased; }
    button, input, select, textarea { font-family: inherit; }
    @keyframes orderUnsavedActionsAttention {
      0%, 100% { transform: translateX(0); }
      20% { transform: translateX(-4px); }
      40% { transform: translateX(4px); }
      60% { transform: translateX(-2px); }
      80% { transform: translateX(2px); }
    }
    .order-unsaved-actions-attention {
      animation: orderUnsavedActionsAttention 320ms ease-in-out;
    }
    ::-webkit-scrollbar { width: 6px; height: 6px; }
    ::-webkit-scrollbar-track { background: transparent; }
    ::-webkit-scrollbar-thumb { background: #D1D5DB; border-radius: 3px; }
    a { text-decoration: none; }
    input::placeholder, textarea::placeholder { color: #C4C9D1; opacity: 1; }
    .auth-screen {
      min-height: 100vh;
      position: relative;
      overflow-x: hidden;
      background: #F8F9FA;
      color: #1A1A2E;
      display: flex;
      flex-direction: column;
      isolation: isolate;
    }
    .auth-background {
      position: absolute;
      inset: 60px 0 0;
      z-index: 0;
      overflow: hidden;
      pointer-events: none;
      background:
        radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.95), transparent 34%),
        linear-gradient(180deg, #F8FBFF 0%, #F8F9FA 100%);
    }
    .auth-background::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 2;
      background:
        radial-gradient(circle at 50% 43%, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.52) 30%, transparent 58%),
        linear-gradient(90deg, rgba(248, 249, 250, 0.88) 0%, rgba(248, 249, 250, 0.44) 28%, rgba(248, 249, 250, 0.76) 49%, rgba(248, 249, 250, 0.38) 74%, rgba(248, 249, 250, 0.86) 100%);
    }
    .auth-bg-panel {
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: 1;
      overflow: hidden;
      opacity: 0.86;
    }
    .auth-bg-panel-commerce {
      left: 0;
      width: 55vw;
    }
    .auth-bg-panel-fulfillment {
      right: 0;
      width: 56vw;
      clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%);
    }
    .auth-bg-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      filter: saturate(0.92) contrast(0.95);
    }
    .auth-bg-panel-commerce .auth-bg-image {
      object-position: 46% 50%;
    }
    .auth-bg-panel-fulfillment .auth-bg-image {
      object-position: 54% 50%;
    }
    .auth-nav {
      position: relative;
      z-index: 2;
      background: rgba(255, 255, 255, 0.94);
      border-bottom: 1px solid rgba(229, 231, 235, 0.95);
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 48px;
      backdrop-filter: blur(14px);
    }
    .auth-stage {
      position: relative;
      z-index: 2;
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 48px 24px;
    }
    .auth-card {
      background: rgba(255, 255, 255, 0.96);
      border: 1px solid rgba(229, 231, 235, 0.92);
      border-radius: 16px;
      padding: 36px 40px;
      width: 100%;
      max-width: 420px;
      box-shadow: 0 24px 70px rgba(15, 23, 42, 0.14);
      backdrop-filter: blur(16px);
    }
    @media (max-width: 900px) {
      .auth-bg-panel-commerce {
        width: 100%;
      }
      .auth-bg-panel-fulfillment {
        display: none;
      }
      .auth-background::after {
        background:
          radial-gradient(circle at 50% 43%, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.68) 34%, transparent 62%),
          linear-gradient(180deg, rgba(248, 249, 250, 0.82) 0%, rgba(248, 249, 250, 0.62) 44%, rgba(248, 249, 250, 0.9) 100%);
      }
      .auth-nav {
        padding: 0 20px;
      }
      .auth-stage {
        padding: 32px 16px;
        align-items: flex-start;
      }
      .auth-card {
        padding: 28px 22px;
        border-radius: 12px;
      }
    }
    .dash-page {
      height: 100%;
      overflow: hidden;
      padding: 20px 24px;
      display: flex;
      flex-direction: column;
      min-width: 0;
    }
    .dash-page-scroll {
      height: 100%;
      overflow: auto;
      padding: 20px 24px;
      min-width: 0;
    }
    .dashboard-shell {
      display: flex;
      height: 100vh;
      height: 100dvh;
      overflow: hidden;
    }
    .dashboard-sidebar {
      width: 236px;
      height: 100vh;
      height: 100dvh;
      display: flex;
      flex-direction: column;
      flex-shrink: 0;
      position: sticky;
      top: 0;
      z-index: 70;
    }
    .dashboard-sidebar-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }
    .dashboard-sidebar-close,
    .dashboard-menu-button,
    .dashboard-nav-scrim {
      display: none;
    }
    .dashboard-main {
      flex: 1;
      min-width: 0;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      background: #F8F9FA;
    }
    .dashboard-topbar {
      height: 44px;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 0 28px;
      background: #fff;
      border-bottom: 1px solid #E5E7EB;
    }
    .dashboard-topbar-start {
      display: flex;
      align-items: center;
      min-width: 0;
    }
    .dash-panel {
      background: #fff;
      border: 1px solid #E5E7EB;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
    }
    .dash-panel-header {
      padding: 14px 16px;
      border-bottom: 1px solid #F3F4F6;
      flex-shrink: 0;
    }
    .dash-page-title {
      font-size: 21px;
      font-weight: 800;
      letter-spacing: 0;
      color: #1A1A2E;
      margin: 0;
    }
    .dash-page-subtitle {
      font-size: 12px;
      color: #6B7280;
      margin-top: 3px;
      line-height: 1.35;
    }
    .dash-attached {
      border-top: none !important;
      border-top-left-radius: 0 !important;
      border-top-right-radius: 0 !important;
    }
    .products-page {
      position: relative;
      background:
        radial-gradient(circle at 18% 8%, rgba(0, 111, 221, 0.12), transparent 28%),
        radial-gradient(circle at 88% 6%, rgba(115, 208, 75, 0.12), transparent 25%),
        linear-gradient(180deg, #F7FBFF 0%, #F8FAFC 48%, #FFFFFF 100%);
      isolation: isolate;
    }
    .products-page::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      background:
        linear-gradient(135deg, transparent 0 38%, rgba(0, 111, 221, 0.08) 38% 48%, transparent 48% 100%),
        linear-gradient(153deg, transparent 0 54%, rgba(115, 208, 75, 0.08) 54% 64%, transparent 64% 100%);
      opacity: 0.82;
    }
    .products-panel {
      position: relative;
      z-index: 1;
      border-color: rgba(199, 213, 230, 0.9);
      box-shadow: 0 18px 50px rgba(15, 23, 42, 0.07);
      backdrop-filter: blur(4px);
    }
    .products-panel .dash-panel-header {
      background:
        radial-gradient(circle at 8% 0%, rgba(0, 111, 221, 0.10), transparent 32%),
        radial-gradient(circle at 88% 0%, rgba(115, 208, 75, 0.12), transparent 30%),
        linear-gradient(180deg, #FFFFFF 0%, #F8FBFF 100%);
    }
    .products-table thead tr {
      background: linear-gradient(90deg, #F8FBFF 0%, #F7FAF6 100%) !important;
    }
    .products-table tbody tr {
      transition: background 120ms ease, box-shadow 120ms ease;
    }
    .products-table tbody tr:hover {
      background: #F8FBFF !important;
      box-shadow: inset 3px 0 0 rgba(0, 111, 221, 0.42);
    }
    .workspace-page {
      position: relative;
      isolation: isolate;
      background:
        radial-gradient(circle at 16% 8%, rgba(0, 111, 221, 0.10), transparent 26%),
        radial-gradient(circle at 86% 10%, rgba(115, 208, 75, 0.10), transparent 23%),
        linear-gradient(180deg, #F7FBFF 0%, #F8FAFC 46%, #FFFFFF 100%);
    }
    .workspace-page::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      opacity: 0.78;
      background:
        linear-gradient(140deg, transparent 0 37%, rgba(0, 111, 221, 0.06) 37% 46%, transparent 46% 100%),
        linear-gradient(156deg, transparent 0 56%, rgba(115, 208, 75, 0.06) 56% 65%, transparent 65% 100%);
    }
    .workspace-page > * {
      position: relative;
      z-index: 1;
    }
    .workspace-panel {
      border-color: rgba(199, 213, 230, 0.92);
      box-shadow: 0 18px 50px rgba(15, 23, 42, 0.06);
      backdrop-filter: blur(4px);
    }
    .workspace-panel .dash-panel-header {
      background:
        radial-gradient(circle at 8% 0%, rgba(0, 111, 221, 0.08), transparent 30%),
        radial-gradient(circle at 88% 0%, rgba(115, 208, 75, 0.10), transparent 26%),
        linear-gradient(180deg, #FFFFFF 0%, #F8FBFF 100%);
    }
    .workspace-panel-flat {
      border-color: rgba(199, 213, 230, 0.84);
      box-shadow: 0 14px 36px rgba(15, 23, 42, 0.05);
    }
    .workspace-panel-flat .dash-panel-header {
      background:
        radial-gradient(circle at 10% 0%, rgba(0, 111, 221, 0.06), transparent 30%),
        linear-gradient(180deg, #FFFFFF 0%, #F8FBFF 100%);
    }
    .sources-panel {
      background:
        radial-gradient(circle at 10% 0%, rgba(0, 111, 221, 0.07), transparent 30%),
        radial-gradient(circle at 88% 0%, rgba(115, 208, 75, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 251, 255, 0.92) 44%, rgba(255, 255, 255, 0.90) 100%);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);
    }
    .sources-panel .dash-panel-header {
      background: transparent;
    }
    .sources-panel-body {
      background: transparent;
    }
    .workspace-table thead tr {
      background: linear-gradient(90deg, #F8FBFF 0%, #F7FAF6 100%) !important;
    }
    .workspace-table thead th {
      background: transparent !important;
    }
    .workspace-table tbody tr {
      transition: background 120ms ease, box-shadow 120ms ease;
    }
    .workspace-table tbody tr:hover {
      background: #F8FBFF !important;
      box-shadow: inset 3px 0 0 rgba(0, 111, 221, 0.32);
    }
    .admin-shell {
      display: flex;
      height: 100vh;
      overflow: hidden;
      background: #F6F8FB;
    }
    .admin-main {
      flex: 1;
      min-width: 0;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      background: #F6F8FB;
    }
    .admin-sidebar {
      width: 252px;
      height: 100vh;
      position: sticky;
      top: 0;
      flex-shrink: 0;
      display: flex;
      flex-direction: column;
      background: linear-gradient(180deg, #151B27 0%, #1E2433 100%);
      color: #F9FAFB;
      border-right: 1px solid rgba(255, 255, 255, 0.06);
    }
    .admin-sidebar-brand {
      padding: 22px 20px 18px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    }
    .admin-brand-button {
      background: none;
      border: none;
      cursor: pointer;
      padding: 0;
      display: flex;
      align-items: center;
      gap: 9px;
    }
    .admin-sidebar-label {
      margin-top: 10px;
      color: #8B95A5;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0;
      text-transform: uppercase;
    }
    .admin-sidebar-nav {
      flex: 1;
      min-height: 0;
      padding: 11px 10px;
      overflow-y: auto;
    }
    .admin-sidebar-section {
      padding: 5px 10px 9px;
      font-size: 10px;
      font-weight: 800;
      color: #7B8596;
      text-transform: uppercase;
      letter-spacing: 0;
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .admin-nav-button {
      width: 100%;
      min-height: 39px;
      display: grid;
      grid-template-columns: 24px minmax(0, 1fr) auto;
      align-items: center;
      gap: 8px;
      border: 1px solid transparent;
      border-radius: 8px;
      background: transparent;
      color: #A7B0C0;
      padding: 8px 10px;
      font-size: 13px;
      font-weight: 700;
      cursor: pointer;
      text-align: left;
      transition: background 120ms ease, color 120ms ease, border-color 120ms ease;
    }
    .admin-nav-button:hover {
      background: rgba(255, 255, 255, 0.06);
      color: #F9FAFB;
    }
    .admin-nav-button.is-active {
      background: rgba(0, 111, 221, 0.18);
      border-color: rgba(0, 111, 221, 0.34);
      color: #FFFFFF;
    }
    .admin-nav-icon {
      width: 24px;
      height: 24px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: inherit;
      opacity: 0.9;
    }
    .admin-nav-label {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .admin-nav-count {
      min-width: 22px;
      height: 18px;
      padding: 0 6px;
      border-radius: 5px;
      background: rgba(255, 255, 255, 0.10);
      color: #D9E2EF;
      font-size: 11px;
      font-weight: 900;
      line-height: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
    .admin-nav-button.is-active .admin-nav-count {
      background: rgba(255, 255, 255, 0.16);
      color: #FFFFFF;
    }
    .admin-sidebar-footer {
      padding: 16px 18px;
      border-top: 1px solid rgba(255, 255, 255, 0.07);
    }
    .admin-sidebar-link {
      width: 100%;
      min-height: 34px;
      background: rgba(255, 255, 255, 0.07);
      border: 1px solid rgba(255, 255, 255, 0.06);
      border-radius: 7px;
      padding: 8px 10px;
      font-size: 12px;
      color: #D1D5DB;
      cursor: pointer;
      text-align: left;
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 12px;
      text-decoration: none;
      font-weight: 800;
    }
    .admin-sidebar-link:hover {
      background: rgba(255, 255, 255, 0.10);
      color: #FFFFFF;
    }
    .admin-sidebar-button {
      font-family: inherit;
    }
    .admin-sidebar-user {
      margin-bottom: 12px;
      width: 100%;
      background: rgba(255, 255, 255, 0.07);
      border: 1px solid rgba(255, 255, 255, 0.06);
      border-radius: 8px;
      padding: 10px 11px;
      display: flex;
      align-items: center;
      gap: 9px;
    }
    .admin-sidebar-user-icon {
      width: 22px;
      height: 22px;
      color: #D1D5DB;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .admin-sidebar-user-copy {
      min-width: 0;
      flex: 1;
    }
    .admin-sidebar-user-copy span {
      display: block;
      font-size: 10px;
      color: #8B95A5;
      margin-bottom: 2px;
    }
    .admin-sidebar-user-copy strong {
      display: block;
      font-size: 13px;
      color: #F9FAFB;
      font-weight: 800;
      overflow-wrap: anywhere;
      word-break: break-word;
      line-height: 1.25;
    }
    .admin-sidebar-version {
      border-top: 1px solid rgba(255, 255, 255, 0.07);
      margin-top: 14px;
      padding-top: 12px;
      font-size: 10px;
      color: #6B7280;
      letter-spacing: 0;
      text-transform: uppercase;
      font-weight: 800;
    }
    .admin-topbar {
      background: rgba(255, 255, 255, 0.94);
      border-bottom: 1px solid #E5E7EB;
      min-height: 50px;
      display: grid;
      grid-template-columns: minmax(120px, 1fr) minmax(180px, auto) minmax(180px, 1fr);
      align-items: center;
      gap: 16px;
      padding: 0 28px;
      flex-shrink: 0;
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }
    .admin-topbar-home {
      color: #6B7280;
      font-size: 12px;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      text-decoration: none;
      font-weight: 800;
      min-width: 0;
    }
    .admin-topbar-context {
      min-width: 0;
      text-align: center;
    }
    .admin-topbar-context span,
    .admin-topbar-user span {
      display: block;
      color: #9CA3AF;
      font-size: 10px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 0;
      line-height: 1.1;
    }
    .admin-topbar-context strong {
      display: block;
      color: #111827;
      font-size: 14px;
      font-weight: 900;
      margin-top: 3px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .admin-topbar-user {
      min-width: 0;
      text-align: right;
    }
    .admin-topbar-user strong {
      display: block;
      color: #374151;
      font-size: 12px;
      font-weight: 800;
      margin-top: 3px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .admin-page {
      padding: 24px;
      background:
        linear-gradient(135deg, rgba(0, 111, 221, 0.07) 0%, rgba(0, 111, 221, 0) 38%),
        linear-gradient(180deg, #F4F8FC 0%, #F8FAFC 48%, #FFFFFF 100%);
    }
    .admin-page::before {
      background:
        linear-gradient(140deg, transparent 0 35%, rgba(0, 111, 221, 0.055) 35% 43%, transparent 43% 100%),
        linear-gradient(156deg, transparent 0 58%, rgba(115, 208, 75, 0.052) 58% 66%, transparent 66% 100%);
      opacity: 0.62;
    }
    .admin-eyebrow {
      color: #8DDC74;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: 0;
      text-transform: uppercase;
    }
    .admin-home-hero {
      display: grid;
      grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.92fr);
      min-height: 246px;
      border: 1px solid rgba(15, 23, 42, 0.10);
      border-radius: 8px;
      overflow: hidden;
      background: #121B2A;
      box-shadow: 0 18px 44px rgba(15, 23, 42, 0.12);
      margin-bottom: 16px;
      color: #FFFFFF;
    }
    .admin-home-hero-copy {
      padding: 28px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-width: 0;
    }
    .admin-home-hero-copy h1 {
      margin: 7px 0 0;
      color: #FFFFFF;
      font-size: clamp(28px, 3vw, 40px);
      line-height: 1.04;
      letter-spacing: 0;
      font-weight: 900;
    }
    .admin-home-hero-copy p {
      margin: 12px 0 0;
      color: #D6DEE9;
      font-size: 14px;
      line-height: 1.55;
      max-width: 660px;
    }
    .admin-home-actions {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      margin-top: 22px;
    }
    .admin-primary-action,
    .admin-secondary-action,
    .admin-text-action {
      border: none;
      border-radius: 7px;
      min-height: 38px;
      padding: 9px 12px;
      font-size: 13px;
      font-weight: 900;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      text-decoration: none;
      font-family: inherit;
      white-space: nowrap;
    }
    .admin-primary-action {
      background: #006FDD;
      color: #FFFFFF;
      box-shadow: 0 10px 22px rgba(0, 111, 221, 0.22);
    }
    .admin-secondary-action {
      background: rgba(255, 255, 255, 0.10);
      color: #FFFFFF;
      border: 1px solid rgba(255, 255, 255, 0.16);
    }
    .admin-secondary-action:disabled {
      cursor: wait;
      opacity: 0.72;
    }
    .admin-spin-icon {
      animation: spin 0.8s linear infinite;
    }
    .admin-home-hero-image {
      margin: 0;
      min-height: 246px;
      position: relative;
      overflow: hidden;
      background: #0F172A;
    }
    .admin-home-hero-image picture,
    .admin-home-hero-image img {
      display: block;
      width: 100%;
      height: 100%;
    }
    .admin-home-hero-image img {
      object-fit: cover;
      filter: saturate(0.94) contrast(1.02);
    }
    .admin-home-hero-image::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, #121B2A 0%, rgba(18, 27, 42, 0.68) 16%, rgba(18, 27, 42, 0.04) 52%),
        linear-gradient(180deg, rgba(18, 27, 42, 0.12) 0%, rgba(18, 27, 42, 0.34) 100%);
      pointer-events: none;
    }
    .admin-metric-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-bottom: 16px;
    }
    .admin-metric-card {
      min-height: 122px;
      background: rgba(255, 255, 255, 0.96);
      border: 1px solid rgba(199, 213, 230, 0.9);
      border-radius: 8px;
      padding: 16px;
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr) 20px;
      align-items: center;
      gap: 12px;
      cursor: pointer;
      text-align: left;
      box-shadow: 0 12px 30px rgba(15, 23, 42, 0.055);
      transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
      font-family: inherit;
    }
    .admin-metric-card:hover {
      transform: translateY(-1px);
      border-color: rgba(0, 111, 221, 0.28);
      box-shadow: 0 16px 36px rgba(15, 23, 42, 0.075);
    }
    .admin-metric-icon {
      width: 42px;
      height: 42px;
      border-radius: 8px;
      background: #EEF6FF;
      color: #006FDD;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
    .admin-metric-body {
      min-width: 0;
      display: block;
    }
    .admin-metric-label {
      display: block;
      color: #6B7280;
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 0;
    }
    .admin-metric-value {
      display: block;
      color: #111827;
      font-size: 27px;
      line-height: 1;
      font-weight: 900;
      margin-top: 6px;
    }
    .admin-metric-detail {
      display: block;
      color: #6B7280;
      font-size: 12px;
      line-height: 1.35;
      margin-top: 8px;
    }
    .admin-metric-arrow {
      color: #9CA3AF;
      justify-self: end;
    }
    .admin-overview-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
      gap: 16px;
      align-items: stretch;
    }
    .admin-panel-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 14px;
    }
    .admin-panel-header h2 {
      margin: 0;
      color: #111827;
      font-size: 16px;
      font-weight: 900;
    }
    .admin-panel-header p {
      margin: 4px 0 0;
      color: #6B7280;
      font-size: 12px;
      line-height: 1.45;
    }
    .admin-workflow-panel {
      overflow: hidden;
    }
    .admin-workflow-list {
      display: grid;
      gap: 0;
    }
    .admin-workflow-row {
      width: 100%;
      display: grid;
      grid-template-columns: 38px minmax(0, 1fr) 20px;
      gap: 12px;
      align-items: center;
      padding: 14px 16px;
      border: none;
      border-top: 1px solid #F3F4F6;
      background: #FFFFFF;
      text-align: left;
      cursor: pointer;
      font-family: inherit;
    }
    .admin-workflow-row:hover {
      background: #F8FBFF;
    }
    .admin-workflow-icon {
      width: 38px;
      height: 38px;
      border-radius: 8px;
      background: #F3F4F6;
      color: #006FDD;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
    .admin-workflow-copy {
      min-width: 0;
      display: grid;
      gap: 4px;
    }
    .admin-workflow-copy strong {
      color: #111827;
      font-size: 13px;
      font-weight: 900;
    }
    .admin-workflow-copy span {
      color: #6B7280;
      font-size: 12px;
      line-height: 1.45;
    }
    .admin-workflow-row > svg {
      color: #9CA3AF;
      justify-self: end;
    }
    .admin-focus-panel {
      overflow: hidden;
      display: grid;
      grid-template-rows: 170px minmax(0, auto);
      background: #FFFFFF;
    }
    .admin-focus-image {
      min-height: 170px;
      overflow: hidden;
      background: #111827;
    }
    .admin-focus-image img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      object-position: center 58%;
    }
    .admin-focus-copy {
      padding: 17px;
    }
    .admin-focus-copy .admin-eyebrow {
      color: #006FDD;
    }
    .admin-focus-copy h2 {
      margin: 6px 0 0;
      color: #111827;
      font-size: 18px;
      line-height: 1.16;
      font-weight: 900;
      letter-spacing: 0;
    }
    .admin-focus-copy p {
      margin: 10px 0 0;
      color: #6B7280;
      font-size: 13px;
      line-height: 1.5;
    }
    .admin-text-action {
      margin-top: 14px;
      padding: 0;
      min-height: 0;
      background: transparent;
      color: #006FDD;
    }
    .export-rules-page {
      --export-bg-height: 2600px;
      width: 100%;
      max-width: none;
      height: auto;
      min-height: 100%;
      overflow: visible;
      background-color: #FFFFFF;
      background-position: top center;
      background-repeat: no-repeat;
      background-size: 100% var(--export-bg-height);
    }
    .export-rules-page::before {
      inset: 0;
      height: auto;
      background-position: top center;
      background-repeat: no-repeat;
      background-size: 100% var(--export-bg-height);
    }
    .export-rules-grid {
      display: grid;
      grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
      gap: 14px;
      align-items: start;
    }
    .export-rule-sidebar-row {
      transition: background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
    }
    .export-rule-sidebar-row:hover {
      transform: translateY(-1px);
      box-shadow: inset 3px 0 0 rgba(0, 111, 221, 0.22);
    }
    .export-rule-sidebar-row.is-selected {
      box-shadow: inset 3px 0 0 rgba(0, 111, 221, 0.46);
    }
    .export-rule-confirm-overlay {
      position: fixed;
      inset: 0;
      z-index: 95;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 16px;
      background: rgba(17, 24, 39, 0.34);
      animation: exportRuleOverlayFade 140ms ease-out both;
    }
    .export-rule-confirm-modal {
      width: min(430px, 100%);
      border: 1px solid #E5E7EB;
      border-radius: 12px;
      background: #FFFFFF;
      box-shadow: 0 24px 70px rgba(0, 0, 0, 0.2);
      padding: 18px;
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr);
      gap: 13px;
      animation: exportRuleConfirmRise 180ms cubic-bezier(0.16, 1, 0.3, 1) both;
    }
    .export-rule-confirm-icon {
      width: 42px;
      height: 42px;
      border-radius: 10px;
      background: #EEF6FF;
      color: #006FDD;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
    @keyframes exportRuleOverlayFade {
      0% { opacity: 0; }
      100% { opacity: 1; }
    }
    @keyframes exportRuleConfirmRise {
      0% { opacity: 0; transform: translateY(12px) scale(0.98); }
      100% { opacity: 1; transform: translateY(0) scale(1); }
    }
    .assistant-topbar-button {
      height: 30px;
      border: 1px solid #D7E7FF;
      border-radius: 8px;
      background: #F8FBFF;
      color: #005BB5;
      padding: 0 10px;
      display: inline-flex;
      align-items: center;
      gap: 7px;
      font-size: 12px;
      font-weight: 900;
      cursor: pointer;
      white-space: nowrap;
    }
    .assistant-topbar-button:hover {
      background: #EEF6FF;
      border-color: #BFD7F2;
    }
    .assistant-layer {
      position: fixed;
      inset: 0;
      z-index: 90;
      pointer-events: none;
    }
    .assistant-scrim {
      position: absolute;
      inset: 0;
      background: rgba(15, 23, 42, 0.18);
      pointer-events: auto;
    }
    .assistant-drawer {
      position: absolute;
      top: 0;
      right: 0;
      width: min(430px, calc(100vw - 18px));
      height: 100%;
      background: #FFFFFF;
      border-left: 1px solid #E5E7EB;
      box-shadow: -22px 0 58px rgba(15, 23, 42, 0.17);
      display: flex;
      flex-direction: column;
      pointer-events: auto;
      animation: assistantSlideIn 180ms cubic-bezier(0.16, 1, 0.3, 1) both;
    }
    .assistant-header {
      min-height: 68px;
      padding: 14px 14px;
      border-bottom: 1px solid #E5E7EB;
      display: flex;
      align-items: center;
      gap: 10px;
      flex-shrink: 0;
      background: #FFFFFF;
    }
    .assistant-title-mark {
      width: 34px;
      height: 34px;
      border-radius: 8px;
      background: #EEF6FF;
      color: #006FDD;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
    }
    .assistant-header h2 {
      margin: 0;
      font-size: 14px;
      font-weight: 900;
      color: #111827;
      letter-spacing: 0;
    }
    .assistant-header p {
      margin: 2px 0 0;
      color: #6B7280;
      font-size: 11px;
      font-weight: 700;
      line-height: 1.35;
    }
    .assistant-icon-button {
      width: 32px;
      height: 32px;
      border: 1px solid #E5E7EB;
      border-radius: 8px;
      background: #FFFFFF;
      color: #6B7280;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      flex: 0 0 auto;
    }
    .assistant-icon-button:hover {
      background: #F9FAFB;
      color: #111827;
    }
    .assistant-messages {
      flex: 1;
      min-height: 0;
      overflow-y: auto;
      padding: 14px;
      display: grid;
      align-content: start;
      gap: 12px;
      background: #F8FAFC;
    }
    .assistant-message-row {
      display: flex;
      min-width: 0;
    }
    .assistant-message-row-user {
      justify-content: flex-end;
    }
    .assistant-message-row-assistant {
      justify-content: flex-start;
    }
    .assistant-message-bubble {
      max-width: min(100%, 350px);
      border: 1px solid #E5E7EB;
      border-radius: 8px;
      background: #FFFFFF;
      padding: 11px 12px;
      box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
      min-width: 0;
    }
    .assistant-message-row-user .assistant-message-bubble {
      border-color: #006FDD;
      background: #006FDD;
      color: #FFFFFF;
      box-shadow: 0 10px 22px rgba(0, 111, 221, 0.16);
    }
    .assistant-message-copy {
      white-space: pre-wrap;
      overflow-wrap: anywhere;
      word-break: normal;
      font-size: 13px;
      line-height: 1.5;
      color: #374151;
    }
    .assistant-message-row-user .assistant-message-copy {
      color: #FFFFFF;
    }
    .assistant-inline-action {
      border: none;
      background: transparent;
      color: #006FDD;
      display: inline;
      padding: 0;
      margin: 0;
      font: inherit;
      font-weight: 900;
      text-decoration: underline;
      text-underline-offset: 2px;
      cursor: pointer;
    }
    .assistant-action-list {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
      margin-top: 10px;
    }
    .assistant-action-chip {
      min-height: 28px;
      border: 1px solid #D7E7FF;
      border-radius: 7px;
      background: #F8FBFF;
      color: #005BB5;
      padding: 6px 8px;
      font-size: 11px;
      font-weight: 900;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      cursor: pointer;
      max-width: 100%;
    }
    .assistant-action-chip:hover {
      background: #EEF6FF;
    }
    .assistant-suggestion-list {
      display: grid;
      gap: 7px;
      margin-top: 10px;
    }
    .assistant-suggestion-list button,
    .assistant-starter-row button {
      min-height: 30px;
      border: 1px solid #E5E7EB;
      border-radius: 7px;
      background: #FFFFFF;
      color: #374151;
      padding: 6px 8px;
      font-size: 11px;
      font-weight: 800;
      text-align: left;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }
    .assistant-suggestion-list button:hover,
    .assistant-starter-row button:hover {
      border-color: #CFE4FB;
      background: #F8FBFF;
      color: #005BB5;
    }
    .assistant-loading-bubble {
      display: inline-flex;
      gap: 5px;
      align-items: center;
      min-height: 38px;
      width: 64px;
      justify-content: center;
    }
    .assistant-loading-bubble span {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #9CA3AF;
      animation: loadingDot 1s ease-in-out infinite;
    }
    .assistant-loading-bubble span:nth-child(2) {
      animation-delay: 120ms;
    }
    .assistant-loading-bubble span:nth-child(3) {
      animation-delay: 240ms;
    }
    .assistant-error {
      padding: 8px 14px;
      border-top: 1px solid #FEE2E2;
      background: #FEF2F2;
      color: #991B1B;
      font-size: 12px;
      font-weight: 800;
      line-height: 1.35;
      flex-shrink: 0;
    }
    .assistant-composer {
      padding: 12px 14px 14px;
      border-top: 1px solid #E5E7EB;
      background: #FFFFFF;
      flex-shrink: 0;
    }
    .assistant-starter-row {
      display: flex;
      gap: 7px;
      overflow-x: auto;
      padding-bottom: 9px;
    }
    .assistant-starter-row button {
      white-space: nowrap;
      flex: 0 0 auto;
    }
    .assistant-input-wrap {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 36px;
      gap: 8px;
      align-items: end;
    }
    .assistant-input-wrap textarea {
      width: 100%;
      min-height: 72px;
      max-height: 140px;
      resize: vertical;
      border: 1px solid #D1D5DB;
      border-radius: 8px;
      padding: 10px 11px;
      color: #111827;
      font-size: 13px;
      line-height: 1.45;
      outline: none;
    }
    .assistant-input-wrap textarea:focus {
      border-color: #006FDD;
      box-shadow: 0 0 0 3px rgba(0, 111, 221, 0.11);
    }
    .assistant-input-wrap button {
      width: 36px;
      height: 36px;
      border: none;
      border-radius: 8px;
      background: #006FDD;
      color: #FFFFFF;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
    }
    .assistant-input-wrap button:disabled {
      background: #CBD5E1;
      cursor: not-allowed;
    }
    @keyframes assistantSlideIn {
      0% { opacity: 0; transform: translateX(24px); }
      100% { opacity: 1; transform: translateX(0); }
    }
    .setup-page {
      min-height: 100%;
      background: #F8FAFC;
    }
    .setup-guide-panel {
      max-width: 1040px;
      margin: 0 auto;
      overflow: hidden;
    }
    .setup-guide-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
      background: #FFFFFF;
    }
    .setup-guide-progress {
      padding: 13px 16px;
      border-bottom: 1px solid #F3F4F6;
      background: #FAFBFC;
    }
    .setup-step-list {
      display: grid;
    }
    .setup-step-row {
      display: grid;
      grid-template-columns: 34px 38px minmax(0, 1fr) auto;
      gap: 12px;
      align-items: center;
      padding: 16px;
      border-bottom: 1px solid #F3F4F6;
      background: #FFFFFF;
    }
    .setup-step-row:last-child {
      border-bottom: none;
    }
    .setup-step-row-done {
      background: #FCFEFC;
    }
    .setup-step-number {
      width: 28px;
      height: 28px;
      border-radius: 8px;
      background: #F3F4F6;
      color: #6B7280;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      font-weight: 900;
    }
    .setup-step-icon {
      width: 36px;
      height: 36px;
      border-radius: 8px;
      background: #EEF6FF;
      color: #006FDD;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .setup-step-row-done .setup-step-icon {
      background: #DCFCE7;
      color: #166534;
    }
    .setup-step-copy {
      min-width: 0;
    }
    .setup-step-copy h2 {
      margin: 0;
      font-size: 15px;
      font-weight: 900;
      color: #1A1A2E;
      letter-spacing: 0;
    }
    .setup-step-copy p {
      margin: 0;
      font-size: 12px;
      line-height: 1.48;
      color: #6B7280;
      max-width: 660px;
    }
    .setup-step-result {
      margin-top: 7px;
      color: #374151;
      font-size: 11px;
      font-weight: 900;
    }
    .setup-step-status {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      border-radius: 6px;
      padding: 3px 7px;
      font-size: 11px;
      font-weight: 900;
      color: #6B7280;
      background: #F3F4F6;
    }
    .setup-step-status-done {
      color: #166534;
      background: #DCFCE7;
    }
    .setup-step-status-next {
      color: #005BB5;
      background: #EEF6FF;
    }
    .setup-step-actions {
      display: flex;
      justify-content: flex-end;
      gap: 8px;
      flex-wrap: wrap;
    }
    .setup-primary-button,
    .setup-secondary-button {
      min-height: 34px;
      border-radius: 8px;
      padding: 8px 11px;
      font-size: 12px;
      font-weight: 900;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      white-space: nowrap;
    }
    .setup-primary-button {
      background: #006FDD;
      color: #FFFFFF;
      border: none;
    }
    .setup-secondary-button {
      background: #FFFFFF;
      color: #006FDD;
      border: 1px solid #D7E7FF;
    }
    .onboarding-action-highlight {
      outline: 2px solid rgba(0, 111, 221, 0.46) !important;
      outline-offset: 2px !important;
      box-shadow:
        0 0 0 4px rgba(0, 111, 221, 0.12),
        0 8px 22px rgba(15, 23, 42, 0.12) !important;
      animation: onboardingFocusPulse 1.6s ease-out 2;
    }
    .support-page {
      padding: 18px 20px;
      background:
        radial-gradient(circle at 82% 4%, rgba(0, 111, 221, 0.06), transparent 28%),
        #F5F7FA;
    }
    .support-workspace {
      height: 100%;
      min-height: 0;
      display: grid;
      grid-template-columns: 300px minmax(0, 1fr);
      gap: 16px;
      background: transparent;
    }
    .support-ticket-rail {
      min-height: 0;
      display: flex;
      flex-direction: column;
      background: #fff;
      border: 1px solid #DDE3EA;
      border-radius: 12px;
      box-shadow: 0 6px 22px rgba(15, 23, 42, 0.05);
      overflow: hidden;
    }
    .support-chat-panel {
      min-width: 0;
      min-height: 0;
      display: flex;
      flex-direction: column;
      background: #fff;
      border: 1px solid #DDE3EA;
      border-radius: 12px;
      box-shadow: 0 6px 22px rgba(15, 23, 42, 0.05);
      overflow: hidden;
    }
    .support-rail-header {
      min-height: 72px;
      padding: 15px 16px;
      border-bottom: 1px solid #E8ECF1;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-shrink: 0;
    }
    .support-rail-title {
      color: #111827;
      font-size: 16px;
      font-weight: 850;
      letter-spacing: -0.01em;
    }
    .support-rail-subtitle {
      color: #8A94A3;
      font-size: 11px;
      margin-top: 3px;
    }
    .support-new-icon-button {
      width: 34px;
      height: 34px;
      border: 1px solid #D7E7FA;
      border-radius: 8px;
      background: #F4F8FE;
      color: #006FDD;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      transition: background 120ms ease, border-color 120ms ease;
    }
    .support-new-icon-button:hover {
      background: #E9F2FF;
      border-color: #BFD8F7;
    }
    .support-empty-rail {
      min-height: 210px;
      padding: 40px 24px;
      color: #7A8492;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      line-height: 1.5;
    }
    .support-empty-rail strong {
      color: #374151;
      font-size: 13px;
      margin: 11px 0 4px;
    }
    .support-empty-rail > span:last-child {
      max-width: 210px;
      font-size: 12px;
    }
    .support-empty-icon {
      width: 38px;
      height: 38px;
      border-radius: 10px;
      background: #EEF5FD;
      color: #397DBD;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
    .support-ticket-row {
      width: 100%;
      border: none;
      border-bottom: 1px solid #EEF1F4;
      border-left: 3px solid transparent;
      background: #FFFFFF;
      padding: 14px 14px 14px 12px;
      cursor: pointer;
      text-align: left;
      transition: background 120ms ease, border-color 120ms ease;
    }
    .support-ticket-row:hover {
      background: #F8FAFC;
    }
    .support-ticket-row.is-active {
      background: #F2F7FD;
      border-left-color: #006FDD;
    }
    .support-rail-footer {
      padding: 12px;
      border-top: 1px solid #E8ECF1;
      background: #FFFFFF;
      flex-shrink: 0;
    }
    .support-new-button,
    .support-primary-button {
      border: none;
      border-radius: 8px;
      background: #006FDD;
      color: #FFFFFF;
      font-size: 13px;
      font-weight: 800;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      transition: background 120ms ease, transform 120ms ease;
    }
    .support-new-button {
      width: 100%;
      min-height: 38px;
      padding: 9px 14px;
    }
    .support-new-button:hover,
    .support-primary-button:hover {
      background: #005DBA;
    }
    .support-primary-button:disabled {
      background: #93C5FD;
      cursor: wait;
    }
    .support-new-ticket {
      height: 100%;
      min-height: 0;
      overflow-y: auto;
      background: #FBFCFE;
    }
    .support-new-ticket-inner {
      width: min(760px, calc(100% - 48px));
      margin: 0 auto;
      padding: clamp(32px, 6vh, 66px) 0 44px;
    }
    .support-new-heading {
      display: flex;
      align-items: center;
      gap: 14px;
    }
    .support-new-heading-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      color: #006FDD;
      background: #EAF3FF;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .support-new-heading h1 {
      color: #111827;
      font-size: 23px;
      line-height: 1.2;
      font-weight: 850;
      letter-spacing: -0.025em;
      margin: 0;
    }
    .support-new-heading p {
      color: #6B7280;
      font-size: 13px;
      line-height: 1.45;
      margin-top: 5px;
    }
    .support-response-note {
      margin: 22px 0 14px;
      color: #536170;
      font-size: 12px;
      display: flex;
      align-items: center;
      gap: 7px;
    }
    .support-response-note svg {
      color: #6B9C38;
    }
    .support-form-card {
      padding: 24px;
      border: 1px solid #DFE5EC;
      border-radius: 12px;
      background: #FFFFFF;
      box-shadow: 0 8px 26px rgba(15, 23, 42, 0.045);
    }
    .support-form-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 14px;
      margin-bottom: 15px;
    }
    .support-optional {
      color: #9CA3AF;
      font-weight: 650;
      text-transform: none;
      letter-spacing: 0;
    }
    .support-field-label {
      display: block;
      margin-bottom: 6px;
      color: #6B7280;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }
    .support-composer {
      padding: 12px 14px 14px;
      border-top: 1px solid #E5E7EB;
      background: rgba(255, 255, 255, 0.96);
      box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.035);
      flex-shrink: 0;
    }
    .support-composer.is-embedded {
      padding: 0;
      border-top: none;
      margin-top: 15px;
      background: transparent;
      box-shadow: none;
    }
    .support-composer-box {
      overflow: hidden;
      border: 1px solid #DDE3EA;
      border-radius: 9px;
      background: #FFFFFF;
      transition: border-color 120ms ease, box-shadow 120ms ease;
    }
    .support-composer-box:focus-within {
      border-color: #82B6EB;
      box-shadow: 0 0 0 3px rgba(0, 111, 221, 0.09);
    }
    .support-composer-textarea {
      width: 100%;
      min-height: 94px;
      resize: vertical;
      border: none;
      padding: 12px 13px;
      color: #1F2937;
      background: transparent;
      font-size: 13px;
      line-height: 1.55;
      outline: none;
      display: block;
    }
    .support-composer:not(.is-embedded) .support-composer-textarea {
      min-height: 72px;
      resize: none;
    }
    .support-composer-toolbar {
      min-height: 42px;
      padding: 6px 8px;
      border-top: 1px solid #EEF1F4;
      background: #FBFCFD;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
    }
    .support-composer-toolbar-end {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 12px;
    }
    .support-attach-button {
      padding: 6px 7px;
      border-radius: 6px;
      color: #4B5563;
      font-size: 12px;
      font-weight: 750;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }
    .support-attach-button:hover {
      background: #EEF2F6;
    }
    .support-attachment-count {
      color: #9AA2AE;
      font-size: 10px;
    }
    .support-composer-actions {
      margin-top: 10px;
      display: flex;
      justify-content: flex-end;
    }
    .support-primary-button {
      min-height: 37px;
      padding: 9px 14px;
    }
    .support-composer-toolbar .support-primary-button {
      min-height: 32px;
      padding: 7px 11px;
      flex-shrink: 0;
    }
    .support-message-canvas {
      position: relative;
      flex: 1;
      min-height: 0;
      overflow-y: auto;
      padding: 28px clamp(20px, 3vw, 44px);
      background-color: #F3F7FB;
      background-image:
        radial-gradient(circle at 78% 12%, rgba(0, 111, 221, 0.12), transparent 28%),
        radial-gradient(circle at 16% 86%, rgba(115, 208, 75, 0.10), transparent 24%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.84) 0%, rgba(245, 249, 253, 0.74) 44%, rgba(237, 244, 251, 0.92) 100%),
        radial-gradient(circle, rgba(91, 112, 136, 0.14) 0.7px, transparent 0.8px);
      background-size: auto, auto, auto, 20px 20px;
    }
    .support-message-row {
      position: relative;
      z-index: 1;
      display: flex;
      justify-content: flex-start;
      margin-bottom: 18px;
    }
    .support-message-row.is-mine {
      justify-content: flex-end;
    }
    .support-message-wrap {
      max-width: min(680px, 78%);
    }
    .support-message-meta {
      margin: 0 3px 6px;
      color: #8290A3;
      font-size: 11px;
      line-height: 1.3;
    }
    .support-message-row.is-mine .support-message-meta {
      text-align: right;
    }
    .support-message-bubble {
      padding: 11px 14px;
      border: 1px solid rgba(210, 220, 231, 0.96);
      border-radius: 4px 12px 12px 12px;
      background: rgba(255, 255, 255, 0.94);
      box-shadow: 0 5px 16px rgba(30, 50, 73, 0.07);
      color: #1F2937;
      font-size: 13px;
      line-height: 1.55;
      white-space: pre-wrap;
      backdrop-filter: blur(8px);
    }
    .support-message-bubble.is-mine {
      border-color: #006FDD;
      border-radius: 12px 4px 12px 12px;
      background: linear-gradient(135deg, #0879E8 0%, #0064C7 100%);
      box-shadow: 0 7px 18px rgba(0, 93, 186, 0.20);
      color: #FFFFFF;
    }
    .support-diagnostics {
      margin-top: 18px;
      padding-top: 17px;
      border-top: 1px solid #EEF1F4;
      cursor: pointer;
      display: flex;
      align-items: flex-start;
      gap: 10px;
    }
    .support-diagnostics input {
      width: 16px;
      height: 16px;
      margin-top: 2px;
      flex-shrink: 0;
      accent-color: #006FDD;
    }
    .support-diagnostics-title {
      display: block;
      color: #374151;
      font-size: 12px;
      font-weight: 800;
    }
    .support-diagnostics-copy {
      display: block;
      max-width: 610px;
      color: #7A8492;
      font-size: 11px;
      line-height: 1.5;
      margin-top: 3px;
    }
    .orders-table-scroll {
      position: relative;
    }
    .orders-table thead th {
      position: sticky !important;
      top: 0;
      z-index: 30 !important;
      background: #F9FAFB;
    }
    .orders-source-col {
      position: sticky !important;
      left: 0;
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border-right: 1px solid rgba(148, 163, 184, 0.36);
      box-shadow:
        inset -1px 0 0 rgba(255, 255, 255, 0.68),
        10px 0 18px rgba(15, 23, 42, 0.045);
    }
    .orders-source-col-header {
      z-index: 40 !important;
      background:
        linear-gradient(135deg, #F0F9FF 0%, #F6FDF9 100%) !important;
      box-shadow:
        inset 0 -1px 0 #E5E7EB,
        inset -1px 0 0 rgba(255, 255, 255, 0.68),
        10px 0 18px rgba(15, 23, 42, 0.045);
    }
    .orders-source-col-cell {
      z-index: 4 !important;
      background:
        linear-gradient(135deg, rgba(241,250,255,0.78) 0%, rgba(244,253,248,0.76) 100%) !important;
    }
    .orders-table tbody tr:hover .orders-source-col-cell {
      background:
        linear-gradient(135deg, rgba(231,246,255,0.92) 0%, rgba(236,252,244,0.88) 100%) !important;
    }
    @media (max-width: 1120px) {
      .admin-home-hero,
      .admin-overview-grid {
        grid-template-columns: 1fr;
      }
      .admin-home-hero-image {
        min-height: 210px;
      }
      .admin-home-hero-image::after {
        background: linear-gradient(180deg, rgba(18, 27, 42, 0.08) 0%, rgba(18, 27, 42, 0.42) 100%);
      }
      .admin-metric-grid {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      }
    }
    @media (max-width: 860px) {
      .admin-shell {
        flex-direction: column;
      }
      .admin-sidebar {
        width: 100%;
        height: auto;
        position: relative;
        display: block;
      }
      .admin-sidebar-brand {
        padding: 14px 16px 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
      }
      .admin-sidebar-label {
        margin-top: 0;
      }
      .admin-sidebar-nav {
        display: flex;
        gap: 7px;
        overflow-x: auto;
        padding: 8px 12px 12px;
      }
      .admin-sidebar-section {
        display: none;
      }
      .admin-nav-button {
        width: auto;
        min-width: max-content;
        grid-template-columns: 22px auto auto;
      }
      .admin-sidebar-footer {
        display: none;
      }
      .admin-main {
        min-height: 0;
      }
      .admin-topbar {
        grid-template-columns: 1fr auto;
        padding: 10px 16px;
        gap: 10px;
      }
      .admin-topbar-context {
        display: none;
      }
      .admin-page {
        padding: 16px;
      }
    }
    @media (max-width: 760px) {
      .dash-page,
      .dash-page-scroll {
        padding: 14px;
      }
      .export-rules-grid {
        grid-template-columns: 1fr;
      }
      .setup-step-row {
        grid-template-columns: 30px minmax(0, 1fr);
      }
      .setup-step-icon {
        display: none;
      }
      .setup-step-actions {
        grid-column: 2;
        justify-content: flex-start;
      }
      .support-page {
        padding: 12px;
      }
      .support-workspace {
        grid-template-columns: minmax(230px, 34%) minmax(0, 1fr);
      }
    }
    @media (max-width: 640px) {
      .admin-topbar {
        grid-template-columns: 1fr;
        align-items: start;
      }
      .admin-topbar-user {
        display: none;
      }
      .admin-home-hero-copy {
        padding: 22px;
      }
      .admin-home-hero-copy h1 {
        font-size: 30px;
      }
      .admin-home-actions,
      .admin-primary-action,
      .admin-secondary-action {
        width: 100%;
      }
      .admin-metric-card {
        grid-template-columns: 38px minmax(0, 1fr);
        min-height: 110px;
      }
      .admin-metric-arrow {
        display: none;
      }
      .admin-workflow-row {
        grid-template-columns: 34px minmax(0, 1fr);
      }
      .admin-workflow-row > svg {
        display: none;
      }
    }
    .settings-shell {
      width: 100%;
    }
    .settings-layout-panel {
      overflow: hidden;
      border-color: #E5E7EB;
      box-shadow: none;
    }
    .settings-main-header {
      border-bottom: 1px solid #E5E7EB;
      background: #fff !important;
    }
    .settings-layout {
      display: grid;
      grid-template-columns: 250px minmax(0, 1fr);
      min-height: 560px;
    }
    .settings-nav-panel {
      background: #fff;
      border-right: 1px solid #E5E7EB;
      padding: 14px;
      min-width: 0;
    }
    .settings-account-card {
      padding: 0 0 13px;
      border-bottom: 1px solid #E5E7EB;
      margin-bottom: 10px;
    }
    .settings-account-name {
      font-size: 13px;
      font-weight: 900;
      color: #1A1A2E;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .settings-account-email {
      font-size: 12px;
      color: #6B7280;
      margin-top: 2px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .settings-nav-list {
      display: grid;
      gap: 4px;
    }
    .settings-nav-button {
      width: 100%;
      border: 1px solid transparent;
      background: transparent;
      border-radius: 8px;
      padding: 8px 9px;
      display: grid;
      grid-template-columns: 28px minmax(0, 1fr);
      gap: 8px;
      align-items: center;
      color: inherit;
      cursor: pointer;
      text-align: left;
    }
    .settings-nav-button:hover {
      background: #fff;
      border-color: #E5E7EB;
    }
    .settings-nav-button.active {
      background: #fff;
      border-color: #BFDBFE;
      box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    }
    .settings-nav-icon {
      width: 28px;
      height: 28px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #6B7280;
    }
    .settings-nav-button.active .settings-nav-icon {
      color: #4B5563;
    }
    .settings-nav-text {
      min-width: 0;
      display: grid;
    }
    .settings-nav-label {
      font-size: 13px;
      font-weight: 900;
      color: #1A1A2E;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .settings-content-panel {
      display: grid;
      align-content: start;
      gap: 12px;
      min-width: 0;
      padding: 18px 20px;
      background: #fff;
    }
    .settings-page-title-row {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
      min-width: 0;
    }
    .settings-page-title-row h2 {
      margin: 0;
      color: #1A1A2E;
      font-size: 19px;
      font-weight: 900;
      letter-spacing: 0;
    }
    .settings-page-title-row p {
      margin: 4px 0 0;
      color: #6B7280;
      font-size: 13px;
      line-height: 1.45;
    }
    .settings-card-grid,
    .settings-metric-grid,
    .settings-scope-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
      gap: 10px;
    }
    .settings-metric-card {
      border: 1px solid #E5E7EB;
      border-radius: 8px;
      background: #F9FAFB;
      padding: 10px;
      min-width: 0;
    }
    .settings-metric-card div {
      font-size: 10px;
      font-weight: 900;
      color: #9CA3AF;
      text-transform: uppercase;
      letter-spacing: 0;
    }
    .settings-metric-card strong {
      display: block;
      color: #1A1A2E;
      font-size: 20px;
      font-weight: 900;
      line-height: 1.1;
      margin-top: 5px;
      overflow-wrap: anywhere;
    }
    .settings-agent-body {
      display: grid;
      gap: 14px;
      padding: 16px;
    }
    .settings-subsection {
      border-top: 1px solid #F3F4F6;
      padding-top: 14px;
      display: grid;
      gap: 12px;
      min-width: 0;
    }
    .settings-subsection h3 {
      margin: 0;
      color: #1A1A2E;
      font-size: 13px;
      font-weight: 900;
      letter-spacing: 0;
    }
    .settings-subsection p {
      margin: -6px 0 0;
      color: #6B7280;
      font-size: 12px;
      line-height: 1.4;
    }
    .settings-token-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 10px;
      align-items: center;
      border: 1px solid #E5E7EB;
      border-radius: 8px;
      padding: 9px;
      background: #fff;
      min-width: 0;
    }
    .settings-activity-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 10px;
      border-top: 1px solid #F3F4F6;
      padding-top: 8px;
      min-width: 0;
    }
    .settings-overview-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      padding: 14px 16px 16px;
    }
    .settings-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 360px;
      gap: 14px;
      align-items: start;
    }
    .settings-stack {
      display: grid;
      gap: 14px;
      min-width: 0;
    }
    .settings-danger-section {
      margin-top: 14px;
    }
    .settings-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 12px;
      padding: 15px 16px;
      border-top: 1px solid #F3F4F6;
      align-items: center;
    }
    .settings-row:first-child {
      border-top: none;
    }
    .settings-row-main {
      min-width: 0;
    }
    .settings-action {
      display: flex;
      justify-content: flex-end;
      min-width: 0;
    }
    @media (max-width: 980px) {
      .settings-overview-grid,
      .settings-grid {
        grid-template-columns: 1fr;
      }
      .settings-layout {
        grid-template-columns: 1fr;
      }
      .settings-nav-panel {
        border-right: none;
        border-bottom: 1px solid #E5E7EB;
      }
      .settings-nav-list {
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
      }
    }
    @media (max-width: 640px) {
      .assistant-topbar-button {
        width: 30px;
        padding: 0;
        justify-content: center;
      }
      .assistant-topbar-button span {
        display: none;
      }
      .assistant-drawer {
        top: auto;
        bottom: 0;
        width: 100%;
        height: min(82vh, 680px);
        border-left: none;
        border-top: 1px solid #E5E7EB;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        box-shadow: 0 -20px 60px rgba(15, 23, 42, 0.20);
        animation-name: assistantSheetIn;
      }
      .assistant-message-bubble {
        max-width: 100%;
      }
      .assistant-starter-row {
        display: none;
      }
      .assistant-input-wrap textarea {
        min-height: 62px;
      }
      .settings-overview-grid {
        padding: 12px;
      }
      .settings-nav-panel,
      .settings-content-panel {
        padding: 12px;
      }
      .settings-nav-list {
        grid-template-columns: 1fr;
      }
      .settings-nav-button {
        grid-template-columns: 32px minmax(0, 1fr);
      }
      .settings-page-title-row {
        display: grid;
      }
      .settings-token-row,
      .settings-activity-row {
        grid-template-columns: 1fr;
      }
      .settings-row {
        grid-template-columns: minmax(0, 1fr);
      }
      .settings-action {
        justify-content: flex-start;
        width: 100%;
      }
    }
    @keyframes spin { to { transform: rotate(360deg); } }
    @keyframes logoDropIn {
      0% { opacity: 0; transform: translateY(-12px) scale(0.92); }
      58% { opacity: 1; transform: translateY(3px) scale(1.03); }
      100% { opacity: 1; transform: translateY(0) scale(1); }
    }
    @keyframes logoPulse {
      0%, 100% { transform: scale(0.98); filter: drop-shadow(0 12px 20px rgba(0, 111, 221, 0.12)); }
      42% { transform: scale(1.07); filter: drop-shadow(0 20px 28px rgba(115, 208, 75, 0.22)); }
      72% { transform: scale(1); filter: drop-shadow(0 15px 22px rgba(0, 111, 221, 0.14)); }
    }
    @keyframes loadingDot {
      0%, 80%, 100% { opacity: 0.32; transform: translateY(0); }
      40% { opacity: 1; transform: translateY(-3px); }
    }
    @keyframes livePulse {
      0% { box-shadow: 0 0 0 0 rgba(115, 208, 75, 0.38); }
      70% { box-shadow: 0 0 0 8px rgba(115, 208, 75, 0); }
      100% { box-shadow: 0 0 0 0 rgba(115, 208, 75, 0); }
    }
    @keyframes onboardingFocusPulse {
      0% { box-shadow: 0 0 0 0 rgba(0, 111, 221, 0.26), 0 8px 22px rgba(15, 23, 42, 0.10); }
      70% { box-shadow: 0 0 0 8px rgba(0, 111, 221, 0), 0 8px 22px rgba(15, 23, 42, 0.12); }
      100% { box-shadow: 0 0 0 0 rgba(0, 111, 221, 0), 0 8px 22px rgba(15, 23, 42, 0.12); }
    }
    .live-feed-dot {
      width: 8px;
      height: 8px;
      flex: 0 0 8px;
      border-radius: 50%;
      background: #16A34A;
      box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.38);
      animation: livePulse 1.35s ease-out infinite;
    }
    @keyframes orderGlow {
      0% { background: #F0FBE8; }
      100% { background: #fff; }
    }
    .skeleton-pill {
      background: linear-gradient(90deg, #E5E7EB 0%, #F3F4F6 44%, #E5E7EB 88%);
      background-size: 220% 100%;
      animation: skeletonShimmer 1.25s ease-in-out infinite;
    }
    @keyframes skeletonShimmer {
      0% { background-position: 120% 0; }
      100% { background-position: -120% 0; }
    }
    @keyframes assistantSheetIn {
      0% { opacity: 0; transform: translateY(24px); }
      100% { opacity: 1; transform: translateY(0); }
    }
    @media (prefers-reduced-motion: reduce) {
      .dashboard-loader-logo,
      .dashboard-loader-mark,
      .dashboard-loader-dot,
      .live-feed-dot,
      .onboarding-action-highlight,
      .assistant-drawer,
      .assistant-loading-bubble span,
      .export-rule-confirm-overlay,
      .export-rule-confirm-modal,
      .skeleton-pill { animation: none !important; }
      .export-rule-sidebar-row { transition: none !important; }
    }
    .subscription-signout {
      color: #6B7280;
      transition: color 140ms ease;
    }
    .subscription-signout:hover {
      color: #1A1A2E;
    }
    .subscription-signout svg {
      transform: translateY(-1px);
      transition: color 140ms ease;
    }
    @keyframes confettiFall {
      0% { opacity: 0; transform: translate3d(var(--x-start), -28px, 0) rotate(0deg); }
      12% { opacity: 1; }
      100% { opacity: 0; transform: translate3d(var(--x-end), 330px, 0) rotate(var(--spin)); }
    }
    @keyframes modalRise {
      0% { opacity: 0; transform: translate(-50%, calc(-50% + 14px)) scale(0.98); }
      100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
    }
    .home-brush-layer {
      position: absolute;
      inset: -70px -110px -130px -110px;
      width: calc(100% + 220px);
      height: calc(100% + 200px);
      pointer-events: none;
      z-index: 0;
      opacity: 0.9;
    }
    .home-brush-stripe {
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 58;
      filter: blur(0.2px);
      animation: homeBrushFloat 9s ease-in-out infinite;
    }
    .home-brush-stripe-blue {
      stroke: rgba(0, 111, 221, 0.105);
    }
    .home-brush-stripe-green {
      stroke: rgba(115, 208, 75, 0.115);
    }
    .home-brush-stripe-a {
      stroke-width: 62;
      animation-duration: 10.5s;
    }
    .home-brush-stripe-b {
      stroke-width: 70;
      animation-duration: 12s;
      animation-delay: -3s;
    }
    .home-brush-stripe-c {
      stroke-width: 52;
      animation-duration: 9.5s;
      animation-delay: -5s;
    }
    @keyframes homeBrushFloat {
      0%, 100% { transform: translate3d(-10px, -4px, 0) rotate(-0.35deg); }
      45% { transform: translate3d(18px, 9px, 0) rotate(0.45deg); }
      72% { transform: translate3d(4px, -10px, 0) rotate(0.1deg); }
    }
    @media (prefers-reduced-motion: reduce) {
      .checkout-confetti-piece,
      .checkout-tutorial-modal,
      .home-brush-stripe { animation: none !important; }
    }

    /* Mobile dashboard shell */
    @media (max-width: 860px) {
      body:has(.dashboard-shell) {
        overflow: hidden;
      }
      .dashboard-sidebar {
        position: fixed;
        inset: 0 auto 0 0;
        width: min(286px, calc(100vw - 48px));
        max-width: 100%;
        transform: translateX(-102%);
        transition: transform 180ms ease;
        box-shadow: 18px 0 48px rgba(15, 23, 42, 0.28);
      }
      .dashboard-sidebar.is-mobile-open {
        transform: translateX(0);
      }
      .dashboard-sidebar > div:nth-child(2) {
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
      }
      .dashboard-sidebar-close {
        width: 40px;
        height: 40px;
        margin: -10px -10px -10px 0;
        border: 0;
        background: transparent;
        color: #D1D5DB;
        cursor: pointer;
        align-items: center;
        justify-content: center;
      }
      .dashboard-sidebar-close,
      .dashboard-menu-button {
        display: inline-flex;
      }
      .dashboard-nav-scrim {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 60;
        border: 0;
        background: rgba(15, 23, 42, 0.48);
        opacity: 0;
        pointer-events: none;
        transition: opacity 180ms ease;
      }
      .dashboard-nav-scrim.is-visible {
        opacity: 1;
        pointer-events: auto;
      }
      .dashboard-topbar {
        height: 52px;
        padding: 0 14px;
        gap: 10px;
      }
      .dashboard-menu-button {
        width: 40px;
        height: 40px;
        margin-left: -8px;
        border: 0;
        background: transparent;
        color: #374151;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        cursor: pointer;
      }
      .dashboard-menu-button span {
        display: block;
        width: 18px;
        height: 1.5px;
        border-radius: 2px;
        background: currentColor;
      }
      .dashboard-topbar-meta {
        max-width: none !important;
      }
      .dashboard-user-email,
      .dashboard-order-summary,
      .dashboard-plan-usage,
      .dashboard-topbar-divider {
        display: none !important;
      }
      .dash-page,
      .dash-page-scroll {
        padding: 12px;
      }
      .dash-page-title {
        font-size: 19px;
      }
      .dash-panel-header {
        padding: 12px;
      }
      .workspace-panel {
        border-radius: 8px;
      }
      .orders-table-scroll,
      .workspace-panel-flat > div[style*="overflowX"] {
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
      }
      .orders-table-scroll::after {
        content: "Swipe sideways to see all order fields";
        position: sticky;
        left: 12px;
        display: block;
        width: max-content;
        margin: 10px 12px;
        color: #94A3B8;
        font-size: 11px;
      }
      button,
      select {
        touch-action: manipulation;
      }
    }

    @media (max-width: 640px) {
      .dashboard-homepage-link {
        font-size: 0 !important;
        gap: 0 !important;
      }
      .dashboard-homepage-link svg {
        width: 18px;
        height: 18px;
      }
      .assistant-topbar-button {
        min-width: 40px;
        min-height: 40px;
      }
      .dash-page,
      .dash-page-scroll {
        padding: 10px;
      }
      .dash-panel,
      .workspace-panel,
      .workspace-panel-flat {
        border-radius: 7px;
      }
      .dash-panel-header input[type="text"],
      .dash-panel-header input:not([type]),
      .dash-panel-header select {
        width: 100% !important;
        max-width: none !important;
        min-height: 42px !important;
      }
      .support-workspace {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(150px, 34%) minmax(0, 1fr);
      }
      .support-page {
        padding: 0;
      }
      .support-chat-panel div[style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr !important;
      }
      .support-new-ticket-inner {
        width: calc(100% - 28px);
        padding: 24px 0 30px;
      }
      .support-form-card {
        padding: 18px;
      }
      .support-form-grid {
        grid-template-columns: 1fr;
      }
      .support-attachment-count {
        display: none;
      }
      .settings-layout-panel {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
      }
      .checkout-tutorial-modal > div {
        padding-left: 16px !important;
        padding-right: 16px !important;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .dashboard-sidebar,
      .dashboard-nav-scrim,
      .order-unsaved-actions-attention {
        animation: none !important;
        transition: none;
      }
    }