.ui-toast-container {position:fixed;top:20px;right:20px;z-index:12000;display:grid;gap:10px;width:min(360px,calc(100vw - 32px));pointer-events:none}
.ui-toast {display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;background:#2f96b4;color:#fff;box-shadow:0 4px 18px #0f172a30;pointer-events:auto;animation:ui-toast-in .18s ease-out}
.ui-toast[data-type=success] {background:#38834d}
.ui-toast[data-type=error] {background:#bd362f}
.ui-toast-icon {display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border:2px solid currentColor;border-radius:50%;font-weight:700;font-size:16px}
.ui-toast > div {flex:1;min-width:0}
.ui-toast strong {display:block;font-size:13px;font-weight:700}
.ui-toast p {margin:4px 0 0;white-space:pre-line;overflow-wrap:anywhere;font-size:13px;line-height:1.5}
.ui-toast-close {flex-shrink:0;padding:0 2px;color:inherit;line-height:1;font-size:23px;cursor:pointer;opacity:.85}
.ui-toast-close:hover {opacity:1}
.ui-toast-close:focus-visible {outline:2px solid white;outline-offset:3px}
@keyframes ui-toast-in {from {opacity:0;transform:translateY(-8px)}to {opacity:1;transform:translateY(0)}}
@media(max-width:640px) {.ui-toast-container {top:12px;right:16px}}
@media(prefers-reduced-motion:reduce) {.ui-toast {animation:none}}

.ui-success-dialog {width:512px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:36px 28px 28px;border:0;border-radius:8px;background:#fff;color:#545454;box-shadow:0 12px 48px #0002;text-align:center;overflow-y:auto}
.ui-success-dialog[open] {animation:ui-success-in .2s ease-out}
.ui-success-dialog::backdrop {background:rgba(0,0,0,.4)}
.ui-success-icon {position:relative;box-sizing:content-box;width:80px;height:80px;margin:0 auto 24px;border:4px solid #d5ebca;border-radius:50%}
.ui-success-icon::after {content:"";position:absolute;left:20px;top:14px;width:26px;height:44px;border:solid #a5dc86;border-width:0 5px 5px 0;transform:rotate(45deg)}
.ui-success-dialog h2 {margin:0;font-size:30px;line-height:1.3;font-weight:600;overflow-wrap:anywhere}
.ui-success-dialog p {margin:20px 0 26px;font-size:18px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}
.ui-success-confirm {border:0;border-radius:4px;background:#7066e0;color:#fff;padding:11px 24px;font:inherit;font-size:16px;font-weight:500;cursor:pointer}
.ui-success-confirm:hover {background:#655bc9}
.ui-success-confirm:focus-visible {outline:3px solid #c8c2f5;outline-offset:3px}
@keyframes ui-success-in {from {opacity:0;transform:scale(.94)}to {opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce) {.ui-success-dialog[open] {animation:none}}

.uid-status {display:flex;align-items:flex-start;gap:7px;margin:8px 0 0;font-size:12px;line-height:1.5;color:#64748b;overflow-wrap:anywhere}
.uid-status[hidden] {display:none}
.uid-status[data-state=pending] {color:#64748b}
.uid-status[data-state=success] {color:#15803d}
.uid-status[data-state=error] {color:#dc2626}
.uid-status-icon {flex-shrink:0;min-width:14px;text-align:center;font-weight:700}
.uid-status[data-state=pending] .uid-status-icon {box-sizing:border-box;width:13px;height:13px;min-width:13px;margin-top:2px;border:2px solid #cbd5e1;border-top-color:#64748b;border-radius:50%;animation:uid-status-spin .7s linear infinite}
#uid[data-validation-state=success] {border-color:#86b998}
#uid[data-validation-state=error] {border-color:#dc2626}
@keyframes uid-status-spin {to {transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce) {.uid-status[data-state=pending] .uid-status-icon {animation:none;border-top-color:transparent}}