.notification-container{position:fixed;top:20px;right:20px;z-index:10000;pointer-events:none}.notification{position:relative;margin-bottom:12px;padding:16px 20px;min-width:300px;max-width:400px;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;border-left:4px solid;pointer-events:auto;animation:slideInRight .3s ease-out;font-family:Instrument Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.notification-success{border-left-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.notification-error{border-left-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fef7f7)}.notification-warning{border-left-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fefbf3)}.notification-info{border-left-color:#2563eb;background:linear-gradient(135deg,#eff6ff,#f0f9ff)}.notification-content{display:flex;align-items:flex-start;gap:12px}.notification-icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.notification-icon svg{width:100%;height:100%}.notification-success .notification-icon svg{fill:#10b981}.notification-error .notification-icon svg{fill:#ef4444}.notification-warning .notification-icon svg{fill:#f59e0b}.notification-info .notification-icon svg{fill:#2563eb}.notification-body{flex:1}.notification-title{font-size:14px;font-weight:600;margin:0 0 4px;line-height:1.4}.notification-message{font-size:13px;margin:0;line-height:1.4;opacity:.9}.notification-success .notification-title,.notification-success .notification-message,.notification-error .notification-title,.notification-error .notification-message,.notification-warning .notification-title,.notification-warning .notification-message,.notification-info .notification-title,.notification-info .notification-message{color:#fff}.notification-close{position:absolute;top:8px;right:8px;background:none;border:none;padding:4px;cursor:pointer;border-radius:4px;opacity:.6;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notification-close:hover{opacity:1;background:#0000000d}.notification-close svg{width:16px;height:16px;fill:currentColor}.notification-progress{position:absolute;bottom:0;left:0;height:3px;background:#0000001a;border-radius:0 0 8px 8px;overflow:hidden}.notification-progress-bar{height:100%;transition:width linear;border-radius:0 0 8px 8px}.notification-success .notification-progress-bar{background:#10b981}.notification-error .notification-progress-bar{background:#ef4444}.notification-warning .notification-progress-bar{background:#f59e0b}.notification-info .notification-progress-bar{background:#2563eb}@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%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.notification.removing{animation:slideOutRight .3s ease-in forwards}@media (prefers-color-scheme: dark){.notification{background:#1f2937;color:#f9fafb;box-shadow:0 10px 25px #0000004d}.notification-success{background:linear-gradient(135deg,#064e3b,#065f46)}.notification-error{background:linear-gradient(135deg,#7f1d1d,#991b1b)}.notification-warning{background:linear-gradient(135deg,#78350f,#92400e)}.notification-info{background:linear-gradient(135deg,#1e3a8a,#1e40af)}.notification-close:hover{background:#ffffff1a}}@media (max-width: 768px){.notification-container{top:10px;right:10px;left:10px}.notification{min-width:auto;max-width:none;margin-bottom:8px}}@media (max-width: 480px){.notification{padding:12px 16px}.notification-title{font-size:13px}.notification-message{font-size:12px}}[dir=rtl] .notification-container{right:auto;left:20px}[dir=rtl] .notification{animation:slideInLeft .3s ease-out}[dir=rtl] .notification.removing{animation:slideOutLeft .3s ease-in forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@media (prefers-contrast: high){.notification{border:2px solid}.notification-success{border-color:#10b981}.notification-error{border-color:#ef4444}.notification-warning{border-color:#f59e0b}.notification-info{border-color:#2563eb}}@media (prefers-reduced-motion: reduce){.notification{animation:none}.notification.removing{animation:fadeOut .3s ease-in forwards}.notification-progress-bar{transition:none}}