.notification-container{position:fixed;bottom:24px;right:24px;z-index:100000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.notification{background:rgba(26,26,26,.98);border:1px solid var(--border);border-radius:8px;padding:16px 20px;min-width:300px;max-width:400px;box-shadow:0 8px 24px rgba(0,0,0,.4);backdrop-filter:blur(10px);pointer-events:auto;animation:slideInRight .3s ease-out;position:relative}.notification-success{border-left:4px solid #10b981}.notification-error{border-left:4px solid #ef4444}.notification-info{border-left:4px solid #3b82f6}.notification-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-message{font-family:Cal Sans,sans-serif;font-size:14px;color:var(--text-primary);letter-spacing:.03em;line-height:1.5;flex:1}.notification-close{background:transparent;border:none;color:var(--text-secondary);font-size:24px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .3s ease;flex-shrink:0}.notification-close:hover{color:var(--text-primary)}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.notification.closing{animation:slideOutRight .3s ease-out}@media (max-width:768px){.notification-container{bottom:16px;right:16px;left:16px}.notification{min-width:auto;max-width:100%}}