.txn-scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}
    .txn-scroll:hover{scrollbar-color:#cbd5e1 transparent}
    .dark .txn-scroll:hover{scrollbar-color:#475569 transparent}
    .txn-scroll::-webkit-scrollbar{width:5px}
    .txn-scroll::-webkit-scrollbar-track{background:transparent}
    .txn-scroll::-webkit-scrollbar-thumb{background:transparent;border-radius:10px}
    .txn-scroll:hover::-webkit-scrollbar-thumb{background:#cbd5e1}
    .dark .txn-scroll:hover::-webkit-scrollbar-thumb{background:#475569}
    @keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
    @keyframes txnSlideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
    @keyframes txnToastIn{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
    @keyframes txnToastOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}
    .txn-fade-up{animation:fadeUp .3s ease-out both}
    .txn-slide-in{animation:txnSlideIn .3s ease-out both}
    .txn-row{transition:all .2s ease;border-left:3px solid transparent}
    .txn-row:hover{background:rgb(238 242 255 / .4)}
    .dark .txn-row:hover{background:rgb(67 56 202 / .08)}
    .txn-row.active-txn{border-left-color:#6366f1;background:rgb(238 242 255 / .6)}
    .dark .txn-row.active-txn{border-left-color:#818cf8;background:rgb(67 56 202 / .15)}
    .txn-tab-btn{position:relative;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:#64748b;transition:all .2s;border-radius:.75rem}
    .txn-tab-btn:hover{color:#334155}
    .dark .txn-tab-btn{color:#94a3b8}
    .dark .txn-tab-btn:hover{color:#e2e8f0}
    .txn-tab-btn.active{color:#4f46e5;background:rgb(238 242 255 / .7)}
    .dark .txn-tab-btn.active{color:#a5b4fc;background:rgb(67 56 202 / .15)}
    .txn-tab-btn.active::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:60%;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:9999px}
    .txn-toast{animation:txnToastIn .3s ease-out both}
    .txn-toast.removing{animation:txnToastOut .25s ease-in both}