.notification-container{top:var(--spacing-5);right:var(--spacing-5);z-index:var(--z-notification);gap:var(--spacing-3);pointer-events:none;flex-direction:column;width:100%;max-width:420px;display:flex;position:fixed}.notification{align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--surface-elevated);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl), 0 0 0 1px var(--border-primary);pointer-events:all;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:4px solid;min-width:320px;animation:.3s ease-out slideInRight;display:flex}.notification--success{border-left-color:var(--color-success);background:var(--surface-success-subtle)}.notification--error{border-left-color:var(--color-danger);background:var(--surface-danger-subtle)}.notification--warning{border-left-color:var(--color-warning);background:var(--surface-warning-subtle)}.notification--info{border-left-color:var(--color-info);background:var(--surface-info-subtle)}.notification--confirm{border-left-color:var(--color-warning-light);background:var(--surface-warning-subtle)}.notification__icon{border-radius:var(--border-radius-full);width:24px;height:24px;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.notification--success .notification__icon{background:var(--color-success);color:var(--color-white)}.notification--error .notification__icon{background:var(--color-danger);color:var(--color-white)}.notification--warning .notification__icon{background:var(--color-warning);color:var(--color-white)}.notification--info .notification__icon,.notification--confirm .notification__icon{background:var(--color-info);color:var(--color-white)}.notification__content{gap:var(--spacing-1);flex-direction:column;flex:1;display:flex}.notification__message{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--text-primary);font-weight:var(--font-weight-medium);margin:0}.notification__error-code{margin:var(--spacing-1) 0 0 0;color:var(--text-tertiary);letter-spacing:.5px;font-family:Courier New,monospace;font-size:11px}.notification__close{width:24px;height:24px;color:var(--text-tertiary);font-size:var(--font-size-2xl);line-height:var(--line-height-none);cursor:pointer;border-radius:var(--border-radius-md);transition:var(--transition-all);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.notification__close:hover{background:var(--surface-hover);color:var(--text-primary)}.notification__actions{gap:var(--spacing-2);margin-top:var(--spacing-3);display:flex}.notification__btn{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-lg);font-size:13px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);text-transform:uppercase;letter-spacing:.5px;border:none}.notification__btn--confirm{background:var(--color-success);color:var(--color-white)}.notification__btn--confirm:hover{background:var(--color-success-dark);box-shadow:0 4px 12px color-mix(in srgb, var(--color-success-600) 30%, transparent);transform:translateY(-1px)}.notification__btn--cancel{background:var(--surface-hover);color:var(--text-primary)}.notification__btn--cancel:hover{background:var(--bg-tertiary)}@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%)}}@media (width<=768px){.notification-container{top:var(--spacing-2-5);right:var(--spacing-2-5);left:var(--spacing-2-5);max-width:none}.notification{min-width:unset;width:100%}.notification__message{font-size:var(--font-size-sm)}.notification__error-code{font-size:var(--font-size-xs)}}[data-theme=dark] .notification{box-shadow:var(--shadow-2xl), 0 0 0 1px var(--border-primary)}