.notification{position:fixed;top:20px;right:20px;min-width:320px;max-width:450px;padding:18px 24px;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.12);z-index:10001;animation:slideInRight .3s ease-out;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #e0e0e0}.notification-error{background:#fff;border-left:4px solid #000}.notification-success{background:#fff;border-left:4px solid #4caf50}.notification-warning{background:#fff;border-left:4px solid #ff9800}.notification-info{background:#fff;border-left:4px solid #000}.notification-content{display:flex;align-items:center;gap:12px;flex:1 1}.notification-icon{font-size:20px;flex-shrink:0}.notification-error .notification-icon{color:#000}.notification-success .notification-icon{color:#4caf50}.notification-warning .notification-icon{color:#ff9800}.notification-info .notification-icon{color:#000}.notification-text{font-size:15px;font-weight:500;line-height:1.5;color:#333}.notification-close{background:none;border:none;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#999;transition:color .2s;flex-shrink:0}.notification-close:hover{color:#333}@keyframes slideInRight{0%{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:768px){.notification{top:10px;right:10px;left:10px;min-width:auto;padding:16px 20px}.notification-text{font-size:14px}}