.notification-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px}.notification{background:#fff;border-radius:12px;padding:16px;max-width:400px;box-shadow:0 8px 25px #00000026;border-left:4px solid;animation:slideInRight .3s ease-out;display:flex;align-items:flex-start;gap:12px}.notification.error{border-left-color:#dc3545;background:#fee}.notification.success{border-left-color:#28a745;background:#efe}.notification.warning{border-left-color:#ffc107;background:#fff9e6}.notification-icon{font-size:1.2rem;flex-shrink:0;margin-top:2px}.notification.error .notification-icon{color:#dc3545}.notification.success .notification-icon{color:#28a745}.notification.warning .notification-icon{color:#ffc107}.notification-content{flex:1}.notification-message{font-weight:500;line-height:1.4;margin:0}.notification-close{background:none;border:none;cursor:pointer;padding:4px;margin:-4px -4px 0 0;opacity:.7;transition:opacity .2s;font-size:1rem}.notification-close:hover{opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (max-width: 768px){.notification-container{top:10px;right:10px;left:10px}.notification{max-width:none}}