.spinner-container{justify-content:center;align-items:center;display:flex}.spinner-container.full-screen{z-index:9999;background:#ffffffb3;position:fixed;inset:0}.spinner{box-sizing:border-box;border:3px solid #0000001a;border-top-color:#3498db;border-radius:50%;animation:.8s linear infinite spin}.spinner.sm{border-width:2px;width:20px;height:20px}.spinner.md{border-width:3px;width:40px;height:40px}.spinner.lg{border-width:5px;width:60px;height:60px}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{z-index:999;backdrop-filter:blur(2px);background:#0006;transition:opacity .18s;animation:.2s ease-out fadeIn;position:fixed;inset:0}.modal-overlay.overlay-closing{animation:.22s forwards fadeOut}.modal-content{z-index:1000;background:#fff;border-radius:12px;flex-direction:column;align-items:center;max-width:550px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-content:focus{outline:none}.modal-content.overlay-closing{animation:.22s forwards modalFadeOut}@media (width<=768px){.modal-content{will-change:transform;border-radius:20px 20px 0 0;width:100%;max-width:none;height:auto;transition:transform .22s cubic-bezier(.16,1,.3,1);animation:.3s cubic-bezier(.16,1,.3,1) slideUp;top:auto;bottom:0;left:0;transform:none}.modal-content.dragging{transition:none}.modal-content.swipe-closing{transition:transform .22s cubic-bezier(.16,1,.3,1)}.modal-content.overlay-closing{animation:.22s cubic-bezier(.16,1,.3,1) forwards slideDown}}.modal-header{flex-direction:column;justify-content:center;align-items:center;gap:16px;margin:16px;display:flex}@media (width<=768px){.modal-header{touch-action:none;width:calc(100% - 32px)}.modal-header:before{content:"";background:#d1d5db;border-radius:999px;width:44px;height:4px}}.modal-header .icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.modal-header .icon.success{color:#2e7d32;background-color:#e4ffe6}.modal-header .icon.error{color:#e53935;background-color:#ffe8e8}.modal-header .icon.warn{color:#ff781d;background-color:#ffefe4}.modal-header .icon.info{color:#284eea;background-color:#e7ecff}.modal-header .title{color:#222;font-size:20px;font-weight:500}.modal-header .modal-title{color:#1a1a1a;margin:0;font-size:1.125rem;font-weight:700}.modal-header .modal-close-btn{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.modal-header .modal-close-btn:hover{color:#111;background:#e5e7eb}.modal-body{text-align:center;color:#666;width:100%;padding:0 24px;font-size:16px;line-height:1.5}.modal-footer{border-top:1px solid #e5e7eb;justify-content:center;gap:12px;width:100%;padding:16px;display:flex}.modal-footer.has-secondary{justify-content:space-between}.modal-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:16px;transition:filter .2s,transform .1s}.modal-btn:active{transform:scale(.98)}.modal-btn.btn-primary{color:#fff;background-color:#284eea}.modal-btn.btn-primary:disabled{color:#ccc;cursor:not-allowed;background-color:#e4e4e4}.modal-btn.btn-outline{color:#284eea;background-color:#fff;border:1px solid #284eea}.modal-btn.btn-outline:disabled{color:#ccc;cursor:not-allowed;background-color:#e4e4e4}.modal-btn.btn-secondary{color:#222}.modal-btn.btn-destructive{color:#dc2626;background-color:#fee2e2}.modal-btn.btn-destructive:hover{background-color:#fecaca}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes modalFadeOut{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-48%)scale(.98)}}