.notification{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#fff 0,#fafbfc 100%);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);padding:18px var(--spacing-lg);box-shadow:var(--shadow-xl);z-index:10000;display:flex;align-items:center;gap:var(--spacing-md);min-width:300px;max-width:500px;width:20vw;opacity:0;transform:translateX(100%);transition:all var(--transition-medium);font-family:var(--font-primary);border-left:4px solid var(--success-color);user-select:none;touch-action:none}.notification.show{opacity:1;transform:translateX(0)}.notification.dragging{transition:none;box-shadow:0 8px 32px rgba(0,0,0,.2)}.notification.dismissing{transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.notification.dismiss-ready{border-left-color:var(--error-color)}.notification.success{border-left-color:#98d6a6}.notification.error{border-left-color:var(--error-color)}.notification.warning{border-left-color:var(--warning-color)}.notification-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0;position:relative}.notification-svg-icon{width:100%;height:100%;display:block;color:inherit}.notification.success .notification-icon{background:var(--success-color);box-shadow:0 2px 8px rgba(34,197,94,.3)}.notification.error .notification-icon{background:var(--error-color);box-shadow:0 2px 8px rgba(239,68,68,.3)}.notification.warning .notification-icon{background:var(--warning-color);box-shadow:0 2px 8px rgba(245,158,11,.3)}.notification-svg-icon{filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .1));transition:transform var(--transition-fast)}.notification:hover .notification-svg-icon{transform:scale(1.05)}.notification-content{flex:1}.notification-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;letter-spacing:-.2px}.notification-message{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.4}.notification-message strong{font-weight:var(--font-weight-semibold);color:var(--text-primary);display:inline-block}.notification-close{position:absolute;top:-10px;left:-10px;background:var(--gray-background-color);color:var(--text-secondary);font-size:14px;cursor:pointer;padding:0;border-radius:50%;transition:all var(--transition-fast);width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);z-index:10001;box-shadow:0 2px 8px rgba(0,0,0,.15);user-select:none;touch-action:manipulation}.notification:hover .notification-close{opacity:1;transform:scale(1)}.notification-close:hover{background:color-mix(in srgb,var(--gray-background-color) 90%,#000);color:var(--text-primary);box-shadow:0 4px 12px rgba(0,0,0,.2)}@media (max-width:768px){.notification{top:10px;right:10px;left:10px;min-width:auto;max-width:none;cursor:grab}.notification-close{top:-6px;left:-6px;width:18px;height:18px;font-size:12px}.notification-icon{width:20px;height:20px}.notification.dragging{cursor:grabbing}.notification:active{transform:scale(.98)}}.confirmation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.6);z-index:10001;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);opacity:0;transition:opacity var(--transition-fast)}.confirmation-modal{background:linear-gradient(135deg,#fff 0,#fafbfc 100%);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:400px;z-index:10002;border:1px solid var(--border-color);text-align:center;transform:scale(.95);transition:transform var(--transition-fast)}.confirmation-overlay.show{opacity:1}.confirmation-overlay.show .confirmation-modal{transform:scale(1)}.confirmation-modal h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-top:0;margin-bottom:var(--spacing-md)}.confirmation-modal p{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-lg)}.confirmation-buttons{display:flex;justify-content:center;gap:var(--spacing-md)}.confirmation-btn{padding:var(--btn-padding-md);border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;min-width:100px}