.notifications-container{position:fixed;top:20px;right:20px;z-index:3000;display:flex;flex-direction:column;gap:10px;max-width:400px}.notification{position:relative;top:0;right:0;padding:1rem 2.5rem 1rem 1.25rem;border-radius:var(--hb-radius-lg, 0.5rem);box-shadow:0 4px 12px rgba(0,0,0,.15);opacity:0;transform:translateX(100%);transition:all .3s ease;max-width:400px;font-size:.9375rem;line-height:1.5;color:#fff;font-weight:500}.notification.show{opacity:1;transform:translateX(0)}.notification-text{display:block}.notification-dismiss{position:absolute;top:.35rem;right:.35rem;border:0;background:0 0;color:inherit;opacity:.8;cursor:pointer;font-size:1.35rem;line-height:1;padding:.15rem .4rem;border-radius:var(--hb-radius-sm, 0.25rem)}.notification-dismiss:hover{opacity:1;background:rgba(255,255,255,.15)}.notification-warning .notification-dismiss:hover{background:rgba(0,0,0,.08)}.notification-error{background:linear-gradient(135deg,rgba(128,0,32,.95)0,rgba(206,0,0,.9) 100%)}.notification-info{background:linear-gradient(135deg,rgba(13,110,253,.95)0,rgba(0,123,255,.9) 100%)}.notification-success{background:linear-gradient(135deg,rgba(25,135,84,.95)0,rgba(20,108,67,.9) 100%)}.notification-warning{background:linear-gradient(135deg,rgba(255,193,7,.95)0,rgba(255,152,0,.9) 100%);color:#000}@media (max-width:576px){.notifications-container{top:10px;right:10px;left:10px;max-width:none}}