.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(4px);z-index:999999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-overlay.active{opacity:1;visibility:visible}.modal-overlay .modal{background:#fff!important;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:480px;width:90%;max-height:80vh;height:auto;overflow-y:auto;transform:scale(.8) translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:block!important}.modal-overlay.active .modal{transform:scale(1) translateY(0);display:block!important}.modal-header{padding:32px 32px 8px;text-align:center}.modal-icon{width:80px;height:80px;min-width:80px;min-height:80px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:modalIconPop .5s cubic-bezier(.68,-.55,.265,1.55) .2s both}@keyframes modalIconPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.modal-icon svg{width:40px;height:40px;color:#fff}.modal-icon.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b9814d}.modal-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 24px #ef44444d}.modal-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 24px #f59e0b4d}.modal-icon.info{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 24px #3b82f64d}.modal-icon.confirm{background:linear-gradient(135deg,#ff4900,#ff6b35);box-shadow:0 8px 24px #ff49004d}.modal-title{font-family:Anybody,sans-serif;font-weight:700;font-size:24px;color:#000;margin:0 0 8px;line-height:1.3}.modal-message{font-family:Anybody,sans-serif;font-size:16px;color:#6b7280;margin:0;line-height:1.6;text-align:center;padding:8px 0}.modal-body{padding:16px 32px 24px}.modal-actions{padding:8px 32px 28px;display:flex;gap:12px;justify-content:center}.modal-actions.single{justify-content:center}.modal-actions.double{justify-content:center;flex-wrap:wrap}.modal-btn{padding:14px 28px;font-family:Anybody,sans-serif;font-size:15px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:140px;white-space:nowrap}.modal-actions.double .modal-btn{flex:1;max-width:180px}.modal-btn:hover{transform:translateY(-2px)}.modal-btn:active{transform:translateY(0)}.modal-btn-primary{background:linear-gradient(135deg,#ff4900,#ff6b35);color:#fff;box-shadow:0 4px 16px #ff49004d}.modal-btn-primary:hover{background:linear-gradient(135deg,#e64200,#ff4900);box-shadow:0 8px 24px #ff490066}.modal-btn-secondary{background:#f8f9fa;color:#374151;border:1px solid #E5E7EB}.modal-btn-secondary:hover{background:#fff;border-color:#9ca3af;color:#000}.modal-btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 16px #10b9814d}.modal-btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 24px #10b98166}.modal-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 16px #ef44444d}.modal-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 24px #ef444466}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:transparent;border:none;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-close svg{width:20px;height:20px}.modal-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px}.modal-spinner{width:24px;height:24px;border:3px solid #E5E7EB;border-top:3px solid #FF4900;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-loading-text{font-family:Anybody,sans-serif;font-size:16px;color:#6b7280;font-weight:500}.modal-auto-dismiss{position:relative;overflow:hidden}.modal-auto-dismiss:after{content:"";position:absolute;bottom:0;left:0;height:4px;background:linear-gradient(135deg,#ff4900,#ff6b35);animation:modalProgress 3s linear forwards}@keyframes modalProgress{0%{width:0%}to{width:100%}}.toast-container{position:fixed;top:20px;right:20px;z-index:1000000;display:flex;flex-direction:column;gap:12px;max-width:400px;width:100%}.toast{background:#fff;border-radius:16px;padding:16px 20px;box-shadow:0 8px 32px #00000026;border-left:4px solid #E5E7EB;display:flex;align-items:flex-start;gap:12px;transform:translate(100%);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.toast.show{transform:translate(0)}.toast.success{border-left-color:#10b981}.toast.error{border-left-color:#ef4444}.toast.warning{border-left-color:#f59e0b}.toast.info{border-left-color:#3b82f6}.toast-icon{width:24px;height:24px;flex-shrink:0;margin-top:2px}.toast-content{flex:1}.toast-title{font-family:Anybody,sans-serif;font-size:14px;font-weight:600;color:#000;margin:0 0 4px}.toast-message{font-family:Anybody,sans-serif;font-size:13px;color:#6b7280;margin:0;line-height:1.4}.toast-close{width:20px;height:20px;background:transparent;border:none;cursor:pointer;color:#9ca3af;padding:0;flex-shrink:0}.toast-close:hover{color:#374151}.toast-close svg{width:16px;height:16px}@media (max-width: 768px){.modal-overlay .modal{max-width:95%;margin:20px;max-height:85vh}.modal-header,.modal-body,.modal-actions{padding-left:24px;padding-right:24px}.modal-header{padding-top:24px;padding-bottom:8px}.modal-body{padding:12px 24px 16px}.modal-actions{padding:8px 24px 24px}.modal-icon{width:64px;height:64px;min-width:64px;min-height:64px;margin-bottom:16px}.modal-icon svg{width:32px;height:32px}.modal-title{font-size:20px}.modal-message{font-size:15px}.modal-actions{flex-direction:column;gap:8px}.modal-btn{width:100%;min-width:auto}.toast-container{top:10px;right:10px;left:10px;max-width:none}.toast{padding:12px 16px}}@media (max-width: 480px){.modal-overlay .modal{max-height:90vh}.modal-header,.modal-body,.modal-actions{padding-left:20px;padding-right:20px}.modal-header{padding-top:20px;padding-bottom:6px}.modal-body{padding:10px 20px 14px}.modal-actions{padding:6px 20px 20px}.modal-icon{width:56px;height:56px;min-width:56px;min-height:56px;margin-bottom:16px}.modal-icon svg{width:28px;height:28px}.modal-title{font-size:18px;margin-bottom:6px}}