.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;color:#1e293b;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:4px solid rgba(255,255,255,.45);background:linear-gradient(135deg,#b91c1c,#dc2626);color:#fff;box-shadow:0 10px 28px #b91c1c59}.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:#fff}.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{color:#065f46}.notification-success .notification-message{color:#047857;opacity:.95}.notification-error .notification-title{color:#fff}.notification-error .notification-message{color:#fffffff5;opacity:1}.notification-error .notification-close{color:#fff;opacity:.85}.notification-error .notification-close:hover{opacity:1;background:#ffffff1f}.notification-warning .notification-title{color:#92400e}.notification-warning .notification-message{color:#b45309;opacity:.95}.notification-info .notification-title{color:#1e40af}.notification-info .notification-message{color:#1d4ed8;opacity:.95}.notification-close{position:absolute;top:8px;right:8px;background:none;border:none;padding:4px;cursor:pointer;border-radius:4px;color:#475569;opacity:.75;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{background:#00000038}.notification-error .notification-progress-bar{background:#ffffffe0}.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,#991b1b,#dc2626);color:#fff;box-shadow:0 10px 28px #0006}.notification-warning{background:linear-gradient(135deg,#78350f,#92400e)}.notification-info{background:linear-gradient(135deg,#1e3a8a,#1e40af)}.notification-success .notification-title,.notification-success .notification-message{color:#ecfdf5}.notification-error .notification-title,.notification-error .notification-message{color:#fff}.notification-error .notification-icon svg{fill:#fff}.notification-warning .notification-title,.notification-warning .notification-message{color:#fef3c7}.notification-info .notification-title,.notification-info .notification-message{color:#dbeafe}.notification-close{color:#e2e8f0}.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:2px solid #ffffff;border-left-width:4px}.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}}.toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:10050;min-width:280px;max-width:min(420px,calc(100vw - 2rem));padding:.875rem 1.25rem;border-radius:.5rem;box-shadow:0 10px 25px #00000026;border:1px solid rgba(0,0,0,.06);border-left-width:4px;font-size:.875rem;font-weight:500;line-height:1.45;font-family:Instrument Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;opacity:0;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease;pointer-events:auto}.toast.show{opacity:1;transform:translateY(0)}.toast-content{display:flex;align-items:flex-start;gap:.75rem}.toast-icon{flex-shrink:0;font-weight:700;line-height:1.3}.toast-message{flex:1;min-width:0}.toast-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46;border-left-color:#10b981}.toast-error{background:linear-gradient(135deg,#b91c1c,#dc2626);color:#fff;border-color:#ffffff38;border-left:4px solid rgba(255,255,255,.45);box-shadow:0 10px 28px #b91c1c59}.toast-warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#92400e;border-left-color:#f59e0b}.toast-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;border-left-color:#2563eb}@media(prefers-color-scheme:dark){.toast{border-color:#ffffff14;box-shadow:0 10px 25px #00000073}.toast-success{background:linear-gradient(135deg,#064e3b,#065f46);color:#ecfdf5;border-left-color:#34d399}.toast-error{background:linear-gradient(135deg,#991b1b,#dc2626);color:#fff;border-color:#fff3;border-left:4px solid rgba(255,255,255,.45);box-shadow:0 10px 28px #00000073}.toast-warning{background:linear-gradient(135deg,#78350f,#92400e);color:#fef3c7;border-left-color:#fbbf24}.toast-info{background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#dbeafe;border-left-color:#60a5fa}}