.notification-container{position:fixed;top:100px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:10px}.notification{min-width:320px;max-width:450px;padding:16px 20px;border-radius:12px;background:#0a0e14;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px rgba(0,0,0,.5);display:flex;align-items:center;gap:12px;animation:slideInRight .3s ease;backdrop-filter:blur(10px)}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.notification.hiding{animation:slideOutRight .3s ease forwards}.notification__icon{font-size:20px;flex-shrink:0}.notification__content{flex:1}.notification__title{font-size:14px;font-weight:600;margin-bottom:4px}.notification__message{font-size:13px;color:#aaa;line-height:1.4}.notification--success{border-color:rgba(0,204,102,.3)}.notification--success .notification__icon{color:#00cc66}.notification--success .notification__title{color:#00cc66}.notification--error{border-color:rgba(255,77,77,.3)}.notification--error .notification__icon{color:#ff4d4d}.notification--error .notification__title{color:#ff4d4d}.notification--info{border-color:rgba(0,185,255,.3)}.notification--info .notification__icon{color:#00b9ff}.notification--info .notification__title{color:#00b9ff}.notification__close{background:none;border:none;color:#666;cursor:pointer;padding:4px;font-size:18px;transition:color .2s}.notification__close:hover{color:#fff}@media(max-width: 768px){.notification-container{top:auto;bottom:20px;left:20px;right:20px}.notification{min-width:auto;width:100%}}