.notifications-container{position:fixed;top:20px;right:20px;z-index:9999;pointer-events:none}.notification{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;margin-bottom:12px;padding:16px 20px;min-width:320px;max-width:400px;display:flex;align-items:center;gap:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;transform:translate(100%);opacity:0;transition:all .3s ease;pointer-events:auto}.notification.show{transform:translate(0);opacity:1}.notification.hide{transform:translate(100%);opacity:0}.notification-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-left:4px solid #28a745}.notification-error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-left:4px solid #dc3545}.notification-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #ffc107}.notification-info{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border-left:4px solid #17a2b8}.notification-content{display:flex;align-items:center;gap:12px;flex:1}.notification-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.notification-message{flex:1;color:#2c3e50;line-height:1.4}.notification-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#6c757d;transition:background-color .2s ease}.notification-close:hover{background-color:#0000001a}.alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;line-height:1.4;border:1px solid transparent}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-danger,.alert-error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.alert ul{margin:0;padding-left:1.2rem}.alert li{margin-bottom:4px}.alert li:last-child{margin-bottom:0}@media (max-width: 768px){.notifications-container{top:10px;right:10px;left:10px}.notification{min-width:auto;max-width:none;margin-left:0;margin-right:0}}@media (max-width: 480px){.notification{padding:12px 16px;font-size:13px;gap:12px}.notification-icon{width:20px;height:20px;font-size:14px}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.notification:focus-within{outline:2px solid #007bff;outline-offset:2px}.notification-close:focus{outline:2px solid #007bff;outline-offset:1px}@media (prefers-reduced-motion: reduce){.notification{transition:none}.notification.show,.notification.hide{animation:none}}