.notification-bar{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#fff 0,#f8f9fa 100%);border-radius:12px;padding:16px 24px;box-shadow:0 4px 20px rgba(0,0,0,.1);display:flex;align-items:center;gap:12px;z-index:9999;animation:slideIn .4s cubic-bezier(.68,-.55,.265,1.55);max-width:400px;border:1px solid rgba(0,0,0,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.notification-bar i{color:#4f7cfc;font-size:18px;background:rgba(79,124,252,.1);padding:8px;border-radius:8px}.notification-bar .message{color:#2c3e50;font-size:15px;flex-grow:1;margin:0 8px;line-height:1.5}.notification-bar .close-btn{color:#a0aec0;cursor:pointer;font-size:20px;line-height:1;padding:4px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px}.notification-bar .close-btn:hover{color:#4f7cfc;background:rgba(79,124,252,.1)}@keyframes slideIn{from{transform:translateX(100%) scale(.9);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}@keyframes slideOut{from{transform:translateX(0) scale(1);opacity:1}to{transform:translateX(100%) scale(.9);opacity:0}}.notification-bar.hiding{animation:slideOut .3s cubic-bezier(.68,-.55,.265,1.55) forwards}body.night .notification-bar{background:linear-gradient(135deg,#2c2e2f 0,#1a1a1a 100%);border-color:rgba(255,255,255,.05)}body.night .notification-bar i{color:#4f7cfc;background:rgba(79,124,252,.15)}body.night .notification-bar .message{color:#e2e8f0}body.night .notification-bar .close-btn{color:#718096}body.night .notification-bar .close-btn:hover{color:#4f7cfc;background:rgba(79,124,252,.15)}@media screen and (max-width:768px){.notification-bar{top:10px;right:10px;left:10px;max-width:none;padding:12px 16px}.notification-bar .message{font-size:14px}}