Toast Notification Styles
.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px;width:100%}.toast{display:flex;align-items:flex-start;justify-content:space-between;padding:16px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:slideIn .3s ease-out;background:#fff;border-left:4px solid;min-height:60px}.toast-success{border-left-color:var(--color-success);background:var(--color-success-light)}.toast-error{border-left-color:var(--color-error);background:var(--color-error-light)}.toast-warning{border-left-color:var(--color-warning);background:var(--color-warning-light)}.toast-info{border-left-color:var(--color-secondary);background:#eff6ff}.toast-content{display:flex;align-items:flex-start;gap:12px;flex:1 1}.toast-icon{font-size:20px;margin-top:2px;flex-shrink:0}.toast-icon.success{color:var(--color-success)}.toast-icon.error{color:var(--color-error)}.toast-icon.warning{color:var(--color-warning)}.toast-icon.info{color:var(--color-secondary)}.toast-text{flex:1 1}.toast-title{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--color-text);line-height:1.4}.toast-message{margin:0;font-size:13px;color:var(--color-text-secondary);line-height:1.4}.toast-close{background:none;border:none;color:var(--color-text-light);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-left:8px;flex-shrink:0;transition:all .2s ease}.toast-close:hover{color:var(--color-text-secondary);background:rgba(0,0,0,.05)}.toast-close:focus{outline:2px solid var(--color-secondary);outline-offset:2px}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.toast.removing{animation:slideOut .3s ease-in forwards}@media (max-width:768px){.toast-container{top:10px;right:10px;left:10px;max-width:none}.toast{padding:12px}.toast-title{font-size:13px}.toast-message{font-size:12px}.toast-icon{font-size:18px}}