.message-container{z-index:10000;flex-direction:column;gap:15px;max-width:350px;display:flex;position:fixed;top:20px;right:20px}.message{background:var(--bg-elevated);animation:.3s ease-out both slideIn;animation-delay:calc(var(--animation-order,0) * .1s);border:1px solid var(--border);border-radius:8px;align-items:flex-start;padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.message.success{border-left:4px solid #4caf50}.message.error{border-left:4px solid #f44336}.message.warning{border-left:4px solid #ff9800}.message.info{border-left:4px solid var(--color-purple-light)}.message-icon{flex-shrink:0;margin-right:12px;font-size:20px}.message.success .message-icon{color:#4caf50}.message.error .message-icon{color:#f44336}.message.warning .message-icon{color:#ff9800}.message.info .message-icon{color:var(--color-purple-light)}.message-content{flex-grow:1;margin-right:10px}.message-title{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.message-text{color:var(--text-secondary);font-size:13px;font-weight:500;line-height:1.4}.message-close{cursor:pointer;color:#999;background:0 0;border:none;flex-shrink:0;align-self:flex-start;padding:0;font-size:14px}.message-close:hover{color:#666}.message-timer{transform-origin:0;width:100%;height:3px;animation:linear timer;position:absolute;bottom:0;left:0}.message.success .message-timer{background:#4caf50}.message.error .message-timer{background:#f44336}.message.warning .message-timer{background:#ff9800}.message.info .message-timer{background:var(--color-purple-light)}@keyframes timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}