/* HERO ANIMATION */
    #gep-anim-catalog-management-hero,
    #gep-anim-catalog-management-hero * { box-sizing: border-box; margin: 0; padding: 0; }

    #gep-anim-catalog-management-hero {
      --gep-ruby:#D42F5A; --gep-dark:#1B1B2F; --gep-green:#2ECB71;
      --gep-green-text:#1A8A4A; --gep-blue-text:#2A5EB2;
      --gep-white:#FFFFFF; --gep-light-grey:#F5F6F8; --gep-text:#333333;
      --gep-muted:#888888; --gep-border:#E5E7EB;
      width:unset; height:unset;
      background: transparent;
      font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
      color:var(--gep-text); display:flex; align-items:center; justify-content:center;
    }
    #gep-anim-catalog-management-hero .win {
      width:auto;
      background:var(--gep-white);
      border:1px solid var(--gep-border);
      border-radius:12px; overflow:hidden;
      box-shadow: none;
    }
    #gep-anim-catalog-management-hero .bar {
      display:flex; align-items:center; gap:6px; padding:10px 14px;
      background:var(--gep-white); border-bottom:1px solid var(--gep-border);
    }
    #gep-anim-catalog-management-hero .dot {
      width:8px; height:8px; border-radius:50%; background:var(--gep-border);
    }
    #gep-anim-catalog-management-hero .dot.r { background:var(--gep-ruby); }
    #gep-anim-catalog-management-hero .title {
      margin-left:4px; font-size:11px; font-weight:600; color:var(--gep-dark);
    }
    #gep-anim-catalog-management-hero .body {
      padding:12px 14px; display:flex; flex-direction:column; gap:10px;
    }
    #gep-anim-catalog-management-hero .search {
      display:flex; align-items:center; gap:8px;
      background:var(--gep-light-grey); border:1px solid var(--gep-border);
      border-radius:8px; padding:7px 11px;
    }
    #gep-anim-catalog-management-hero .s-icon {
      width:14px; height:14px; color:var(--gep-muted); flex:none;
    }
    #gep-anim-catalog-management-hero .search-typed {
      font-size:12px; color:var(--gep-dark);
      overflow:hidden; white-space:nowrap; width:0;
      animation: gep-catalog-management-hero-type 1.1s steps(24) 0.4s both;
    }
    #gep-anim-catalog-management-hero .grid {
      display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px;
    }
    #gep-anim-catalog-management-hero .card {
      background:var(--gep-white); border:1px solid var(--gep-border);
      border-radius:8px; padding:9px 8px;
      display:flex; flex-direction:column; gap:5px;
      opacity:0; transform:translateY(6px);
      box-shadow: none;
    }
    #gep-anim-catalog-management-hero .c1 { animation: gep-catalog-management-hero-cin .3s ease 1.7s both; }
    #gep-anim-catalog-management-hero .c2 { animation: gep-catalog-management-hero-cin .3s ease 1.9s both; }
    #gep-anim-catalog-management-hero .c3 { animation: gep-catalog-management-hero-cin .3s ease 2.1s both; }
    #gep-anim-catalog-management-hero .c4 { animation: gep-catalog-management-hero-cin .3s ease 2.3s both; }
    #gep-anim-catalog-management-hero .c5 { animation: gep-catalog-management-hero-cin .3s ease 2.5s both; }
    #gep-anim-catalog-management-hero .c6 { animation: gep-catalog-management-hero-cin .3s ease 2.7s both, gep-catalog-management-hero-sel .25s ease 3.8s both; }
    #gep-anim-catalog-management-hero .ico {
      width:26px; height:26px; border-radius:6px; background:var(--gep-light-grey);
      display:flex; align-items:center; justify-content:center;
    }
    #gep-anim-catalog-management-hero .g-icon { width:14px; height:14px; color:var(--gep-muted); }
    #gep-anim-catalog-management-hero .name { font-size:10px; font-weight:600; color:var(--gep-dark); line-height:1.3; }
    #gep-anim-catalog-management-hero .price { font-size:10px; color:var(--gep-muted); }
    #gep-anim-catalog-management-hero .tag {
      font-size:9px; padding:2px 5px; border-radius:4px; font-weight:600; width:fit-content;
    }
    #gep-anim-catalog-management-hero .tag.green { background:#EEF9F2; color:var(--gep-green-text); }
    #gep-anim-catalog-management-hero .tag.blue { background:#EAF0FB; color:var(--gep-blue-text); }
    #gep-anim-catalog-management-hero .confirm {
      background:var(--gep-light-grey); border:1px solid var(--gep-border);
      border-radius:8px; padding:9px 12px;
      display:flex; align-items:center; justify-content:space-between;
      opacity:0; transform:translateY(5px);
      animation: gep-catalog-management-hero-cfin .35s ease 4.2s both;
      box-shadow: none;
    }
    #gep-anim-catalog-management-hero .cf-left { display:flex; align-items:center; gap:9px; }
    #gep-anim-catalog-management-hero .cf-check {
      flex:none; width:20px; height:20px; border-radius:50%; background:var(--gep-green);
      display:flex; align-items:center; justify-content:center;
    }
    #gep-anim-catalog-management-hero .c-icon { width:12px; height:12px; color:var(--gep-white); }
    #gep-anim-catalog-management-hero .cf-main { font-size:11px; font-weight:600; color:var(--gep-dark); }
    #gep-anim-catalog-management-hero .cf-sub { font-size:10px; color:var(--gep-muted); margin-top:1px; }
    #gep-anim-catalog-management-hero .cf-badge {
      flex:none; font-size:10px; font-weight:600; color:var(--gep-green-text);
      background:#EEF9F2; border-radius:4px; padding:3px 7px; white-space:nowrap;
    }

    @keyframes gep-catalog-management-hero-type { to { width:200px; } }
    @keyframes gep-catalog-management-hero-cin { to { opacity:1; transform:translateY(0); } }
    @keyframes gep-catalog-management-hero-sel { to { border-color:var(--gep-ruby); background:#FDF3F6; } }
    @keyframes gep-catalog-management-hero-cfin { to { opacity:1; transform:translateY(0); } }
/* Section 1 Animation */
    #gep-anim-catalog-management-sec,
    #gep-anim-catalog-management-sec * { box-sizing: border-box; margin: 0; padding: 0; }

    #gep-anim-catalog-management-sec {
      --gep-ruby:#D42F5A; --gep-dark:#1B1B2F; --gep-green:#2ECB71;
      --gep-green-text:#1A8A4A; --gep-blue-text:#2A5EB2; --gep-amber-text:#B26A00;
      --gep-white:#FFFFFF; --gep-light-grey:#F5F6F8; --gep-text:#333333;
      --gep-muted:#888888; --gep-border:#E5E7EB;
      width:unset; height:unset;
      background: transparent;
      font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
      color:var(--gep-text); display:flex; align-items:center; justify-content:center;
    }
    #gep-anim-catalog-management-sec .win {
      width:auto;
      background:var(--gep-white);
      border:1px solid var(--gep-border);
      border-radius:12px; overflow:hidden;
      box-shadow: none;
    }
    #gep-anim-catalog-management-sec .bar {
      display:flex; align-items:center; gap:6px; padding:10px 14px;
      background:var(--gep-white); border-bottom:1px solid var(--gep-border);
    }
    #gep-anim-catalog-management-sec .dot {
      width:8px; height:8px; border-radius:50%; background:var(--gep-border);
    }
    #gep-anim-catalog-management-sec .dot.r { background:var(--gep-ruby); }
    #gep-anim-catalog-management-sec .title {
      margin-left:4px; font-size:11px; font-weight:600; color:var(--gep-dark);
    }
    #gep-anim-catalog-management-sec .chat {
      padding:14px; display:flex; flex-direction:column; gap:0; min-height:296px;
    }
    #gep-anim-catalog-management-sec .msg-user {
      align-self:flex-end; background:var(--gep-ruby); color:var(--gep-white);
      border-radius:12px 12px 2px 12px; padding:9px 12px;
      font-size:12px; max-width:76%; line-height:1.45;
      opacity:0; animation: gep-catalog-management-sec-bin .3s ease 0.5s both;
    }
    #gep-anim-catalog-management-sec .typing {
      align-self:flex-start; display:flex; gap:4px; align-items:center;
      background:var(--gep-light-grey); border:1px solid var(--gep-border);
      border-radius:12px 12px 12px 2px; padding:9px 13px; opacity:0;
    }
    #gep-anim-catalog-management-sec .t1 {
      animation: gep-catalog-management-sec-bin .25s ease 1.1s both,
                 gep-catalog-management-sec-thide .15s ease 1.65s forwards;
    }
    #gep-anim-catalog-management-sec .t2 {
      animation: gep-catalog-management-sec-bin .25s ease 2.8s both,
                 gep-catalog-management-sec-thide .15s ease 3.25s forwards;
    }
    #gep-anim-catalog-management-sec .tdot {
      width:5px; height:5px; border-radius:50%; background:var(--gep-muted);
      animation: gep-catalog-management-sec-bounce .75s ease infinite;
    }
    #gep-anim-catalog-management-sec .tdot:nth-child(2) { animation-delay:.15s; }
    #gep-anim-catalog-management-sec .tdot:nth-child(3) { animation-delay:.30s; }
    #gep-anim-catalog-management-sec .msg-agent {
      align-self:flex-start; background:var(--gep-light-grey);
      border:1px solid var(--gep-border); border-radius:12px 12px 12px 2px;
      padding:10px 12px; font-size:12px; color:var(--gep-text);
      max-width:88%; line-height:1.5; opacity:0;
    }
    #gep-anim-catalog-management-sec .a1 { animation: gep-catalog-management-sec-bin .3s ease 1.7s both; }
    #gep-anim-catalog-management-sec .a2 { animation: gep-catalog-management-sec-bin .3s ease 3.3s both; }
    #gep-anim-catalog-management-sec .lbl {
      font-size:10px; font-weight:600; color:var(--gep-ruby); margin-bottom:5px;
      display:flex; align-items:center; gap:5px;
    }
    #gep-anim-catalog-management-sec .lbl::before {
      content:''; display:inline-block; width:6px; height:6px; border-radius:50%;
      background:var(--gep-ruby); opacity:0.65;
    }
    #gep-anim-catalog-management-sec .hl { font-weight:600; color:var(--gep-ruby); }
    #gep-anim-catalog-management-sec .chips {
      display:flex; gap:6px; flex-wrap:wrap; margin-top:8px;
    }
    #gep-anim-catalog-management-sec .chip {
      font-size:10px; padding:2px 7px; border-radius:20px; font-weight:600; opacity:0;
    }
    #gep-anim-catalog-management-sec .chip.g { background:#EEF9F2; color:var(--gep-green-text); animation: gep-catalog-management-sec-chin .2s ease 2.1s both; }
    #gep-anim-catalog-management-sec .chip.b { background:#EAF0FB; color:var(--gep-blue-text); animation: gep-catalog-management-sec-chin .2s ease 2.25s both; }
    #gep-anim-catalog-management-sec .chip.a { background:#FFF7E6; color:var(--gep-amber-text); animation: gep-catalog-management-sec-chin .2s ease 2.4s both; }

    @keyframes gep-catalog-management-sec-bin {
      from { opacity:0; transform:translateY(5px); }
      to { opacity:1; transform:translateY(0); }
    }
    @keyframes gep-catalog-management-sec-thide { to { opacity:0; visibility:hidden; } }
    @keyframes gep-catalog-management-sec-bounce {
      0%,60%,100% { transform:translateY(0); }
      30% { transform:translateY(-4px); }
    }
    @keyframes gep-catalog-management-sec-chin {
      from { opacity:0; transform:scale(.88); }
      to { opacity:1; transform:scale(1); }
    }
    @media (max-width: 1399.98px) { 
      #gep-anim-catalog-management-hero{ margin-top: 30px; transform: scale(0.7);}
    }