.notification-container{z-index:99999;pointer-events:none;box-sizing:border-box;max-width:100vw;padding:16px;position:fixed}.notification-container--top-right{max-width:400px;top:0;right:0}.notification-container--top-left{max-width:400px;top:0;left:0}.notification-container--top-center{max-width:400px;top:0;left:50%;transform:translate(-50%)}.notification-container--bottom-right{max-width:400px;bottom:0;right:0}.notification-container--bottom-left{max-width:400px;bottom:0;left:0}.notification-container--bottom-center{max-width:400px;bottom:0;left:50%;transform:translate(-50%)}.notification-container--center{max-width:500px;top:50%;left:50%;transform:translate(-50%,-50%)}.notification-card{pointer-events:auto;cursor:pointer;background:#fff;border-left:4px solid;border-radius:12px;width:100%;min-width:300px;max-width:400px;margin-bottom:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000d}.notification-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026,0 4px 8px #0000001a}.notification-card--success{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border-left-color:#10b981}.notification-card--error{background:linear-gradient(135deg,#fef2f2 0%,#fdf2f8 100%);border-left-color:#ef4444}.notification-card--warning{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-left-color:#f59e0b}.notification-card--info{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-left-color:#3b82f6}.notification-content{align-items:flex-start;gap:12px;display:flex}.notification-icon{flex-shrink:0;width:24px;height:24px;margin-top:2px}.notification-icon--success{color:#10b981}.notification-icon--error{color:#ef4444}.notification-icon--warning{color:#f59e0b}.notification-icon--info{color:#3b82f6}.notification-text{flex:1;min-width:0}.notification-title{color:#1f2937;margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.4}.notification-message{color:#4b5563;word-wrap:break-word;margin:0;font-size:14px;line-height:1.5}.notification-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.notification-close:hover{color:#374151;background:#0000001a}.notification-close:focus{outline-offset:2px;outline:2px solid #3b82f6}.notification-progress{background:#0000001a;border-radius:0 0 12px 12px;height:3px;position:absolute;bottom:0;left:0;overflow:hidden}.notification-progress-bar{border-radius:inherit;background:currentColor;height:100%;transition:width .1s linear}.notification-progress-bar--success{background:#10b981}.notification-progress-bar--error{background:#ef4444}.notification-progress-bar--warning{background:#f59e0b}.notification-progress-bar--info{background:#3b82f6}.notification-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.notification-action{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.notification-action--primary{color:#fff;background:#3b82f6}.notification-action--primary:hover{background:#2563eb}.notification-action--secondary{color:#6b7280;background:0 0;border:1px solid #d1d5db}.notification-action--secondary:hover{color:#374151;background:#f9fafb}.notification-action--danger{color:#fff;background:#ef4444}.notification-action--danger:hover{background:#dc2626}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.notification-container--top-right .notification-card{animation:.4s cubic-bezier(.34,1.56,.64,1) slideInRight}.notification-container--top-left .notification-card{animation:.4s cubic-bezier(.34,1.56,.64,1) slideInLeft}.notification-container--bottom-right .notification-card{animation:.4s cubic-bezier(.34,1.56,.64,1) slideInRight}.notification-container--bottom-left .notification-card{animation:.4s cubic-bezier(.34,1.56,.64,1) slideInLeft}.notification-container--top-center .notification-card,.notification-container--bottom-center .notification-card{animation:.4s cubic-bezier(.34,1.56,.64,1) slideInTop}.notification-container--center .notification-card{animation:.4s cubic-bezier(.34,1.56,.64,1) fadeIn}.notification-card--exiting.notification-card{animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:forwards}.notification-container--top-right .notification-card--exiting{animation-name:slideOutRight}.notification-container--top-left .notification-card--exiting{animation-name:slideOutLeft}.notification-container--bottom-right .notification-card--exiting{animation-name:slideOutRight}.notification-container--bottom-left .notification-card--exiting{animation-name:slideOutLeft}.notification-container--top-center .notification-card--exiting,.notification-container--bottom-center .notification-card--exiting,.notification-container--center .notification-card--exiting{animation-name:fadeOut}@media (max-width:640px){.notification-container{padding:12px;max-width:100vw!important}.notification-container--top-right,.notification-container--top-left,.notification-container--bottom-right,.notification-container--bottom-left{left:0;right:0;transform:none}.notification-container--top-center,.notification-container--bottom-center{left:0;transform:none}.notification-card{min-width:auto;max-width:none;margin-left:0;margin-right:0}.notification-content{gap:8px}.notification-title,.notification-message{font-size:13px}.notification-actions{flex-wrap:wrap}.notification-action{flex:1;min-width:80px}}@media (prefers-color-scheme:dark){.notification-card{color:#f9fafb;background:#1f2937;box-shadow:0 4px 12px #0000004d,0 2px 4px #0003}.notification-card--success{background:linear-gradient(135deg,#064e3b 0%,#065f46 100%)}.notification-card--error{background:linear-gradient(135deg,#7f1d1d 0%,#991b1b 100%)}.notification-card--warning{background:linear-gradient(135deg,#78350f 0%,#92400e 100%)}.notification-card--info{background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 100%)}.notification-title{color:#f9fafb}.notification-message{color:#d1d5db}.notification-close{color:#9ca3af}.notification-close:hover{color:#f3f4f6;background:#ffffff1a}.notification-action--secondary{color:#9ca3af;background:0 0;border-color:#4b5563}.notification-action--secondary:hover{color:#d1d5db;background:#ffffff0d}}@media (prefers-contrast:high){.notification-card{border-style:solid;border-width:2px}.notification-card--success{border-color:#10b981}.notification-card--error{border-color:#ef4444}.notification-card--warning{border-color:#f59e0b}.notification-card--info{border-color:#3b82f6}}@media (prefers-reduced-motion:reduce){.notification-card{animation:none!important}.notification-card--exiting{opacity:0;animation:none!important}.notification-card:hover{transform:none}}