.toast-viewport{position:fixed;top:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:12px;padding:20px;width:400px;max-width:100vw;margin:0;list-style:none;z-index:2147483647;outline:none}.toast-root{background-color:#fff;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 8px 24px #0f172a14,0 2px 6px #0f172a0d;padding:12px 14px;display:flex;align-items:flex-start;gap:12px}.toast-root.border-green-200{background-color:#f0fdf4;border-color:#bbf7d0}.toast-root.border-red-200{background-color:#fef2f2;border-color:#fecaca}.toast-root.border-blue-200{background-color:#eff6ff;border-color:#bfdbfe}.toast-root[data-state=open]{animation:slideDown .15s cubic-bezier(.16,1,.3,1)}.toast-root[data-state=closed]{animation:slideUp .1s ease-in}.toast-root[data-swipe=move]{transform:translateY(var(--radix-toast-swipe-move-y))}.toast-root[data-swipe=cancel]{transform:translateY(0);transition:transform .2s ease-out}.toast-root[data-swipe=end]{animation:swipeOut .1s ease-out}.toast-title{font-weight:600;font-size:14px;color:#1e293b;margin:0;line-height:1.4}.toast-description{font-size:13px;color:#64748b;margin:4px 0 0;line-height:1.4}.toast-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;color:#64748b;background:transparent;border:none;cursor:pointer;transition:all .15s}.toast-close:hover{background-color:#0000000d;color:#334155}.toast-close:focus{outline:none;box-shadow:0 0 0 2px #3b82f680}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes swipeOut{0%{transform:translateY(var(--radix-toast-swipe-end-y))}to{transform:translateY(-100%)}}