.notification-popup{z-index:1000;background:#fff;border-radius:8px;width:380px;max-width:calc(100vw - 40px);animation:.3s ease-out slideInLeft;position:fixed;bottom:20px;left:20px;overflow:hidden;box-shadow:0 8px 24px #00000026}.notification-popup.closing{animation:.3s ease-in slideOutLeft}@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%)}}.notification-progress-bar{transform-origin:0;background:#fbbf24;width:100%;height:4px;animation:linear progressBar}@keyframes progressBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.notification-content{padding:1rem 1.25rem}.notification-header{color:#111827;text-transform:uppercase;letter-spacing:.025em;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:flex}.notification-header i:first-child{color:#1e3e62;font-size:1rem}.notification-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;padding:.25rem;font-size:1rem;transition:all .2s;display:flex}.notification-close:hover{color:#111827;background:#f3f4f6}.notification-message{color:#374151;font-size:.875rem;line-height:1.5}@media (max-width:640px){.notification-popup{width:calc(100vw - 20px);bottom:10px;left:10px}.notification-content{padding:.875rem 1rem}.notification-message{font-size:.8125rem}}