.alert{border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:10px 0;padding:12px 16px;font-size:.95rem;line-height:1.4;animation:.2s ease-out fade-in;display:flex;position:relative}.alert--success{color:#145c32;background:#e8f7ee;border-color:#b9e4c8}.alert--danger{color:#7a1d1d;background:#fdeaea;border-color:#f5c2c2}.alert__close{cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 6px;font-size:1.2rem;line-height:1;transition:opacity .2s}.alert__close:hover{opacity:1}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.loading-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loading-spinner{flex-direction:column;align-items:center;gap:20px;display:flex}.loading-spinner p{color:#fff;margin:0;font-family:Noto Sans Arabic,sans-serif;font-size:18px;font-weight:500}.spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}