/* HERO ANIMATION */
    #gep-anim-category-mgmt-hero,
    #gep-anim-category-mgmt-hero * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    #gep-anim-category-mgmt-hero {
      --gep-ruby: #D42F5A;
      --gep-dark: #1B1B2F;
      --gep-green: #2ECB71;
      --gep-white: #FFFFFF;
      --gep-light-grey: #F5F6F8;
      --gep-text: #333333;
      --gep-muted: #888888;
      --gep-border: #E5E7EB;
      width: 500px;
      height: 360px;
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
      color: var(--gep-text);
      display: flex;
      align-items: center;
      justify-content: center;
    }
    #gep-anim-category-mgmt-hero .win {
      width: 440px;
      background: var(--gep-white);
      border: 1px solid var(--gep-border);
      border-radius: 14px;
      overflow: hidden;
      box-shadow: 0 10px 28px rgba(27,27,47,.09);
    }
    #gep-anim-category-mgmt-hero .bar {
      display: flex;
      align-items: center;
      gap: 7px;
      padding: 11px 16px;
      background: var(--gep-white);
      border-bottom: 1px solid var(--gep-border);
    }
    #gep-anim-category-mgmt-hero .dot {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: var(--gep-border);
    }
    #gep-anim-category-mgmt-hero .title {
      margin-left: 6px;
      font-size: 13px;
      font-weight: 600;
      color: var(--gep-dark);
    }
    #gep-anim-category-mgmt-hero .bdy {
      padding: 18px 20px 16px;
    }
    #gep-anim-category-mgmt-hero .sources {
      display: flex;
      gap: 8px;
      margin-bottom: 10px;
    }
    #gep-anim-category-mgmt-hero .src {
      flex: 1;
      text-align: center;
      background: var(--gep-light-grey);
      border: 1px solid var(--gep-border);
      border-radius: 8px;
      padding: 8px 6px;
      font-size: 11px;
      font-weight: 600;
      color: var(--gep-muted);
      opacity: 0;
      transform: translateY(4px);
    }
    #gep-anim-category-mgmt-hero .src-1 { animation: gep-catmgmt-hero-srcin 6s ease-in-out infinite; }
    #gep-anim-category-mgmt-hero .src-2 { animation: gep-catmgmt-hero-srcin 6s ease-in-out 0.15s infinite; }
    #gep-anim-category-mgmt-hero .src-3 { animation: gep-catmgmt-hero-srcin 6s ease-in-out 0.3s infinite; }
    #gep-anim-category-mgmt-hero .arrow-row {
      display: flex;
      gap: 8px;
      margin-bottom: 10px;
      opacity: 0;
      animation: gep-catmgmt-hero-fadein 6s ease-in-out infinite;
    }
    #gep-anim-category-mgmt-hero .arr {
      flex: 1;
      text-align: center;
      font-size: 16px;
      color: var(--gep-ruby);
    }
    #gep-anim-category-mgmt-hero .result-card {
      background: var(--gep-light-grey);
      border: 1px solid var(--gep-border);
      border-radius: 10px;
      padding: 12px 14px;
      margin-bottom: 10px;
      opacity: 0;
      transform: translateY(6px);
      animation: gep-catmgmt-hero-cardin 6s ease-in-out infinite;
    }
    #gep-anim-category-mgmt-hero .result-header {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 10px;
    }
    #gep-anim-category-mgmt-hero .check {
      width: 22px;
      height: 22px;
      border-radius: 50%;
      background: var(--gep-green);
      color: #fff;
      font-size: 12px;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    #gep-anim-category-mgmt-hero .result-title {
      font-size: 13px;
      font-weight: 600;
      color: var(--gep-dark);
    }
    #gep-anim-category-mgmt-hero .metrics {
      display: flex;
      gap: 8px;
    }
    #gep-anim-category-mgmt-hero .metric {
      flex: 1;
      background: var(--gep-white);
      border: 1px solid var(--gep-border);
      border-radius: 7px;
      padding: 8px 10px;
      text-align: center;
    }
    #gep-anim-category-mgmt-hero .metric-val {
      font-size: 16px;
      font-weight: 700;
      color: var(--gep-ruby);
    }
    #gep-anim-category-mgmt-hero .metric-label {
      font-size: 10px;
      color: var(--gep-muted);
      margin-top: 2px;
    }
    #gep-anim-category-mgmt-hero .status-tag {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: rgba(212,47,90,.07);
      color: var(--gep-ruby);
      padding: 5px 10px;
      border-radius: 12px;
      font-size: 11px;
      font-weight: 600;
      opacity: 0;
      animation: gep-catmgmt-hero-tagin 6s ease-in-out infinite;
    }
    #gep-anim-category-mgmt-hero .tag-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--gep-ruby);
      animation: gep-catmgmt-hero-pulse 1.6s ease-in-out infinite;
    }
    @keyframes gep-catmgmt-hero-srcin {
      0%, 10%  { opacity: 0; transform: translateY(4px); }
      22%, 82% { opacity: 1; transform: translateY(0); }
      92%, 100%{ opacity: 0; transform: translateY(4px); }
    }
    @keyframes gep-catmgmt-hero-fadein {
      0%, 22% { opacity: 0; }
      34%, 82% { opacity: 1; }
      92%, 100%{ opacity: 0; }
    }
    @keyframes gep-catmgmt-hero-cardin {
      0%, 34%  { opacity: 0; transform: translateY(6px); }
      48%, 82% { opacity: 1; transform: translateY(0); }
      92%, 100%{ opacity: 0; transform: translateY(6px); }
    }
    @keyframes gep-catmgmt-hero-tagin {
      0%, 48%  { opacity: 0; }
      60%, 82% { opacity: 1; }
      92%, 100%{ opacity: 0; }
    }
    @keyframes gep-catmgmt-hero-pulse {
      0%, 100% { opacity: 1; transform: scale(1); }
      50%      { opacity: 0.5; transform: scale(1.3); }
    }

    /* SECTION 1 ANIMATION */

    #gep-anim-category-mgmt-sec1,
    #gep-anim-category-mgmt-sec1 * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    #gep-anim-category-mgmt-sec1 {
      --gep-ruby: #D42F5A;
      --gep-dark: #1B1B2F;
      --gep-green: #2ECB71;
      --gep-white: #FFFFFF;
      --gep-light-grey: #F5F6F8;
      --gep-text: #333333;
      --gep-muted: #888888;
      --gep-border: #E5E7EB;
      width: 500px;
      height: 360px;
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
      color: var(--gep-text);
      display: flex;
      align-items: center;
      justify-content: center;
    }
    #gep-anim-category-mgmt-sec1 .win {
      width: 440px;
      background: var(--gep-white);
      border: 1px solid var(--gep-border);
      border-radius: 14px;
      overflow: hidden;
      box-shadow: 0 10px 28px rgba(27,27,47,.09);
    }
    #gep-anim-category-mgmt-sec1 .bar {
      display: flex;
      align-items: center;
      gap: 7px;
      padding: 11px 16px;
      background: var(--gep-white);
      border-bottom: 1px solid var(--gep-border);
    }
    #gep-anim-category-mgmt-sec1 .dot {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: var(--gep-border);
    }
    #gep-anim-category-mgmt-sec1 .title {
      margin-left: 6px;
      font-size: 13px;
      font-weight: 600;
      color: var(--gep-dark);
    }
    #gep-anim-category-mgmt-sec1 .bdy {
      padding: 16px 20px;
    }
    #gep-anim-category-mgmt-sec1 .bench-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 9px 12px;
      border: 1px solid var(--gep-border);
      border-radius: 8px;
      margin-bottom: 6px;
      background: var(--gep-light-grey);
      opacity: 0;
      transform: translateY(4px);
    }
    #gep-anim-category-mgmt-sec1 .bench-label {
      font-size: 12px;
      font-weight: 600;
      color: var(--gep-dark);
    }
    #gep-anim-category-mgmt-sec1 .bench-right {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    #gep-anim-category-mgmt-sec1 .bench-val {
      font-size: 12px;
      font-weight: 700;
      color: var(--gep-text);
    }
    #gep-anim-category-mgmt-sec1 .badge {
      font-size: 10px;
      font-weight: 700;
      padding: 2px 8px;
      border-radius: 10px;
    }
    #gep-anim-category-mgmt-sec1 .stale {
      background: rgba(136,136,136,.12);
      color: var(--gep-muted);
    }
    #gep-anim-category-mgmt-sec1 .current {
      background: rgba(46,203,113,.12);
      color: #1a9a52;
    }
    #gep-anim-category-mgmt-sec1 .divider {
      height: 1px;
      background: var(--gep-border);
      margin: 8px 0;
      opacity: 0;
      animation: gep-catmgmt-sec1-fadein 8s ease-in-out infinite;
    }
    #gep-anim-category-mgmt-sec1 .updated {
      background: var(--gep-white);
      border-color: rgba(46,203,113,.3);
    }

    /* Stale rows fade in first */
    #gep-anim-category-mgmt-sec1 .row-1 { animation: gep-catmgmt-sec1-rowin 8s ease-in-out infinite; }
    #gep-anim-category-mgmt-sec1 .row-2 { animation: gep-catmgmt-sec1-rowin 8s ease-in-out 0.15s infinite; }
    #gep-anim-category-mgmt-sec1 .row-3 { animation: gep-catmgmt-sec1-rowin 8s ease-in-out 0.3s infinite; }

    /* Updated rows replace them */
    #gep-anim-category-mgmt-sec1 .row-1u { animation: gep-catmgmt-sec1-updatein 8s ease-in-out infinite; }
    #gep-anim-category-mgmt-sec1 .row-2u { animation: gep-catmgmt-sec1-updatein 8s ease-in-out 0.15s infinite; }
    #gep-anim-category-mgmt-sec1 .row-3u { animation: gep-catmgmt-sec1-updatein 8s ease-in-out 0.3s infinite; }

    @keyframes gep-catmgmt-sec1-rowin {
      0%, 8%   { opacity: 0; transform: translateY(4px); }
      18%, 48% { opacity: 1; transform: translateY(0); }
      58%, 100%{ opacity: 0; transform: translateY(4px); }
    }
    @keyframes gep-catmgmt-sec1-fadein {
      0%, 48%  { opacity: 0; }
      56%, 82% { opacity: 1; }
      92%, 100%{ opacity: 0; }
    }
    @keyframes gep-catmgmt-sec1-updatein {
      0%, 56%  { opacity: 0; transform: translateY(4px); }
      66%, 82% { opacity: 1; transform: translateY(0); }
      92%, 100%{ opacity: 0; transform: translateY(4px); }
    }
/* SECTION 2 Animation */

    #gep-anim-category-mgmt-sec,
    #gep-anim-category-mgmt-sec * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    #gep-anim-category-mgmt-sec {
      --gep-ruby: #D42F5A;
      --gep-dark: #1B1B2F;
      --gep-green: #2ECB71;
      --gep-white: #FFFFFF;
      --gep-light-grey: #F5F6F8;
      --gep-text: #333333;
      --gep-muted: #888888;
      --gep-border: #E5E7EB;
      width: 500px;
      height: 360px;
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
      color: var(--gep-text);
      display: flex;
      align-items: center;
      justify-content: center;
    }
    #gep-anim-category-mgmt-sec .win {
      width: 440px;
      background: var(--gep-white);
      border: 1px solid var(--gep-border);
      border-radius: 14px;
      overflow: hidden;
      box-shadow: 0 10px 28px rgba(27,27,47,.09);
    }
    #gep-anim-category-mgmt-sec .bar {
      display: flex;
      align-items: center;
      gap: 7px;
      padding: 11px 16px;
      background: var(--gep-white);
      border-bottom: 1px solid var(--gep-border);
    }
    #gep-anim-category-mgmt-sec .dot {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: var(--gep-border);
    }
    #gep-anim-category-mgmt-sec .title {
      margin-left: 6px;
      font-size: 13px;
      font-weight: 600;
      color: var(--gep-dark);
      flex: 1;
    }
    #gep-anim-category-mgmt-sec .bar-badge {
      font-size: 10px;
      font-weight: 600;
      background: rgba(46,203,113,.12);
      color: #1a9a52;
      padding: 2px 8px;
      border-radius: 10px;
    }
    #gep-anim-category-mgmt-sec .bdy {
      padding: 16px 18px;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    #gep-anim-category-mgmt-sec .alert-card {
      display: flex;
      align-items: center;
      gap: 10px;
      background: rgba(212,47,90,.06);
      border: 1px solid rgba(212,47,90,.2);
      border-radius: 9px;
      padding: 10px 12px;
      opacity: 0;
      transform: translateY(4px);
      animation: gep-catmgmt-sec-alertin 7s ease-in-out infinite;
    }
    #gep-anim-category-mgmt-sec .alert-icon {
      width: 26px;
      height: 26px;
      border-radius: 50%;
      background: var(--gep-ruby);
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    #gep-anim-category-mgmt-sec .alert-title {
      font-size: 12px;
      font-weight: 700;
      color: var(--gep-ruby);
      margin-bottom: 2px;
    }
    #gep-anim-category-mgmt-sec .alert-sub {
      font-size: 11px;
      color: var(--gep-muted);
    }
    #gep-anim-category-mgmt-sec .chat-msg {
      border-radius: 10px;
      padding: 9px 12px;
      font-size: 12px;
      opacity: 0;
      transform: translateY(5px);
    }
    #gep-anim-category-mgmt-sec .agent-msg {
      background: var(--gep-light-grey);
      border: 1px solid var(--gep-border);
      max-width: 88%;
    }
    #gep-anim-category-mgmt-sec .user-msg {
      background: var(--gep-ruby);
      max-width: 55%;
      margin-left: auto;
    }
    #gep-anim-category-mgmt-sec .msg-body {
      line-height: 1.45;
      color: var(--gep-text);
    }
    #gep-anim-category-mgmt-sec .user-msg .msg-body {
      color: #fff;
    }
    #gep-anim-category-mgmt-sec .msg-confirm {
      display: flex;
      align-items: center;
      gap: 7px;
      font-weight: 600;
    }
    #gep-anim-category-mgmt-sec .check {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: var(--gep-green);
      color: #fff;
      font-size: 11px;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    #gep-anim-category-mgmt-sec .msg-1 { animation: gep-catmgmt-sec-msgin 7s ease-in-out infinite; }
    #gep-anim-category-mgmt-sec .msg-2 { animation: gep-catmgmt-sec-msgin 7s ease-in-out 0.9s infinite; }
    #gep-anim-category-mgmt-sec .msg-3 { animation: gep-catmgmt-sec-msgin 7s ease-in-out 1.8s infinite; }
    @keyframes gep-catmgmt-sec-alertin {
      0%, 5%   { opacity: 0; transform: translateY(4px); }
      16%, 80% { opacity: 1; transform: translateY(0); }
      92%, 100%{ opacity: 0; transform: translateY(4px); }
    }
    @keyframes gep-catmgmt-sec-msgin {
      0%, 16%  { opacity: 0; transform: translateY(5px); }
      28%, 80% { opacity: 1; transform: translateY(0); }
      92%, 100%{ opacity: 0; transform: translateY(5px); }
    }