#notifications{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.notification{pointer-events:auto;padding:16px 20px;padding:var(--pb-space-4, 16px) var(--pb-space-5, 20px);border-radius:10px;border-radius:var(--pb-radius-md, 10px);font-size:14px;font-weight:500;box-shadow:0 10px 15px -3px #0006;box-shadow:var(--pb-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .4));animation:slideIn .3s ease;min-width:250px;max-width:400px;display:flex;align-items:center;color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}.notification.success{background:#22c55e;background:var(--pb-success, #22c55e)}.notification.error{background:#ef4444;background:var(--pb-danger, #ef4444)}.notification.info{background:#3b82f6;background:var(--pb-info, #3b82f6)}.notification.warning{background:#f97316;background:var(--pb-warning, #f97316)}.notification.fade-out{animation:slideOut .3s ease forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.notification-action-btn{margin-left:16px;padding:6px 14px;background:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;white-space:nowrap}.notification-action-btn:hover{background:#ffffff59}.notification-action-btn:active{transform:scale(.96)}.confirm-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .2s ease}.confirm-overlay.visible{opacity:1}.confirm-modal{background:#18181b;border:1px solid #27272a;border-radius:16px;padding:24px;max-width:400px;width:90%;transform:scale(.9);transition:transform .2s ease}.confirm-overlay.visible .confirm-modal{transform:scale(1)}.confirm-title{font-size:18px;font-weight:600;color:#f4f4f5;margin-bottom:12px}.confirm-message{font-size:14px;color:#a1a1aa;line-height:1.6;margin-bottom:24px}.confirm-buttons{display:flex;gap:12px;justify-content:flex-end}.confirm-btn{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.confirm-btn.cancel{background:#27272a;color:#a1a1aa}.confirm-btn.cancel:hover{background:#3f3f46;color:#f4f4f5}.confirm-btn.confirm{background:#f97316;color:#fff}.confirm-btn.confirm:hover{background:#ea580c}
