.notification-modal-overlay{z-index:1000;padding:var(--spacing-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.notification-modal{background:var(--background-white);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;animation:.3s ease-out modalSlideIn;overflow:hidden;box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.notification-modal__header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);align-items:center;gap:var(--spacing-md);display:flex}.notification-modal__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:flex}.notification-modal--success .notification-modal__icon{background-color:var(--success-color);color:#fff}.notification-modal--error .notification-modal__icon{background-color:var(--error-color);color:#fff}.notification-modal--warning .notification-modal__icon{background-color:var(--warning-color);color:#fff}.notification-modal--info .notification-modal__icon{background-color:var(--primary-color);color:#fff}.notification-modal__title{font-size:var(--font-size-lg);color:var(--text-primary);flex:1;margin:0;font-weight:600}.notification-modal__close{color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;line-height:1;display:flex}.notification-modal__close:hover{background-color:var(--background-light);color:var(--text-primary)}.notification-modal__body{padding:0 var(--spacing-xl) var(--spacing-lg)}.notification-modal__message{color:var(--text-secondary);line-height:1.6;font-size:var(--font-size-base);margin:0}.notification-modal__footer{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl);justify-content:flex-end;gap:var(--spacing-md);border-top:1px solid var(--border-light);background-color:var(--background-light);display:flex}@media (width<=768px){.notification-modal-overlay{padding:var(--spacing-md)}.notification-modal{max-width:100%}.notification-modal__header{padding:var(--spacing-lg)}.notification-modal__body{padding:0 var(--spacing-lg) var(--spacing-md)}.notification-modal__footer{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);flex-direction:column}.notification-modal__footer .btn{width:100%}}.loading-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.loading-spinner{border:4px solid #0000001a;border-left-color:#09f;border-radius:50%;width:36px;height:36px;margin-bottom:1rem;animation:1s infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}