.mixle-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity.2s ease,visibility.2s ease}.mixle-modal-overlay.active{opacity:1;visibility:visible}.mixle-modal{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:16px;width:90%;max-width:480px;max-height:90vh;overflow:hidden;transform:scale(0.9) translateY(20px);transition:transform.3s ease;box-shadow:0 20px 60px rgba(0,0,0,0.5)}.mixle-modal-overlay.active .mixle-modal{transform:scale(1) translateY(0)}.mixle-modal-header{padding:24px 24px 16px;border-bottom:1px solid #2a2a2a;display:flex;align-items:flex-start;gap:16px}.mixle-modal-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.mixle-modal-icon.success{background:rgba(34,197,94,0.15);color:#22c55e}.mixle-modal-icon.error{background:rgba(239,68,68,0.15);color:#ef4444}.mixle-modal-icon.warning{background:rgba(251,191,36,0.15);color:#fbbf24}.mixle-modal-icon.info{background:rgba(136,136,136,0.15);color:#888888}.mixle-modal-icon.question{background:rgba(136,136,136,0.15);color:#888888}.mixle-modal-header-text{flex:1}.mixle-modal-title{font-size:20px;font-weight:600;color:#fff;margin:0 0 4px 0;line-height:1.3}.mixle-modal-subtitle{font-size:14px;color:#a0a0a0;margin:0;line-height:1.5}.mixle-modal-close{width:32px;height:32px;background:transparent;border:1px solid #2a2a2a;border-radius:8px;color:#a0a0a0;cursor:pointer;transition:all.2s ease;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.mixle-modal-close:hover{background:#252525;color:#fff;border-color:#333}.mixle-modal-body{padding:24px;max-height:calc(90vh - 180px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.2) transparent}.mixle-modal-body::-webkit-scrollbar{width:8px;height:8px}.mixle-modal-body::-webkit-scrollbar-track{background:transparent;border-radius:4px}.mixle-modal-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:4px;transition:background.2s ease}.mixle-modal-body::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3)}.mixle-modal-body::-webkit-scrollbar-corner{background:transparent}.mixle-modal-text{font-size:15px;color:#e0e0e0;line-height:1.6;margin:0}.mixle-modal-html-content{color:#e0e0e0;line-height:1.6}.mixle-modal-html-content p{margin:0 0 12px 0}.mixle-modal-html-content p:last-child{margin-bottom:0}.mixle-modal-input{width:100%;padding:12px 16px;background:#141414;border:1px solid #2a2a2a;border-radius:8px;color:#fff;font-size:14px;font-family:'Inter',sans-serif;transition:all.2s ease;margin-top:16px}.mixle-modal-input:focus{outline:none;border-color:#fff;background:#1a1a1a}.mixle-modal-input::placeholder{color:#666}.mixle-modal-validation-message{color:#ef4444;font-size:13px;margin-top:8px;display:none}.mixle-modal-validation-message.show{display:block}.mixle-modal-footer{padding:16px 24px;border-top:1px solid #2a2a2a;display:flex;gap:12px;justify-content:flex-end}.mixle-modal-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all.2s ease;border:1px solid transparent;display:inline-flex;align-items:center;gap:8px;font-family:'Inter',sans-serif;min-width:100px;justify-content:center}.mixle-modal-btn-primary{background:#fff;color:#0a0a0a;border-color:#fff}.mixle-modal-btn-primary:hover{background:#f5f5f5;transform:translateY(-1px)}.mixle-modal-btn-secondary{background:transparent;color:#fff;border-color:#2a2a2a}.mixle-modal-btn-secondary:hover{background:#252525;border-color:#333}.mixle-modal-btn-danger{background:#ef4444;color:#fff;border-color:#ef4444}.mixle-modal-btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.mixle-modal-btn:disabled{opacity:.5;cursor:not-allowed;transform:none !important}.mixle-modal-btn i{font-size:16px}.mixle-modal-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0}.mixle-modal-spinner{width:48px;height:48px;border:4px solid #2a2a2a;border-top-color:#fff;border-radius:50%;animation:mixle-spin.8s linear infinite}@keyframes mixle-spin{to{transform:rotate(360deg)}}.mixle-modal-loading-text{font-size:15px;color:#a0a0a0;font-weight:500}.mixle-toast-container{position:fixed;top:90px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.mixle-toast{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:12px;min-width:320px;max-width:420px;box-shadow:0 8px 24px rgba(0,0,0,0.4);transform:translateX(400px);transition:transform.3s ease;pointer-events:auto}.mixle-toast.show{transform:translateX(0)}.mixle-toast-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.mixle-toast.success .mixle-toast-icon{background:rgba(34,197,94,0.15);color:#22c55e}.mixle-toast.error .mixle-toast-icon{background:rgba(239,68,68,0.15);color:#ef4444}.mixle-toast.warning .mixle-toast-icon{background:rgba(251,191,36,0.15);color:#fbbf24}.mixle-toast.info .mixle-toast-icon{background:rgba(136,136,136,0.15);color:#888888}.mixle-toast-content{flex:1}.mixle-toast-title{font-size:14px;font-weight:600;color:#fff;margin:0 0 2px 0}.mixle-toast-message{font-size:13px;color:#a0a0a0;margin:0}.mixle-toast-close{width:24px;height:24px;background:transparent;border:none;color:#6b6b6b;cursor:pointer;transition:color.2s ease;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.mixle-toast-close:hover{color:#fff}@media (max-width:768px){.mixle-modal{max-width:none;margin:0 10px}.mixle-modal-header{padding:20px 20px 12px}.mixle-modal-body{padding:20px}.mixle-modal-footer{padding:12px 20px;flex-direction:column-reverse}.mixle-modal-btn{width:100%}.mixle-toast-container{top:80px;right:10px;left:10px}.mixle-toast{min-width:auto;max-width:none;width:100%}}