.notification-banner{position:relative;color:#fff;overflow:hidden}[dir] .notification-banner{padding:1.5rem;border-radius:.8rem;margin-bottom:1.5rem;box-shadow:0 10px 20px rgba(0,0,0,.1)}[dir=ltr] .notification-banner{background:linear-gradient(45deg,#1e1b4b,#312e81 50%,#4338ca);animation:slideIn .5s ease-out}[dir=rtl] .notification-banner{background:linear-gradient(-45deg,#1e1b4b,#312e81 50%,#4338ca);animation:slideIn .5s ease-out}.notification-banner:before{content:"";position:absolute;top:0;bottom:0}[dir=ltr] .notification-banner:before{left:0;right:0;background:linear-gradient(45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,.1));transform:translateX(-100%);animation:gradientSlide-ltr 3s ease infinite}[dir=rtl] .notification-banner:before{right:0;left:0;background:linear-gradient(-45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,.1));transform:translateX(100%);animation:gradientSlide-rtl 3s ease infinite}.notification-banner .notification-wave{position:absolute;bottom:0;width:100%;height:20px}[dir] .notification-banner .notification-wave{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(255,255,255,0.1)' d='M0 96l48 16c48 16 144 48 240 48s192-32 288-48 192-16 288 0 192 48 288 48 192-32 240-48l48-16v224H0z'/%3E%3C/svg%3E");background-repeat:repeat-x}[dir=ltr] .notification-banner .notification-wave{left:0;animation:waveAnimation-ltr 10s linear infinite}[dir=rtl] .notification-banner .notification-wave{right:0;animation:waveAnimation-rtl 10s linear infinite}.notification-banner .notification-content{position:relative;z-index:2;display:flex;align-items:center;gap:1.2rem}[dir] .notification-banner .notification-content .notification-icon{background:hsla(0,0%,100%,.15);padding:.8rem;border-radius:50%;box-shadow:0 0 15px rgba(255,215,0,.3)}[dir=ltr] .notification-banner .notification-content .notification-icon,[dir=rtl] .notification-banner .notification-content .notification-icon{animation:iconPulse 2s ease-in-out infinite}.notification-banner .notification-content .notification-icon svg{filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}.notification-banner .notification-content .notification-text{flex:1}.notification-banner .notification-content .notification-text .glow-text{font-size:1.2rem;font-weight:600;color:gold;display:block}[dir] .notification-banner .notification-content .notification-text .glow-text{text-shadow:0 0 10px rgba(255,215,0,.5);margin-bottom:.5rem}[dir=ltr] .notification-banner .notification-content .notification-text .glow-text,[dir=rtl] .notification-banner .notification-content .notification-text .glow-text{animation:textGlow 2s ease-in-out infinite}.notification-banner .notification-content .notification-text .message-text{font-size:.95rem;opacity:.9;line-height:1.5}[dir=ltr] .notification-banner .notification-content .notification-text .message-text,[dir=rtl] .notification-banner .notification-content .notification-text .message-text{animation:fadeIn .5s ease-out .3s both}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes gradientSlide-ltr{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes gradientSlide-rtl{0%{transform:translateX(100%)}50%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 0 15px rgba(255,215,0,.3)}50%{transform:scale(1.1);box-shadow:0 0 25px rgba(255,215,0,.5)}}@keyframes textGlow{0%,to{text-shadow:0 0 10px rgba(255,215,0,.5)}50%{text-shadow:0 0 20px rgba(255,215,0,.8),0 0 30px rgba(255,215,0,.6)}}@keyframes waveAnimation-ltr{0%{background-position-x:0}to{background-position-x:1440px}}@keyframes waveAnimation-rtl{0%{background-position-x:100%}to{background-position-x:1440px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.status-card{transition:all .3s ease}[dir] .status-card{cursor:pointer}[dir] .status-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}[dir] .status-card.active{border:2px solid #7367f0}[dir] .status-card .status-icon{padding:.5rem;border-radius:.5rem}[dir] .table th{background:#f8f8f8;border-bottom:2px solid #e8e8e8}.table td{vertical-align:middle}[dir] .modal-content{border:none;box-shadow:0 5px 20px rgba(0,0,0,.1)}[dir] .modal-content .modal-header{background:#f8f8f8;border-bottom:1px solid #e8e8e8}[dir] .form-control:focus{border-color:#7367f0;box-shadow:0 0 0 .2rem rgba(115,103,240,.25)}