.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.toast{position:relative;display:flex;align-items:center;gap:12px;padding:16px 20px;background:white;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.15);min-width:300px;max-width:400px;pointer-events:all;overflow:hidden;animation:slideInRight 0.4s cubic-bezier(0.68,-0.55,0.265,1.55)}@keyframes slideInRight{from{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(400px);opacity:0}}.toast-icon{font-size:24px;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.2);border-radius:50%}.toast-content{flex:1;min-width:0}.toast-message{color:white;font-size:14px;line-height:1.5;font-weight:500;word-wrap:break-word}.toast-close{background:rgba(255,255,255,0.2);border:none;color:white;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s;padding:0;font-weight:bold}.toast-close:hover{background:rgba(255,255,255,0.3);transform:scale(1.1)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:rgba(255,255,255,0.4);border-radius:0 0 12px 12px;transition:width linear}body.dark-mode .toast{box-shadow:0 8px 24px rgba(0,0,0,0.4)}@media (max-width:768px){.toast-container{right:10px;left:10px;max-width:calc(100% - 20px)}.toast{min-width:auto;max-width:100%}}.toast:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,0.2)}body.dark-mode .toast:hover{box-shadow:0 12px 32px rgba(0,0,0,0.5)}