.matrix-bg{position:relative}.matrix-bg:before{content:"010101010101010101010101010101";position:absolute;top:-50%;left:0;width:100%;height:200%;background:linear-gradient(180deg,#0f00,#00ff001a,#0f00);background-size:100% 20px;animation:matrix-rain 20s linear infinite;z-index:0;pointer-events:none;opacity:.1;font-family:monospace;word-break:break-all;overflow:hidden}@keyframes matrix-rain{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:slideInRight .3s ease-out forwards}@keyframes flashGreen{0%{background-color:#22c55e33}to{background-color:transparent}}.animate-flash-green{animation:flashGreen 1s ease-out}@keyframes fadeOutRed{0%{opacity:1;background-color:#ef444433;transform:translate(0)}to{opacity:0;background-color:#ef444400;transform:translate(10px)}}.animate-fade-out-red{animation:fadeOutRed .3s ease-in forwards}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#1e1e1e}.custom-scrollbar::-webkit-scrollbar-thumb{background:#3e3e3e;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#4e4e4e}