.notification-container{position:fixed;top:0;right:0;z-index:1100;display:flex;flex-direction:column;gap:16px;padding:16px}.notification-toast{border:none;box-shadow:0 4px 20px rgba(0,0,0,.2);border-radius:10px;overflow:hidden;transition:all .3s ease;min-width:350px !important;width:100% !important}.notification-toast .toast-header{color:#fff;border-radius:10px 10px 0 0 !important;padding:12px 16px;border:none}.notification-toast .toast-body{padding:16px;position:relative;background:#fff}.notification-toast .progress-container{height:6px;width:100%;background:#f0f0f0;position:absolute;bottom:0;left:0;border-radius:0 0 10px 10px;overflow:hidden}.notification-toast .progress-container .progress-bar{height:100%;width:100%;transition:width linear}.notification-toast .btn-close{filter:invert(1);opacity:.8;transition:all .2s}.notification-toast .btn-close:hover{opacity:1;transform:scale(1.1)}.notification-toast .notification-icon{font-size:1.25rem;margin-right:10px}.toast-success .toast-header,.toast-success .progress-bar{background:linear-gradient(135deg, #28a745 0%, #5cb85c 100%)}.toast-warning .toast-header,.toast-warning .progress-bar{background:linear-gradient(135deg, #ffc107 0%, #f0ad4e 100%)}.toast-danger .toast-header,.toast-danger .progress-bar,.toast-error .toast-header,.toast-error .progress-bar{background:linear-gradient(135deg, #dc3545 0%, #d9534f 100%)}.toast-info .toast-header,.toast-info .progress-bar{background:linear-gradient(135deg, #17a2b8 0%, #5bc0de 100%)}